/******************* GEnerales*********************/

html, body, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, a, div, img,  fieldset { margin: 0; padding: 0; border: 0; }
html {font-family:  Arial,  Helvetica, Verdana, sans-serif; font-size: 62.5%; height: 100%; overflow-x: hidden;}
body { font-size: 1.4em; color: #999999;background: #fff url(../imagenes/bg.gif) repeat-x; line-height: 1.6em; height: 100%;  }
body.body_interior {background: #fff url(../imagenes/bg_mini.gif) repeat-x;  height: 100%;}
body.body_extranet {background: #fff url(../imagenes/bg_mini_extranet.gif) repeat-x; height: 100%; }
a {	outline: none; color: #82ac27; text-decoration: none;}
a:hover.underline, a:hover {text-decoration: underline;}
.clearb{clear: both;}
.clearr{clear: right;}
.clearl{clear: left;}
.align_left {text-align: left;}
.align_center {text-align: center;}
.align_right {text-align: right;}
.fleft{float: left;}
.fright{float: right;}
.naranja {color: #ffa600;}
.verde {color: #82ac27;}
.azul {color: #4d628a;}
.cero {margin: 0px; padding: 0px;}
.flleft_img {float: left; margin: 20px 10px 0px 0px;}
.flright_img {float: right; margin: 20px 0px 0px 10px;}
p.puntos {border-bottom: dotted 1px; margin-bottom: 20px; clear: both;}
p.linea {border-bottom: dashed 1px #999999;}
p.error {padding: 5px; text-align: center; background: #FF1E16; color: #fff; border: dashed 1px; }
p.actualizado {padding: 5px; text-align: center; background: #82ac27; color: #fff; border: dashed 1px; }
blockquote {display: block; padding: 1px 0px 0px 50px; margin: 0px; margin-top: 20px;  line-height: 1.3em; font-style: italic;  background: url(../imagenes/quote.gif) no-repeat 0px 5px;}
.size12 {font-size: 1.2em; }
a.youtube {cursor:pointer;}
span.trascendental {display:block; float:right; width:295px; margin-top:50px; font-size: 0.9em;}
form {height: 100%;}
/***************** MEnu ********************/
div.logo {height: 22px; width: 198px; float: left; margin-top: 30px; margin-left: 20px;}
div.menu {float: right;	text-align: right; margin-top: 30px; height: 91px; position: relative;}
div.menu a {color: #a9a9a9; font-size: 0.8em; text-decoration: none;}
div.menu a:hover {color: #ffa600;}
ul.menu {  font-family:  Helvetica, Arial,  Verdana, sans-serif;  font-size: 1.4em; letter-spacing: 0px; font-weight: lighter; margin-top: 8px; }
ul.menu li { }
ul.menu li a {color: #a9a9a9; text-decoration: none; }
ul.menu li a:hover {color: #ffa600; text-decoration: none;}

/***************** HEad ********************/
div.banner {background: url(../imagenes/bg_banner.gif) no-repeat; width:980px; height:337px; clear: both; margin: 0 auto;}
div.banner img {margin: 5px 0px 0px 6px;}

/**************SLIDESHOW HOME**********/
#cr, #fr { width:975px; height:313px; overflow:hidden; list-style:none;}
#fr {position:absolute; margin:-303px 0 0 0; z-index:12;}
#cr li {z-index:8;}
	#cr li img {width:969px;}
#fr li {z-index:12; font-size:12px; margin:240px 0 0 6px; color:#888;}
	#fr li small { font-size:11px; color:#999; display:block;}
	#fr li.fr1 {color:#FFF; margin:50px 0 0 440px;}
		#fr li.fr2 { line-height:17px; margin:220px 0 0 50px; width:274px;}
		#fr li.fr3 { color:white; line-height:15px; margin:240px 0 0 576px;}
			#fr li.fr3 small { color:#EEE;}
	#fr li.fr4 { margin:50px 0 0 50px; line-height:14px;}
	#fr li.fr5 { color:white; line-height:16px; margin:78px 0 0 550px;}
		#fr li.fr5 small { color:#EEE;}
	
	#fr li.frport { color:white; line-height:16px; margin:215px 0 0 590px;}
		#fr li.frport small { color:#EEE;}
/************** acaba SLIDESHOW HOME**********/

/***************** COntenedores ********************/
div.minus_margin {margin-top: -11px;}
div.container{ width: 1000px; margin: 0 auto; margin-bottom: -361px; min-height: 100%; height: 100%; height: auto !important;   padding-bottom: 15px; position: relative;}
div.container_mini{ width: 1000px; margin: 0 auto; margin-bottom: -65px; min-height: 100%; height: 100%; height: auto !important;  }
div.head {height: 472px;}
div.head_interior {height: 110px;}
div.close_session {text-align: right; clear: both; padding-top: 52px;}
div.close_session a {color: #fff; font-variant: small-caps; text-decoration: none; margin-right: 30px; }
div.close_session a:hover {text-decoration: line-through;}
div.sello {background: url(../imagenes/sello.gif) no-repeat; width:91px; height:83px; position: absolute; z-index: 0; top:0px; right: -128px; }
div.contenido {padding:0px; overflow: hidden;}
div.cont {padding: 24px 30px 0px 30px; clear: both; text-align: justify; overflow: hidden; position: relative;}
div.flash {margin: 0px;  text-align: center;}

div.col_izq {float: left; width: 374px;  overflow: hidden; padding-bottom: 20px; padding-left: 30px; }
div.col_izq ul {list-style-type: none;}
div.col_izq_big {float: left; width: 574px;  overflow: hidden; padding-bottom: 20px; padding-left: 30px; text-align: justify; }

div.portfolio_destacos {height: 435px;}
div.servicios_destacados {overflow: hidden; display: block; margin: 0px; clear:both;}
div.servicios_destacados p.limit {float: right; width: 430px; display: block; margin-top: 15px;}

div.etiqueta {width: 374px; height: 124px; color: #fff; font-size: 1.8em;}
div.etiqueta p {padding: 38px 20px 0 130px; margin: 0px;}
div.etiqueta p span.big {font-size: 1.8em;}
div.etiqueta p span {font-size: 0.45em;}
div.etiqueta a {color: #fff; text-decoration: none; display: block;}
div.enaranja {background: url(../imagenes/etiqueta_naranja.gif) no-repeat;}
div.everde {background: url(../imagenes/etiqueta_verde.gif) no-repeat; margin: 10px 0px;}
div.eazul {background: url(../imagenes/etiqueta_azul.gif) no-repeat; margin: 10px 0px;}

div.col_derecha_mini {float: left; width: 324px;  overflow: hidden; padding: 25px 30px 20px 40px; text-align: justify; }
div.col_derecha_mini h3  {color: #ffa600; font-size: 1.9em; font-weight: normal; margin: 0px; margin-bottom: 10px; padding: 0px; float: left;}
div.col_derecha_mini h4 {color: #ffa600; font-size: 1.7em; font-weight: normal; margin: 0px; margin-bottom: 10px; padding: 0px; float: left;}
div.col_derecha_mini p {clear:both;}
div.col_derecha_mini ul { margin: 0px 0px 0px 15px; padding: 0px; padding-left: 30px; clear: both;}
div.col_derecha_mini ul li.padding30 {margin-left: -30px;}
div.col_derecha {float: right; width: 520px; text-align: justify; overflow: hidden; padding: 25px 30px 0px 1px;}

div.google_ad {float: right; margin: -29px 0px 0px 0px; width: 75px; height: 76px; display: none;}
div.col_derecha h1, div.col_izq_big h1, div.col_izq h1, div.cont h1 {color: #ffa600; font-size: 3.5em; line-height: 1em; margin: 0px; padding: 0px; font-weight: normal;}
div.col_derecha h2, div.cont h2, div.col_izq_big h2 {color: #ffa600; font-size: 2.1em; font-weight: normal;}
div.col_derecha h3 {color: #ffa600; font-size: 1.9em; font-weight: normal; margin: 0px;  padding: 0px;}
div.col_izq h2  {color: #ffa600; font-size: 1.7em; font-weight: normal; margin: 15px 0px 0px 0px;  padding: 0px;}
div.cont h2 a {font-size: 0.7em; text-decoration: none;}
div.cont h2 a span {display: none;}
div.cont h2 a:hover span {display: inline;}
div.push {height: 361px; clear: both;}
div.push_mini {height: 65px; clear: both;}
/***************** FOot ********************/
div.foot_mini {background: #CCCCCC url(../imagenes/bg_foot.gif) repeat-x; clear: both; width: 100%; height: 65px;}
div.foot {background: #CCCCCC url(../imagenes/bg_foot.gif) repeat-x; clear: both; width: 100%;  height: 361px;}
div.foot input {border: solid 1px #c7c7c7;}
div.foot input.fail {border: solid 1px red;}
div.foot_mini div.foot_cont {width: 1000px; margin: 0px auto 0px auto; color: #000; position: relative;}
div.foot_cont {width: 1000px; margin: 0px auto; color: #000; position: relative;}
div.linea_ver {margin-top: 40px; background: url(../imagenes/linea.gif) no-repeat; width: 2px; height: 137px; float: left;}

div.foot_col1 {float: left; width: 340px; padding: 15px; margin-top: -7px;}
div.foot h3 {font-size: 1.3em; margin-bottom: 3px;}
div.foot h3.azul {color: #4d628a;}
div.foot_col1 h3 {color: #82ac27; font-weight: normal;}
div.foot_col1 h3 img {vertical-align: top;}

div.foot_col2 {float: left; width: 325px; padding: 15px;}
div.foot_col2 ul, div.foot_col3 ul {line-height: 1.6em; margin-bottom: 10px;}
div.foot_col2 h3 {color: #4d628a; font-weight: normal;}
div.foot_col2 ul,div.foot_col3 ul {list-style: none; font-size: 0.8em;}
div.foot_col2 ul li {float: left;}
div.foot_col2 ul li input {width: 150px;}
div.foot_col2 ul li.col1 {margin-right: 8px;}
div.foot_col2 textarea {width: 315px; border: solid 1px #c7c7c7;}
div.foot_col2 a {color: #4d628a;}

div.foot_col3 {width: 235px; float: right; padding: 15px;}
div.foot_col3 h3 {color: #82ac27; font-weight: normal;}
div.foot_col3 input {width: 208px;}
div.foot_col3 img {vertical-align: middle; margin-left: 5px;}

div.foot_large {text-align: right; color: #5D5D5D; font-size: 0.8em; clear: both; line-height: 1.2em; margin-top: -15px; }
.addthis_button_facebook_like iframe {width: 120px !important;}
/***************** BOtones ********************/
span.button_a {margin: 0 5px; float: left; margin-bottom: 10px;}
span.button_a a {height: 28px; font: bold 14px  Arial, sans-serif; text-decoration: none; float: left; display: block; overflow: hidden; padding: 0; margin-left: 2px; }
span.button_a a span { display: block; white-space: nowrap; padding: 0 4px 4px 0; line-height: 28px; cursor: pointer; }

span.button_a a.azul { color: #FFFFFF; padding: 0 0 0 10px; background: url(../imagenes/btns.gif) left top no-repeat; }
span.button_a a.azul:hover { padding: 0 0 0 10px;    background: url(../imagenes/btns.gif) 0 -28px no-repeat; }
span.button_a a.azul  span { background:#f3fbfe url(../imagenes/btns.gif) right top no-repeat;     padding-right: 10px;     }
span.button_a a.azul:hover span { padding-right: 10px; background:#f3fbfe url(../imagenes/btns.gif) right -28px no-repeat; }

span.button_a a.naranja { color: #FFFFFF; padding: 0 0 0 10px; background: url(../imagenes/btns.gif) 0 -56px no-repeat; }
span.button_a a.naranja:hover { padding: 0 0 0 10px;    background: url(../imagenes/btns.gif) 0 -84px no-repeat; }
span.button_a a.naranja  span { background:#f3fbfe url(../imagenes/btns.gif) right -56px no-repeat;     padding-right: 10px;     }
span.button_a a.naranja:hover span { padding-right: 10px; background:#f3fbfe url(../imagenes/btns.gif) right -84px no-repeat; }

span.button_a a.verde { color: #FFFFFF; padding: 0 0 0 10px; background: url(../imagenes/btns.gif) left -112px no-repeat; }
span.button_a a.verde:hover { padding: 0 0 0 10px;    background: url(../imagenes/btns.gif) 0 -140px no-repeat; }
span.button_a a.verde  span { background:#f3fbfe url(../imagenes/btns.gif) right -112px no-repeat;     padding-right: 10px;     }
span.button_a a.verde:hover span { padding-right: 10px; background:#f3fbfe url(../imagenes/btns.gif) right -140px no-repeat; }

/***************** POrtfolio ********************/
ul.thumb {list-style: none;  padding: 10px; width: 360px; margin: 0px auto; float: left;}
ul.thumb li {margin: 0; padding: 5px; float: left; position: relative;  /* Set the absolute positioning base coordinate */ 	width: 110px; height: 110px;}
ul.thumb li img { 	width: 100px; height: 100px;border: 1px solid #ddd; 	padding: 5px; 	background: #f0f0f0; 	position: absolute; 	left: 0; top: 0; }
ul.thumb li img.hover {background:url(../imagenes/thumb_bg.png) no-repeat center center; border: none;}
#main_view { float: left; padding: 9px 0; margin-left: -10px; }
#main_view div.pie_foto {height: 100px; width: 500px; background: #999; position: absolute; bottom:190px;}

div.portfolio_destacado { overflow: hidden; display: block; margin-bottom: 70px;}
div.portfolio_destacado h4 {color: #FFA600; font-size: 19px; margin-top:10px;}
    div.portfolio_destacado .big {float:left; width: 633px; background: url(../imagenes/portfolio/bg_sombra_big.png) no-repeat; height: 550px;}
        div.portfolio_destacado .big img {margin: 13px 0px 0px 14px;}
    div.portfolio_destacado .small {float: right; display: block; width: 275px;}
 div#slidding { position: fixed; bottom:0px; margin-left: 505px;  z-index: 99999; background: url(../imagenes/portfolio/bg_bubble.png) no-repeat; width: 470px;  height:113px; text-align:left; font-size: 0.9em;}
    div#slidding ul { margin-left: 20px; padding: 15px 5px 0px 5px;}
         div#slidding ul li {margin-bottom: 5px;}

div.destacado_anio { background: #f8f8f8 url(../imagenes/portfolio/bg_destacado.png) repeat-x left bottom; border-top: solid 1px #f2f2f2; padding-bottom: 40px; border-radius: 10px; } 
   
    div.portfolio_anio {background: url(../imagenes/portfolio/bg_sombra_small.png) no-repeat; width: 275px; padding-left: 10px; float: left;  margin-left: 40px; margin-top: 40px; }
     div.portfolio_anio.first {margin-left: 0px;}
         div.portfolio_anio img {margin:  9px 0px 20px 0px;}
         div.portfolio_anio h4 {color: #FFA600}


/***************** GAleria ********************/
#galeria { padding: 10px; background: #fff; overflow: hidden; margin-top: 20px;}
.main_image { width: 610px; height: 490px; 	float: left; background: #333; 	position: relative; overflow: hidden; color: #fff; }
.main_image h2 { font-size: 2em; font-weight: normal; margin: 0px; margin-bottom: -10px; padding: 10px; }
.main_image a {padding-left: 10px;}
.main_image p { font-size: 1.2em; padding: 10px; margin: 0; line-height: 1.6em; }
.block small { padding: 0 0 0 20px; background: url(icon_calendar.gif) no-repeat 0 center; font-size: 1em;  }
.main_image .block small {margin-left: 10px;}
.main_image .desc{ 	position: absolute; bottom: 0; left: 0; width: 100%; display: none; }
.main_image .block{ width: 100%; background: #111; 	border-top: 1px solid #000; }
.main_image a.collapse { background: url(../imagenes/btn_galeria_close.png) no-repeat left top; 	height: 27px; width: 93px; 	text-indent: -99999px; 	position: absolute; top: -27px; right: 5px;  }
.main_image a.show {background-position: left bottom;} 

.image_thumb { 	float: right; width: 295px; 	background: #f0f0f0;  }
.image_thumb img { 	border: 1px solid #ccc; padding: 5px; background: #fff; float: left; }
.image_thumb ul { 	margin: 0; padding: 0; 	list-style: none; }
.image_thumb ul li{ 	margin: 0; padding: 3px 6px; 	background: #f0f0f0 url(nav_a.gif) repeat-x; width: 283px; float: left; border-bottom: 1px solid #ccc; border-top: 1px solid #fff; 	 }
.image_thumb ul li.hover { 	background: #ddd; cursor: pointer; }
.image_thumb ul li.active { background: #fff; cursor: default; }
.image_thumb ul li h2 { font-size: 1.1em; margin: 2px 0; margin-bottom: -10px; padding: 0; }
.image_thumb ul li a {font-size: 0.8em; color: #ffa600;}
.image_thumb ul li a:hover {text-decoration: none;}
.image_thumb ul li .block { float: left; margin-left: 10px; padding: 0; width: 170px; }	
.image_thumb ul li p{display: none;}

div.otros_proyectos {float: left; width: 350px; }
div.coliz p, div.colder p {text-align: left;}
div.coliz {margin-right: 20px;}
div.clientesEnlaces {clear: both;}

div.port_col {float: left; width: 300px; height: 385px;}
div.port_col p, div.port_col_center p  {padding:0px 15px;}
div.port_col_center {float: left; width: 300px; margin: 0px 20px; height: 350px;}
/***************** ZOna clientes ********************/
ul.zona_clientes {list-style-type: none; float: left; width: 47%; margin-left: 15px;}
ul.zona_clientes h3 {color: #ffa600; margin-bottom: 10px;}
	li.webmail:before {content: url(../imagenes/ico/ico_webmail.gif); vertical-align: middle; margin-right: 5px;}
	li.panelcontrol:before {content: url(../imagenes/ico/ico_prefs.gif); vertical-align: middle; margin-right: 5px;}
	li.fox:before {content: url(../imagenes/ico/ico_firefox.gif); vertical-align: middle; margin-right: 5px;}
	li.chrome:before {content: url(../imagenes/ico/ico_chrome.gif); vertical-align: middle; margin-right: 5px;}
	li.adwords:before {content: url(../imagenes/ico/ico_adwords.gif); vertical-align: middle; margin-right: 5px;}
	li.analytics:before {content: url(../imagenes/ico/ico_analytics.gif); vertical-align: middle; margin-right: 5px;}
	li.gmail:before {content: url(../imagenes/ico/ico_gmail.gif); vertical-align: middle; margin-right: 5px;}
	li.earth:before {content: url(../imagenes/ico/ico_earth.gif); vertical-align: middle; margin-right: 5px;}
	li.picasa:before {content: url(../imagenes/ico/ico_picasa.gif); vertical-align: middle; margin-right: 5px;}
	
    li.documentos:before {content: url(../imagenes/ico/iphone.jpg); vertical-align: middle; margin-right: 5px;}

/***************** PResupuesto ********************/
div.confirmacion {width: 400px; border: dashed 1px; padding: 10px; margin: 0 auto; overflow: hidden; margin-top: 30px; background: #fdfdfd;}
div.col_presupuesto {float: left; width: 303px;  overflow: hidden; padding-bottom: 20px; padding-left: 30px; }
div.question p.normal {font-size: 14px; margin-top: 50px; text-align: justify;}
ul.presupuesto {width: 525px; margin-left: 60px;}
ul.presupuesto_checks {margin-left: 30px;}
ul.presupuesto_checks li {line-height: 2em; list-style-type: none; float: left; width: 245px;}
ul.presupuesto_checks li.check {clear: left; width: 25px;}
.check input {border: none;}
ul.presupuesto_checks2 {margin-left: 55px; font-size: 0.9em;}
ul.presupuesto_checks2 li {line-height: 1.5em;  width: 245px;}

ul.presupuesto li {float: left; width: 49%; list-style-type: none; margin-bottom: 10px;  }
ul.presupuesto li input {width: 85%; }
ul.presupuesto li.large  {width: 100%;}
ul.presupuesto li.large textarea {width: 483px; height: 100px;}
input {border: solid 1px #c7c7c7;}
input.fail {border: solid 1px red;}
p.fail {color: red; padding: 5px; border: solid 1px; width: 473px;}

div.etiqueta_presupuesto {width: 303px; height: 99px; color: #fff; font-size: 1.6em;}
div.etiqueta_presupuesto p {padding: 30px 20px 10px 100px; margin: 0px; line-height: 1.2em;}
div.etiqueta_presupuesto p span.big {font-size: 1.8em;}
div.etiqueta a {color: #fff; text-decoration: none; display: block;}
div.epnaranja {background: url(../imagenes/presupuesto_etiqueta_naranja.gif) no-repeat; margin: 10px 0px;}
div.epverde {background: url(../imagenes/presupuesto_etiqueta_verde.gif) no-repeat; margin: 10px 0px;}
div.epazul {background: url(../imagenes/presupuesto_etiqueta_azul.gif) no-repeat; margin: 10px 0px;}

div.question {display: block;  width: 400px; float: right; padding: 7px 0px;}
div.question p {font-size: 2.5em; display: block; margin-bottom: 0px;}
div.question p.big {text-align: right; font-size: 3.5em; letter-spacing: -5px; display: block; margin-top: 20px; padding-right: 10px;}

/***************** COntacto ********************/
ul.contacto {margin-top: 10px;}
ul.contacto li {float:left; line-height: 2.0em;}
ul.contacto li.col1 {width: 80px; clear: left;}
ul.contacto li.large {width: 375px}
ul.contacto textarea {width: 368px; height: 80px;}

/************** NOticias ******************/
div.noticia { margin-top: 25px;}
div.noticia h3 {font-size: 1.4em; color: #ffa600;}
div.noticia small {display: block; margin-bottom: -5px; margin-top: 0px;}
div.noticia a {display: block;}  
div.noticia p {display: block; padding: 1px 0px 0px 50px; margin: 0px; margin-top: 20px;  line-height: 1.3em;  background: url(../imagenes/quote.gif) no-repeat 0px 0px;}

/************** MApa Web ******************/
ul.mapaweb {margin: 20px 0px 20px 20px; font-size: 1.2em; color: #ffa600; list-style: none;}

ul.mapaweb ul {margin-left: 20px;}
ul.mapaweb ul li {list-style: none;}
ul.mapaweb li:before {content:"› ";}
	ul.mapaweb li ul li:before { content:"›› ";}
		ul.mapaweb li ul li ul li:before { content:"››› ";}
		
/************** MApa Web ******************/
span.servicios_colores {color: #999; font-size: 0.9em;}
span.servicios_colores  a {color: #999;}
span.servicios_colores a.azul:hover, span.servicios_colores a.azul.current {color: #4d628a;}
span.servicios_colores a.naranja:hover, span.servicios_colores a.naranja.current {color: #ffa600;}
span.servicios_colores a.verde:hover, span.servicios_colores a.verde.current {color: #82ac27;} 	

.naranja {}
.verde {}
.azul {}

	
/***************** EXtranet ********************/

ul.extranet {text-align: center; list-style-type: none; border-bottom: none; background: url(../imagenes/bg_mini.gif) 0px -106px repeat-x; color: #fff; line-height: 1.5em; font-variant: small-caps;}
div.cont_extranet {padding:24px 30px; clear: both; text-align: justify;}
div.head_extranet {height: 82px;}
div.close_session {text-align: right; clear: both; padding-top: 3px;}
div.close_session a {color: #fff; font-variant: small-caps; text-decoration: none; margin-right: 30px; }
div.close_session a:hover {text-decoration: underline;}

ul.extranet {text-align: center; list-style-type: none; border-bottom: none; color: #fff; line-height: 1.5em; font-variant: small-caps;}
ul.extranet li.cabecera {text-align: center; list-style-type: none; border-bottom: none; background: url(../imagenes/bg_cabecera.gif) 0px -106px repeat-x; color: #fff; line-height: 1.5em; font-variant: small-caps;}
ul.extranet li {border: dashed 1px #d9d9d9; border-top: none; background: #fff;}
ul.extranet a {color: #3F4246; text-decoration: none; font-variant: small-caps; width: 100%; display: block;}
ul.extranet a:hover { background-color: #f0f0f0; font-weight: normal;}
ul.extranet a.current {background: #f0f0f0;}
div.col_izq_extranet {padding-left: 30px; float: left; display: table; width: 188px;}
div.col_izq_extranet h3, div.col_derecha_extranet h3 {background: url(../imagenes/bg_cabecera.gif) 0px -31px repeat-x; color: #ffa600; line-height: 1.55em; padding: 2px 5px; font-size: 1.1em;}

div.col_derecha_extranet {padding-right: 30px; float: right; width: 730px;}
div.col_derecha_extranet p {margin: 5px 0px;}
div.col_derecha_extranet h4 {font-size: 1.2em; padding: 6px 0px 0px 0px; clear: both;}
div.col_derecha_extranet h4 span {font-size: 1.8em; vertical-align: bottom; color:#ffa600;}
div.col_derecha_extranet table {text-align: left; border-collapse: collapse; width: 100%;}
div.col_derecha_extranet table th {text-align: center; background: url(../imagenes/bg_cabecera.gif) 0px -102px repeat-x; color: #000; }
div.col_derecha_extranet table td {border: dashed 1px #d9d9d9; border-top: none;padding: 2px 5px;}
	div.col_derecha_extranet table td.orange {background: url(../imagenes/bg_mini2.gif) 0px -1px repeat-x; color: #000;}

ul.presupuesto_extranet {margin: 30px 0px 0px 30px; }
ul.presupuesto_extranet li {float: left; width: 70%; list-style-type: none; margin-bottom: 10px;}
ul.presupuesto_extranet li input {width: 85%;}
ul.presupuesto_extranet li.large  {width: 100%;}
ul.presupuesto_extranet li.large textarea {width: 280px; height: 100px;}

/***************** DOminios ********************/
table.dominios {text-align: left; border-collapse: collapse; width: 100%; margin-top: 25px;}
table.dominios th {text-align: center; background: url(../imagenes/bg_cabecera.gif) 0px -102px repeat-x; color: #000; }
table.dominios td {border: dashed 1px #d9d9d9; border-top: none;padding: 5px 8px;}
table.dominios td.ok {background: url(../imagenes/dom_ok.gif) no-repeat 3px center; padding-left: 30px;}
table.dominios td.fail {background: url(../imagenes/dom_fail.gif) no-repeat 3px center; padding-left: 30px;}
table.dominios td.orange {background: url(../imagenes/bg_mini2.gif) 0px -1px repeat-x; color: #000;}
div.masinfo {border: dashed 1px #d9d9d9; clear: both; padding: 0px 10px; margin-bottom: 20px;}

/***************** LOgin ********************/
div.login {width: 350px; border: dashed 1px; padding: 10px; margin: 0 auto; overflow: hidden; margin-top: 30px; background: #fdfdfd;}
div.login ul {list-style: none; margin-left: 30px;}
div.login ul li input {width: 180px;}
div.login ul li {padding: 6px 0px; float: left; width: 185px;}
div.login ul li.col1 {width: 100px; clear: left; }
p.sumit {clear: both; margin-left: 140px; padding-top: 10px;}
div.login a {	outline: none; color: #82ac27; text-decoration: none;}
div.login a:hover {text-decoration: underline;}
p.small {font-size: 0.8em; clear: both; text-align: center; margin-bottom: 0px;}