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


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

* {margin:0;padding:0}

body {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-family: "Lucida Sans Unicode", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	line-height: 140%;
	text-align:center;
	color: #191919;
	background:#191919 url(../images/bkg_prueba.png) repeat;		
}

h1, h2, h3 {/*background:transparent; font-style: italic;*/}
h1 {width: 936px; height: 78px; display: block; margin: -5px 0 0 15px; text-indent: -5000em;}
h2{/*font-size: 130%;*/}
h3{/*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; font-family: "Lucida Sans Unicode", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}

ul {font-family: "Lucida Sans Unicode", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
li{}

img {border: none;}

a {color: #f39812; text-decoration: none; margin: 0; background:transparent;}
a:hover {color: #f39812; text-decoration: underline; background:transparent;}
a:hover img, .item_img {filter: alpha(opacity=50); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); -moz-opacity: 0.50; opacity:0.5;}

label {font-size:100%; font-family: "calvert MT", "Lucida Sans Unicode", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
input, textarea, select {border: 1px solid #b8ad9d; font-family: "Lucida Sans Unicode", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
select {padding: 0;}
input, select {height: 20px;}
label {float: left; margin: 0 0 0.7em 0; display: block; font-style: italic;}

hr {clear: both; visibility: hidden; display:block; height: 1px; margin: 0; padding: 0;}

/* -------------------------------------------------------------------------------------------------------------------------- */
/* CONTENEDOR */
/* -------------------------------------------------------------------------------------------------------------------------- */
#contenedor {
	margin: 195px auto 30px auto;
	width: 980px;
	text-align: left;
	background: transparent url(../images/bkg_page.png) repeat-y 0 -165px;
	position: relative; 
}
/* -------------------------------------------------------------------------------------------------------------------------- */
/* CABEZERA */
/* -------------------------------------------------------------------------------------------------------------------------- */
#cabezera {width: 980px; height: 185px; background: transparent url(../images/bkg_top.png) no-repeat; position: fixed; top: 10px;  z-index: 80; margin: 0px 0 0 -2px;}

ul#menu_lang {float: left; margin: -10px 0 0 0;  padding-left: 900px; width: 75px; height: 1.5em; display: block;/*position: absolute; top: 0; right: 0;*/ background:#191919 url(../images/bkg_prueba.png) repeat;}
ul#menu_lang li {display: inline; font-size: 80%; color: #333; text-transform: uppercase; }
ul#menu_lang li a{color: #333; display: block; position: absolute;}
ul#menu_lang li a:hover, ul#menu_lang li.menu_on a {color:#666;}
ul#menu_lang li.menu_on a {left: 925px;}

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

ul#menu {float: right; margin: -22px 18px 0 0; background: transparent;}
ul#menu li, ul#menu li a {display: block; float: left; width: 75px; height: 150px; font-size: 80%; color: #fff; text-indent: -5000em;}
ul#menu li#ini a {background: url(../images/bkg_menu_ini_off.png) no-repeat;}
ul#menu li#ini a:hover, ul#menu li#ini a.on {background: url(../images/bkg_menu_ini_on.png) no-repeat;}
ul#menu li#por a {background: url(../images/bkg_menu_por_off.png) no-repeat;}
ul#menu li#por a:hover, ul#menu li#por a.on {background: url(../images/bkg_menu_por_on_ini.png) no-repeat;}
ul#menu li#ser a {background: url(../images/bkg_menu_ser_off.png) no-repeat;}
ul#menu li#ser a:hover, ul#menu li#ser a.on {background: url(../images/bkg_menu_ser_on_ini.png) no-repeat;}
ul#menu li#blo a {background: url(../images/bkg_menu_blo_off.png) no-repeat;}
ul#menu li#blo a:hover, ul#menu li#blo a.on {background: url(../images/bkg_menu_blo_on_ini.png) no-repeat;}
ul#menu li#con a {background: url(../images/bkg_menu_con_off.png) no-repeat;}
ul#menu li#con a:hover, ul#menu li#con a.on {background: url(../images/bkg_menu_con_on.png) no-repeat;}
ul#menu li#ini a.on, ul#menu li#por a.on, ul#menu li#ser a.on, ul#menu li#blo a.on, ul#menu li#con a.on
{cursor:default;}

