/* HOJA DE ESTILO ESTUDIO-B*/
/* -------------------------------------------------------------------------------------------------------------------------- */


/* -------------------------------------------------------------------------------------------------------------------------- */
/* PROPIEDADES GENERALES*/
/* -------------------------------------------------------------------------------------------------------------------------- */

* {margin:0;padding:0}

body {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 90%;
	line-height: 140%;
	text-align:center;
	color: #191919;
	background:#191919;	
}

h1, h2, h3 {background:transparent;}
h1 {width: 100%; color: #900; display: block; margin: 1em 0; text-indent: 0em;}
h2{color: #666; font-size: 130%;}
h3{color: #666; font-size: 110%;}

table {vertical-align: top; display: block; border-collapse:collapse;}
table tr td{vertical-align: top;}

p{margin: 0 0 1.2em 0;}

ul {}
li{}

img {border: none;}

a {color: #666;}

label {display: none;}
input, textarea, select {display: none;}

hr {clear: none; visibility: visible; display:block;}

/* -------------------------------------------------------------------------------------------------------------------------- */
/* CONTENEDOR */
/* -------------------------------------------------------------------------------------------------------------------------- */
#contenedor {
	margin: auto;
	width: 980px;
	text-align: left;
	position: relative; 
}
/* -------------------------------------------------------------------------------------------------------------------------- */
/* CABEZERA*/
/* -------------------------------------------------------------------------------------------------------------------------- */
#cabezera {width: 980px; height: 200px;}

ul#menu_lang {display: none;}

a#logo {float: left; margin: 70px 0 0 30px;}

ul#menu_ini, ul#menu {display: none;}

/* -------------------------------------------------------------------------------------------------------------------------- */
/* HOME*/
/* -------------------------------------------------------------------------------------------------------------------------- */
h1#tit_ini {background: url(../images/bkg_tit_ini.png) no-repeat;}

h2.ini {color: #fff; font-size: 130%; font-weight: bold; display: block; 
		width: 285px; height: 32px; margin: 5px 0 2px 30px; padding: 8px 0 0 10px;
		background: #191919 /*url(../images/bkg_home_h2_ini.png) no-repeat;*/}
p.ini {display: block; width: 275px; margin: 0 0 0 30px; padding: 10px; /*font-size: 110%; line-height: 160%;*/ background: #fff url(../images/bkg_home_ini.png) no-repeat;}
#intro {width: 606px; height: 251px; display: block; float: right; margin: 5px 30px 3px 0; background: url(../images/bkg_home_intro.jpg) no-repeat;}

div.sepa_home {display: block; width: 921px; height: 10px; background:url(../images/bkg_sepa.png) no-repeat; margin: 0 0 0 30px;}

div#home_port, div#home_serv, div#home_blog {width: 305px; height: 230px; display: block; float: left;}
div#home_port h2, div#home_serv h2, div#home_blog h2{color: #fff; margin: 8px 10px; height: 1.8em;padding-left: 30px; position: relative;}
div#home_port h2 a, div#home_serv h2 a, div#home_blog h2 a{color: #fff;  width: 270px; display: block; }
div#home_port h2 a img, div#home_serv h2 a img, div#home_blog h2 a img{position: absolute; top: 2px; left: 0;}
div#home_port p, div#home_serv p, div#home_blog p
{font-size: 105%; margin: 10px;}
div#home_port ul li, div#home_serv ul li, div#home_blog ul li
{font-size: 75%; font-weight: bold; list-style: square inside; margin: -0.3em 10px 0 20px;}

/* -------------------------------------------------------------------------------------------------------------------------- */
/* PORTFOLIO*/
/* -------------------------------------------------------------------------------------------------------------------------- */
h1#tit_portfolio, h1#tit_portfolio_market, h1#tit_portfolio_logo, h1#tit_portfolio_print {width: 100%; Display: block; clear: both; margin-top: 4em;}

.cont_portfo {display: block; margin: 0 0 0 30px;}

/* index */
.index_portfo {display: none;}

/* Items portfolio */
.cont_portfo h3 {margin-bottom: 0.3em; font-size: 130%;}
.cont_portfo p {margin: 0; font-size: 80%;}
.cont_portfo p a {color: #191919;}
.cont_portfo p a:hover {color: #f90;}
.item {display: block; width: 294px; margin-right: 17px; float: left;}
.item img{border: 1px solid #ccc; padding: 1px; margin-bottom: 0.7em;}
.item_link {color: #f90;}
a.link_ext {margin-bottom: 2em; /*font-size: 100%;*/}

div.sepa {display: none;}

/* contenido fancy box */
div#cont_fancy {display: none;}

/* -------------------------------------------------------------------------------------------------------------------------- */
/* SERVICIOS*/
/* -------------------------------------------------------------------------------------------------------------------------- */
h1#tit_servicios {text-indent: 0;}

#acordeon {position: relative;}
h3.serv {font-size: 130%; font-weight: bold; display: block; position: relative;width: 571px; height: 32px; margin: 5px 0 2px 350px; padding: 8px 0 0 0px; text-indent: 30px; background: #00d800; background: #fff;}
#acordeon a:hover h2 {text-decoration: none;}

#banner {display: none;}

div#serv_video {width: 320px; height: 291px; display: block; position: absolute; top: 0; left: 30px;}
div#serv_video h2{font-size: 85%;padding: 0 0 0 15px;}
div#serv_video h2.pres{font-size: 115%;}
div#serv_video p.ini_serv {display: block; width: 275px; margin: 0 0 0 10px; padding: 10px; font-family: Georgia, "Times New Roman", Times, serif; color: #666; font-style: italic; background :none;}

h2.serv img{position: absolute; top: 10px; left: 10px;}

div.serv_bkg, .banner_content {display: block; width: 586px; height: 201px; position: relative; margin: 0 0 2px 370px;}
div.serv_bkg p.serv_intro {display: block; width: 540px; height: 210px; position: absolute; top: 10px; left: 10px; text-indent: 0em;}

div.serv_bkg ul.serv_list {position: absolute; top: 105px; left: 90px; font-size: 80%;}
div.serv_bkg ul.serv_list2 {position: absolute; top: 105px; left: 330px; font-size: 80%;}


/* -------------------------------------------------------------------------------------------------------------------------- */
/* BLOG*/
/* -------------------------------------------------------------------------------------------------------------------------- */
h1#tit_blog {}
/* Ver www.estudio-b.net/es/blog-diseno-web/themes/default/style.css

/* -------------------------------------------------------------------------------------------------------------------------- */
/* CONTACTOS*/
/* -------------------------------------------------------------------------------------------------------------------------- */

h2.cont {color: #fff; font-size: 130%; font-weight: bold; display: block; position: relative;
		width: 285px; height: 32px; /*margin: 5px 0 2px 30px;*/ margin-top: 5px; padding: 8px 0 0 10px; text-indent: 30px; 
		background: #b8ad9d /*url(../images/bkg_cont_h2.png) no-repeat;*/}
h2.cont img{position: absolute; top: 10px; left: 10px;}
#contacta {display: block; width: 285px; float: left; margin: 0 0 0 30px; position: relative;}
p.conta_link {display: block; width: 285px; height: 33px; margin: 0 0 0 3px;
				position: relative; padding: 12px 0 0 0px; text-indent: 40px;}
p.conta_link img#ico_tel{position: absolute; top: 10px; left: 5px; }
p.conta_link img#ico_mail{position: absolute; top: 10px; left: 8px; }

#form_contacta {display: none;}

/* -------------------------------------------------------------------------------------------------------------------------- */
/* NOTA LEGAL - W3C */
/* -------------------------------------------------------------------------------------------------------------------------- */
p.nota_leg {display: block; width: 275px; margin: 0 0 0 30px; padding: 10px; font-size: 70%;}
.txt115 {font-size: 115%;}
.txt85 {font-size: 80%;}

div#notas, div.notas_top, div.notas_middle, div.notas_bottom {width: 606px; display: block;}
div#notas {float: right; margin: 5px 30px 0 0;}
div.notas_middle { padding: 10px 30px; width: 546px;}
div.notas_middle h2{font-size: 100%; margin-bottom: 0.5em;}
div.notas_middle p{font-size: 80%;}
div.notas_bottom {height: 10px;}

/* -------------------------------------------------------------------------------------------------------------------------- */
/* PIE PAGINA*/
/* -------------------------------------------------------------------------------------------------------------------------- */
#pie {display: none;}