/* -------------------------------------------------------------------------------------------------------------------------- */
/* 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;}
		
p.ini {display: block; width: 275px; margin: 0 0 0 30px; padding: 10px; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; background: transparent;}
/*p.ini {display: block; width: 295px; margin: 0 0 0 30px; padding: 10px; font-family: "calvert MT", "Lucida Sans Unicode", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
 font-style: normal; font-size: 105%; line-height: 160%; background: #fff; color: #666;}*/

#intro {width: 606px; height: 251px; display: block; float: right; margin: 5px 30px 3px 0; z-index: 1000;}

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 { margin: 3em 8px 3em 30px;} 
div#home_serv { margin: 3em 0 3em 0;} 
div#home_blog { margin: 3em 8px 3em 0;}

div#home_port img, div#home_serv img, div#home_blog img {float: left;}

div#home_port h2, div#home_serv h2, div#home_blog h2 {font-family: "calvert MT", "Lucida Sans Unicode", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: 110%;  font-weight: normal ; margin: 0 0 1em 0;}
div#home_port h2 a span, #home_serv h2 a span, div#home_blog h2 a span {color: #f39812;}
div#home_port h2 a, div#home_serv h2 a, div#home_blog h2 a {color: #191919;}
div#home_port h2 a:hover, div#home_serv h2 a:hover, div#home_blog h2 a:hover {color: #f39812; text-decoration: none;}

div#home_port p.t90, div#home_serv p.t90, div#home_blog p.t90{font-size: 85%; }
/*div#home_port p.t90 span, #home_serv p.t90 span, div#home_blog p.t90 span {background: #f39812}*/

div#home_port ul li, div#home_serv ul li, div#home_blog ul li{font-size: 85%; list-style: none;/*font-weight: bold; list-style: square inside; margin: -0.3em 10px 0 20px;*/}
																
div#home_port ul li a, div#home_serv ul li a, div#home_blog ul li a {background: url(../images/ico_list.png) no-repeat 0 50%; padding: 0 0 0 1em;}

div#home_port p a, div#home_serv p a, div#home_blog p a, 
div#home_port ul li a, div#home_serv ul li a, div#home_blog ul li a{color:#191919;}
div#home_port p a:hover, div#home_serv p a:hover, div#home_blog p a:hover, 
div#home_port ul li a:hover, div#home_serv ul li a:hover, div#home_blog ul li a:hover,
{color:#f39812; /*color:#0054bf;*/}

div.bigTarget.over h2 a,
.bigTarget.over p a, 
.bigTarget.over ul li a{color: #f39812 !important; text-decoration: none;}


/* -------------------------------------------------------------------------------------------------------------------------- */
/* PORTFOLIO*/
/* -------------------------------------------------------------------------------------------------------------------------- */
h1#tit_portfolio {background: url(../images/bkg_tit_portfolio.png) no-repeat;}
h1#tit_portfolio_market {background: url(../images/bkg_tit_portfolio_market.png) no-repeat; margin-top: 1.5em;}
h1#tit_portfolio_prog {background: url(../images/bkg_tit_portfolio_prog.png) no-repeat; margin-top: 1.5em;}
h1#tit_portfolio_logo {background: url(../images/bkg_tit_portfolio_logo.png) no-repeat; margin-top: 1.5em;}
h1#tit_portfolio_print {background: url(../images/bkg_tit_portfolio_print.png) no-repeat; margin-top: 1.5em;}

a#webdesign {padding-top: 195px;}
a#webmarketing,
a#logotipos,
a#programacion,
a#printdesign {padding-top: 145px;}

.cont_portfo {display: block; margin: 0 0 0 30px;}
		
.index_portfo {display: block; width: 220px; margin-right: 17px; float: left;}
.index_portfo h2 {color: #fff; font-size: 130%; font-weight: bold;  display: block; position: relative;
		width: 210px; height: 27px; margin: 5px 0 2px 0px; padding: 8px 0 0 10px; text-indent: 30px; 
		background: #f90 /*url(../images/bkg_tit_h2_portf.png) no-repeat*/;
		font-family: "calvert MT", "Lucida Sans Unicode", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
.index_portfo a:hover h2 {text-decoration: none; cursor: pointer;}
.index_portfo h2.txt120 {font-size: 115%; background: #ffa826 ;}
.index_portfo h2.txt105 {font-size: 100%; background: #ffb74c;}
.index_portfo h2.txt90 {font-size: 85%; background: #ffc670;}
.index_portfo h2.txt75 {font-size: 70%; background: #ffd596;}
.index_portfo h2 img.mas{position: absolute; top: 10px; left: 10px;}

.index_portfo h2 img#ico_bombilla,
.index_portfo h2 img#ico_llave,
.index_portfo h2 img#ico_gears,
.index_portfo h2 img#ico_mano,
.index_portfo h2 img#ico_marker,
.index_portfo h2 img#ico_tipex {position: absolute; top: -9px; right: 0px;}

.index_portfo a:hover h2.txt120,
.index_portfo a:hover h2.txt105,
.index_portfo a:hover h2.txt90,
.index_portfo a:hover h2.txt75 
	{font-size: 130%; background: #f90;}

/* Items portfolio */
.cont_portfo h3 {color: #f90; margin: 0 0 0.3em 0;  font-size: 105%; font-weight: normal; font-family: /*"calvert MT",*/ "Lucida Sans Unicode", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
.cont_portfo p {margin: 0.5em 0 0 0; font-size: 80%; line-height: 140%;}
.cont_portfo p a {color: #191919;}
.cont_portfo p a:hover {color: #f90;}

.item {display: block; width: 220px; min-height: 210px;margin: 0.3em 12px 0 0; float: left; position: relative;}
.item h3 {display: block; margin: 103px 0 0 0; width: 100%;}
.item img{
	width: 220px;
	height: 90px;
	border: 1px solid #ccc;
	padding: 1px;
	margin-bottom: 0.3em;
	position: absolute;
	top: -1px;
}
.item_link {color: #f90;}
.item_on p a{color: #f90; text-decoration: none;}
.item_on a img {filter: alpha(opacity=80); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); -moz-opacity: 0.80; opacity:0.8;}
a.link_ext {margin-bottom: 2em;}


.bigTarget.over p a{color: #f90;}
.bigTarget.over p a:hover {text-decoration: none;}
.bigTarget.over a img {filter: alpha(opacity=50); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); -moz-opacity: 0.50; opacity:0.5;}

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

/* contenido fancy box */
div#cont_fancy {width: 730px; height: 490px; display: block; background: #fff; position: relative; padding: 15px; overflow: hidden;}
div#txtstore {width: 230px; display: block; text-align: left; background: transparent; position: absolute; top: 10px; right: 15px;}
div#txtstore h1 {color: #f90; font-size: 130%; width: 230px; height: 1.5em; display: block; margin: 0 0 1em 0; text-indent: 0; background: transparent; }
div#txtstore p {font-size: 80%;}
div#txtstore p span.surl{background: #f90;}
div#txtstore ul {list-style: none;}
div#txtstore ul li {}
div#txtstore ul li a {font-size: 80%; color: #f90; padding-left: 10px; background:url(../images/ico_link_ext.png) no-repeat;}
div#txtstore ul li a:hover{font-weight: bold;}

div#imgstore {display:none;}
div#showhere, div#showhere_fijo {width: 485px; height: 475px; background: #fff; position: relative;}
.showbg{}
a.link_nor{border: 1px solid #f90; margin: -50px 5px 0px 0; padding:0px 0.3em 0px 0.3em; text-align:center; color: #191919; position: inherit;}
a.link_nor:hover{font-weight: normal;}
a.link_act {background-color:#f90; padding:0px 0.3em 0px 0.3em; text-align:center; color: #191919;}
div#showhere span{color: #fff; position: absolute; bottom: 12px; right: 10px;}
.gray {background-color: white; position: absolute; top: 0px; left: 0px; border: 0px solid #9F6D11; z-index: 100;}
div#showhere img{border: 0px solid #663300; background-color: #fff; position:  absolute; top: 0px; left: 0px;}
.opa{color:white; padding:10px 20px 0px 20px; position: absolute; z-index: 101; background-color: transparent;}


/* -------------------------------------------------------------------------------------------------------------------------- */
/* SERVICIOS*/
/* -------------------------------------------------------------------------------------------------------------------------- */
h1#tit_servicios {background: url(../images/bkg_tit_servicios.png) no-repeat;}

#acordeon {position: relative;}
h3.serv {font-family: "calvert MT", "Lucida Sans Unicode", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
		color: #fff; font-size: 130%; font-weight: bold; display: block; position: relative;
		width: 581px; height: 32px; margin: 5px 0 2px 371px; padding: 8px 0 0 0px; text-indent: 30px; background: #00d800; background: #f39812;}
#acordeon a:hover h2 {text-decoration: none;}

a#solucion_web,
a#diseno_web,
a#desarrollo_web,
a#gestores_contenidos,
a#seo {padding-top: 195px;}

#banner {display: block; width: 581px; height: 200px; margin: 0 0 2px 370px; background: transparent;}
.pics, .pics img {position: relative;} 
.pics, .pics img {width: 581px; height: 200px; padding: 0; margin: 0;} 
.pics img {width:  581px; height: 200px; position: absolute;  top:  0; left: 0;}
.banner_content {position: absolute; top:0; left: -5000em;}

div#serv_video {width: 320px; height: 291px; display: block; position: absolute; top: 0; left: 30px;}
div#serv_video h2{color: #f39812; font-size: 85%;padding: 0 0 0 15px;}
div#serv_video h2.pres{font-size: 115%;}
div#serv_video h2 a {color: #f39812;}
div#serv_video p.ini_serv, div#serv_video p.ini_refe {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;}
div#serv_video p.ini_refe {margin: 3em 0 0 10px;}
div#serv_video ul {margin: 0 0 0 20px; color: #666; font-size: 85%; font-style: italic;}
div#serv_video ul li {list-style: none; padding: 0 0 0 0.8em; background: url(../images/bkg_list.png) no-repeat 0 50%;}

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

div.serv_bkg {display: block; width: 586px; height: 201px; position: relative;
			margin: 0 0 2em 370px; background: #fff /*url(../images/bkg_serv.png) no-repeat;*/}
div.serv_bkg p.serv_intro {display: block; width: 540px; height: 210px; position: absolute; top: 10px; left: 10px; text-indent: -5000em;}
div.serv_bkg p.solu {background: url(../images/bkg_serv_dise.png) no-repeat;}
div.serv_bkg p.dise {background: url(../images/bkg_serv_solu.png) no-repeat;}
div.serv_bkg p.inte {background: url(../images/bkg_serv_inte.png) no-repeat;}
div.serv_bkg p.cms {background: url(../images/bkg_serv_cms.png) no-repeat;}
div.serv_bkg p.seo {background: url(../images/bkg_serv_seo.png) no-repeat;}

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%;}
div.serv_bkg ul.serv_list li, div.serv_bkg ul.serv_list2 li {padding: 0 0 0 1em; list-style: none; background: url(../images/ico_list.png) 0px 0.6em no-repeat;}
div.serv_bkg ul.serv_list li ul, div.serv_bkg ul.serv_list2 li ul {margin: 0 0 0 1em;}
div.serv_bkg ul.serv_list li ul li, div.serv_bkg ul.serv_list2 li ul li {padding: 0 0 0 0.7em; list-style: none; background: url(../images/bkg_serv_list2.png) 0px 0.7em no-repeat;}

a.serv_link {display: block; width: 322px; height: 31px; position: absolute; top:300px; left: 30px;
				padding: 14px 0 0 0px; text-indent: 40px;
				background:url(../images/bkg_serv_link.png) no-repeat;}
a.serv_link img{position: absolute; top: 15px; left: 15px; }

/* -------------------------------------------------------------------------------------------------------------------------- */
/* BLOG*/
/* -------------------------------------------------------------------------------------------------------------------------- */
h1#tit_blog {background: url(../images/bkg_tit_blog.png) no-repeat;}
#sidebar  a, #content  a {color: #f39812;}
#sidebar h2, #sidebar h2 a {font-family: "Lucida Sans Unicode", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #fff; background: #f39812;}
#content h2, #content h2 a {font-family: "calvert MT", "Lucida Sans Unicode", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #f39812; background: transparent;}
/* Ver www.estudio-b.net/es/blog-diseno-web/themes/default/style.css

/* -------------------------------------------------------------------------------------------------------------------------- */
/* CONTACTOS*/
/* -------------------------------------------------------------------------------------------------------------------------- */
h1#tit_contacta {background: url(../images/bkg_tit_contacta.png) no-repeat;}

h2.cont {color: #fff; font-size: 130%; font-weight: bold; display: block; position: relative;
		width: 285px; height: 32px; margin: 5px 0 2px 0; padding: 8px 0 0 0; text-indent: 10px; 
		background: #b8ad9d;}
#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;
				background:url(../images/bkg_serv_link.png) no-repeat;}
p.conta_link.skype {text-indent: 85px;}
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 {width: 608px; display: block; float: right; margin: -3px 30px 0 0;}
#form_contacta fieldset {border: 1px solid #b8ad9d; margin: 0 0 0.2em 0; padding: 1em;}
#form_contacta legend {font-size: 110%; letter-spacing: 0.1em; Margin: 0 0 0 -5px; padding: 0 0.5em; color: #b8ad9d; }
#form_contacta p.note {float: right; font-size: 75%; width: 420px; margin-left: 130px; color: #bda77d; color: #191919;}
#form_contacta label {color: #bda77d; color: #191919; /*font-weight: bold;*/ font-style: normal; width: 140px; height: 20px; margin-bottom: 1em; float: left; text-align: left; display: block;}
#form_contacta input, #form_contacta textarea { }
#form_contacta input {width: 405px; height: 18px; float: right; }
#form_contacta textarea {width: 410px; height: 150px; padding-right:0; float: right; display: block; font-size}
#form_contacta input#btn_enviar {width: 418px; height: 40px; display:  block; float: right; border: none; margin: 0em -0.5em 0.5em 0;}
label.error {color: #b20000; margin: 1.2em 0 1em -140px;}
input.error, textarea.error {/*background: #aba194;*/ border: 1px solid #b20000;}

/* -------------------------------------------------------------------------------------------------------------------------- */
/* NOTA LEGAL - W3C */
/* -------------------------------------------------------------------------------------------------------------------------- */
h1#tit_nota {background: url(../images/bkg_tit_nota.png) no-repeat;}
h1#tit_w3c {background: url(../images/bkg_tit_w3c.png) no-repeat;}

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_top {/*background: url(../images/bkg_nota_top.png) no-repeat; height: 10px;*/}
div.notas_middle {/*background: url(../images/bkg_nota_middle.png) repeat-y;*/ padding: 10px 30px 10px 20px; width: 556px;}
div.notas_middle h2{font-size: 100%; margin-bottom: 0.5em;}
div.notas_middle p{font-size: 80%;}
div.notas_bottom {/*background: url(../images/bkg_nota_bottom.png) no-repeat;*/ height: 10px;}

/* -------------------------------------------------------------------------------------------------------------------------- */
/* PIE PAGINA*/
/* -------------------------------------------------------------------------------------------------------------------------- */
#pie {width: 980px; height: 211px; display: block; background: transparent url(../images/bkg_pie.png) no-repeat; position: relative; margin: 1em 0 0 0;}
ul#w3c {margin: 45px 0 0 30px; float: left;}
ul#w3c li{margin: 0 0 5px 0; list-style-type: none;}
ul.links_pie {font: 70% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #fff; margin: 55px 30px 0 0; float: right;}
ul.links_pie li, ul#links_pie li a {display: inline; color: #fff;}
ul.links_pie li a {color: #fff;}
ul.links_pie li a:hover, ul#links_pie li a.lp_on {color: #b8ad9d;}
#pie p {float: right; font-size: 70%; color: #666; position: absolute; bottom: 20px; right: 30px;}