body, html{
background:#dee2ed url(../img/bg.jpg) repeat-x;
font:normal 13px Trebuchet Ms;
color:#777ea5;

}

#todo{
width:990px;
text-align:justify;
margin:0 auto;
position:relative;
}

/**********************************************top****************************************************************************/
#top{
width:990px;
text-align:justify;
margin:0 auto;
position:relative;
}
#top #nav_sup{
display:inline;
color:#FFFFFF;
font:bold 22px Georgia;
float:left;
margin:10px 0 0 65px;;
}
#top #nav_sup li h5{
float:left;
border-right: 1px solid #fff;
padding:0 10px 0 10px;}

#top #nav_sup li:hover{
background:#4f5473;}
#top #nav_sup .currentSup{
background:#4f5473;}
#top #nav_sup li{
float:left;
}
#top #nav_sup li a{
color:#FFFFFF;
float:left;
}
#top .acceso{float:left; margin:7px 0 0 20px;}

/**********************************************contenido****************************************************************************/
#contenido{
width:990px;
float:left;
background:url(../img/bg_contenido_sup.jpg) no-repeat;
text-align:center;
position:absolute;
top:47px;
}

#contenido #inside_top{
width:930px;
height:237px;
float:left;
text-align:center;
margin:auto;
}

#contenido #inside{
background:url(../img/bg_contenido.png) top center repeat-y;
width:930px;
float:left;
margin:-20px 0 0 62px;
}

* html #contenido #inside{
margin:-20px 0 0 31px;
behavior: url(iepngfix.htc);
}
#inside_bottom{
background:url(../img/bg_contenido_bottom.png) top center no-repeat;
float:left;
height:200px;
width:990px;
text-align:center;
margin:0 0 0 33px;
}
* html #inside_bottom{
behavior: url(iepngfix.htc);
margin:0 0 0 1px;
}
#inside_bottom { margin /*\**/: 0 0 0 33px\9 }
/**********************************************contenido top****************************************************************************/

#flash{
width:830px;
height:190px;
position:absolute;
z-index:1;
margin:0px 0 0 30px;
left:70px;
top:40px;
}
#soluciones{
position:absolute;
z-index:2;
left:615px;
top:135px;
color:#374562 !important;
font-size:42px;
}
#soluciones strong{
color:#374562 !important;

}
*html #soluciones{
font-size:36px;
}
.espectro{
position:absolute;
z-index:2;
left:80px;
top:20px;
}
/**********************************************navegacion****************************************************************************/
#inside_top #nav_end{
background:url(../img/bg_nav_principal_end.png) right center no-repeat;
height:64px;
position:absolute;
z-index:2;
margin:123px 0 0 210px;
width:680px;
left:80px;
top:40px;}

* html #inside_top #nav_end{
background:url(../img/bg_nav_principalIE6.jpg);
height:10px;
margin:117px 0 0 210px;
top:60px;}

#todo .nav{

background:url(../img/bg_nav_principal.png) repeat-x;
height:64px;

width:660px;
padding:5px 0 0 15px;
margin:1px 0 0 0;
}

* html #todo .nav{

background:url(../img/bg_nav_principalIE6.jpg);
height:10px;
}



.nav  .MooButton { 
	display:block; 
	position:relative; 
	float:left;
	margin-right:1px;
	height:51px;
	text-decoration:none; 
	color:#f48900; 
	font-weight:bold; 
	line-height:30px; 
	text-align:center; 
	font-size:14px; 
	padding:15px 5px 0 5px;
	

}
*html .nav  .MooButton { 
	height:10px;
	padding:5px 5px 0 5px;
	

}
.imagen_raya{
float:left; margin-left:13px;}
.nav li h2{float:left; }
.nav li a{color:#f48900;font-size:20px;font-weight:bold; float:left; margin:3px 0 0 0; }
h2 .MooButton a:hover{color:#f28508 }
.nav .current{
	display:block; 
	position:relative; 
	float:left;
	margin-right:1px;
	height:36px;
	background:url(../img/bg_hover.png) bottom center no-repeat;  
	text-decoration:none; 
	color:#000; 
	font-weight:bold; 
	line-height:30px; 
	text-align:center; 
	font-size:14px; 
	padding:15px 5px 0 5px;
}

* html .nav .current{
	
	height:11px;
	
    background:none; 

	padding:5px 5px 0 5px;
}

.current a{
color:#757ca5 !important;font-size:20px; }

/**********************************************izquierda****************************************************************************/

#izquierda{
float:left;
width:191px;
background:url(../img/bg_izquierda.jpg) repeat-x;
margin:10px 0 0 18px;
padding:45px 10px 0 10px;}


* html #izquierda{
margin:0 0 0 10px;}

#izquierda #nav_lateral{
display:block;
padding:20px;
height:200px !important;}

#izquierda #nav_lateral li{
display:block;
background:url(../img/raya_abajo.jpg) bottom center repeat-x;
margin:3px 0 10px 0;}

*html #izquierda #nav_lateral li{

margin:10px 0 15px 0;}
#izquierda #nav_lateral li a{
display:block;
background:url(../img/fecha_naranja.jpg) left center no-repeat;
padding:3px 0 5px 20px;
text-align:left;
}
#izquierda #nav_lateral li h3{
font-size:16px;
}
*html #izquierda #nav_lateral li a{

padding:0 0 0 20px;}
#izquierda #nav_lateral li a strong{
color:#f48900;

}
#izquierda #nav_lateral li a:hover{

background:url(../img/fecha_azul.jpg) left center no-repeat;
}
#izquierda #nav_lateral li .currentLateral{

background:url(../img/fecha_azul.jpg) left center no-repeat;
}
#todo #contenido #inside #izquierda #nav_lateral strong:hover{
color:#7b82a7;
}

/**********************************************derecha****************************************************************************/

#derecha{
float:left;
margin:10 0 10px 0;
width:690px;
}

#derecha #columna1{
float:left;
width:324px;
margin:5px 0 10px 10px;

}

#derecha #columna2{
float:left;
width:324px;
margin:5px 0 10px 10px;
}

#derecha #central{
width:680px;
margin:5px 0 10px 10px;
}
/**********************************************modulos****************************************************************************/

.encabezado{
background:#b2b7cc;
color:#fff;
font-size:20PX;
padding:4PX 0 2PX 0;
text-align:center;
float:left;
width:auto;
font-weight:bold;
}	
	

#submenu{ margin:0 0 20px 0; padding:0px;}
#submenu li { background:#fbac4f; float:left; margin:3px 0 0 2px; width:120px; text-align:center;  }
#submenu li:hover { background:#ffd19a;}
#submenu .currentSubmenu{ background:#ffd19a;}
#submenu li a{ color:#6d7a9f; float:left; font-weight: bold; padding:3px 0 3px 0;text-align:center; width:120px;  }
*html .encabezado{

margin:0 0 0 -15px;
}	
	.modulo{
	float:left;

	text-align:center;
	padding:10px;
	max-width:650px;}



	.modulo .texto{

	float:left;


	text-align:justify;

	font-size:12px;
	margin:5px 0 0 0;
	padding-right:10px;
	clear:both;

}

	.modulo .texto p{
	height:auto;
	line-height:18px;
	}

	.modulo .imagen{

	float:left;
	margin:0 10px 1px 0;
	
	
}

	.modulo .encuesta{

	float:left;
	text-align:justify;
	font-size:12px;
	margin:5px 0 0 20px;
	padding:10px;
	background:#FFF1E1;
	height:80px;

}	
	.modulo .encuesta p a{

	height:auto;
	line-height:18px;
	clear:both;
	float:none;

}
	.modulo .encuesta p{

	clear:both;
	float:none;
	max-width:200px;

}
	.modulo .encuesta .imagen{
	clear:both;
	float:none;
	text-align:center;
	margin:auto;

}

.titulo a{
font:normal 22px Verdana;
color:#FF9933;
float:left;
width:inherit;
text-align:left;
}
#derecha #central .modulo .mapaWeb h3 a{
font:bold 16px Verdana !important;
color:#FF9933;
float:left;
width:inherit;
text-align:left;
}
#derecha #central .modulo .mapaWeb h4 a{
font:bold 14px Verdana !important;
color:#FF9933;
float:left;
width:inherit;
text-align:left;
margin:0 0 0 20px;
}
.titulo{
font:BOLD 18px Verdana; 
color:#777ea5;
float:left;
width:inherit;
text-align:left;
font-weight:bold;
clear:both;
margin:20px 0 20px 0;
}

.texto .raya{
border-bottom:1px solid #f48900 !important;

}

#central .modulo .imagen_centrada{ text-align:center; margin:20px auto 10px auto; display:block; border:none;}

a .imagen_centrada{ text-align:center; margin:20px auto 10px auto; display:block; clear:both;}
#central .modulo h3.titulo{font:BOLD 14px Verdana;  margin:5px 0 5px 0;}
#central .modulo dt.titulo{font:BOLD 14px Verdana;  margin:30px 0 10px 0;  clear:both; width:650px; text-align:left;}
#central .modulo span.titulo{font:BOLD 14px Verdana;  margin:15px 0 10px 0; clear:both; width:650px; text-align:left;}
#central .imagen .imagenIdentificativa{ margin:5px 10px 5px 0; border:none;}
#central .modulo .texto p{
	height:auto;
	width:auto;
	line-height:18px;
	}
.modulo .titulo2{
font:normal 22px Verdana; 
color:#777ea5;
float:left;
width:inherit;
text-align:left;
}
.modulo .titulo3{
font:bold 18px Verdana; 
color:#777ea5;
float:left;
width:inherit;
text-align:left;
border-bottom:1px solid #666699;
margin:10px 0 0 0;
}
.modulo .fecha{
font:normal 11px Verdana; 
color:#757ca5;
float:right;
text-align:left;

}
.modulo .texto a{
color:#f48900;
}
 .modulo .texto a:hover{
color:#7b82a7;
}

.modulo .texto a{
color:#f48900 !important;
font-weight:bold;
}
.promocion{
	width:168px;
	
	height:auto;
	float:left;
	margin:5px 0 5px 0;
}
.promocion .titulo{
margin:0;
}	

	.promocion .texto{
	clear:both;
	width:168px;
	}

.promociones{
background:#b2b7cc url(../img/promociones.png) left top no-repeat;
color:#fff;
font-size:20PX;
padding:4PX 0 2PX 15px;
text-align:center;
float:left;
width:175px;
font-weight:bold;
margin:0px;
}	
*html .promociones{
behavior: url(iepngfix.htc);
}	
.newsletter{
	width:168px;
	background:url(../img/bg_newsletter.jpg);
	border:1px solid #fff;
	height:153px;
	float:left;
	margin:5px 0 5px 0;
	color:#7b82a7;
	padding:70px 0 0 20px;}
#newsletter{

}
#newsletter p{
width:140px;
text-align:justify;
font-size:11px;
}

*html .newsletter{
	width:170px;
}
.opciones{
	width:122px;
	border:1px solid #f0f2f8;
	height:auto;
	float:left;
	margin:0 0 5px 10px;
	color:#7b82a7;
	padding:0px;
	text-align:center;
	
	}
.portafolio{
	width:300px;
	float:left;
	margin:0 0 0 40px;
	}
.portafolio .imagen{
	
	margin:5px 0 5px 0;
	background:url(../img/bg_portafolio.jpg) center center no-repeat;
	width:320px;
	height:262px;
	}
.portafolio .imagen:hover{
	background:url(../img/bg_portafolio_hover.jpg) center center no-repeat;
	}
.portafolio .imagen img{
	
	float:left;
	width:300px;
	height:242px;
	text-align:center;
	margin:auto;
	margin:10px 0 0 10px;
	}

/**********************************************elementos slideboxes****************************************************************************/	
			.boxgrid .titulo3{
			font:normal 22px Verdana; 
			color:#f48900;
			font-weight:bold;
			float:left;
			width:inherit;
			text-align:center;
			width: 205px;
			}
			.boxgrid{ 
				width: 205px; 
				height: 150px; 
				float:left; 
				background:#161613; 
			
				overflow: hidden; 
				position: relative;
				margin:10px 0 0 15px;
			}
			.boxgrid img{ 
				position: absolute; 
				top: 0; 
				left: 0; 
				border: 0; 
			}
			.boxgrid p{ 
				padding: 0 10px; 
				color:#fff; 
				font-weight:bold;
				margin:10px 0 0 0;
			}
				
			.boxcaption{ 
				float: left; 
				position: absolute;
				top:110px;
				background:url(../img/bg_opciones.png);
				height: 150px;
				padding:10px 0 0 0;
				width: 100%; 
				opacity: .8; 
				
 			}
			*html .boxcaption{ 
				left:0px;
				background:url(../img/bg_opciones.png);
				
 			}
	
 
	
/**********************************************listados****************************************************************************/	
	
	#listaDislogo2 {margin:0; width:650px; display:block; margin:0; padding:0;}

#listaDislogo2 li {margin:0 10px 0 10px; padding:0; list-style-type:none; width:130px; float:left;}
#listaDislogo2 h4 {margin:0; padding:0; font-size:16px; height:40px; width:130px;}
#listaDislogo2 p {margin:10px 0 0 0; padding:0; font-size:11px;}

.listado-horizontal{ margin:10px 0 0 70px;}	
.listado-horizontal li{ float:left; width:190px; list-style:square;}	
.listado-horizontal{}	


#listaDisIdentidad {margin:0 0 10px 0; padding:80px 0 0 190px; background: url(../img/gfxIdentidad.jpg) no-repeat; display:block; width:370px; float:left; height:280px;}
#listaDisIdentidad .lista {float:left; width:170px; display:block; padding:5px;}
#listaDisIdentidad .primero {border:1px solid #CCC; border-top:0; border-bottom:0}
#listaDisIdentidad .lista h4 {color:#ff9900; font-size:24px; margin:0 0 10px 0; padding:0;}
#listaDisIdentidad .lista h4 span {display:block; font-size:22px; color:#666;}
#listaDisIdentidad .lista ul {margin:0; padding:0 0 0 15px;}
#listaDisIdentidad .lista li {list-style:square;}

/**********************************************elementos columnaS****************************************************************************/

#flash2{
width:auto;
background:#B9C2D2;
height:250px;
width:324px;}

.anuncio{
width:auto;
background:#B9C2D2;
margin:10px 0 0 0;width:324px; height:140px;}

.trabajos{
float:left;
margin:20px 0 0 -5px;
}

.trabajos .encuadre{ background:url(../img/bg_ultimo_trabajos.jpg) CENTER CENTER NO-REPEAT; width:150px; height:121px;margin:0 0 0 20px; float:left;}

.trabajos .encuadre img{ margin:7px 0 0 3px;}


/************************************tablas*****************************************************************/
.tablazul_g{
background-color:#c0c4d7;
font-size:12px;
color:#FFFFFF;
padding:0 25px 0 25px;
}

.tablaazul_p{
background-color:#7e85a7;
font-size:10px;
color:#FFFFFF;
}

.txtform_p{
background-color:#FFFFFF;
font-size:9px;
color:#FF9900;
border:1px solid #EAEAEA;

}

.tablagris{
background-color:#EAEAEA;
font-size:11px;
color:#606682;
}

.tablanaranja{
background-color:#f8a900;
font-size:12px;
color:#FFFFFF;
}

.tablacontenido{
background-color:#F0EFE8;width:180px;
}


table td{ text-align:center; padding:3PX; border:#FFF; width:150px;}
/**********************************************pie****************************************************************************/

#pie{
background:#b2b7cc;
color:#fff;
font-size:12PX;
padding:15PX 0 2PX 0;
text-align:center;
margin:auto;
display:block;
width:875px;
height:25px;
margin-top:80px;
}	

*html #pie{
margin-left:90px;
}	
/*form code*/

.form

	{

	padding:0 0 0 0; 

	margin:0 0 0 0;
	float:left;

	}

.form legend

	{

	
	}

.form fieldset dl

	{


	position:relative;

	margin:0 0 10px 0; 

	padding:10px 0 0 0;

	}

.form fieldset dt, .form fieldset dt a

	{

	float:left;

	width:145px;

	text-align:right;

	line-height:20px;


	margin:4px 0 0 0;
	font-size:11px;

	}
dt span{ cursor:pointer;}
.politica

	{

	float:left;

	width:300px !important;

	text-align:LEFT;

	margin:20px 0 0 0;
	font-size:11px;
	vertical-align:top;

	}
.form fieldset dd

	{

	padding:0 0 7px 0;

	margin-left:155px;


	}

#derecha #columna2 .form fieldset dd

	{

	padding:0 0 7px 0;

	margin-left:10px;


	}

.form fieldset dd .control, .form fieldset dd .control_short, .form fieldset dd .control_large, .form fieldset dd .control_medium, .form fieldset dd .control_long

	{

	background:#fff;
border:1px solid #ccc;


	padding:3px 0 0 5px;

	height:18px;

	}
.control_politica{


	margin:6px 0 0 15px;

	height:18px;

	}


.form fieldset dd .control_radio

	{

	background:#fff;


	padding:3px 0 0 5px;

	height:18px;

	display:block;
	vertical-align:middle;
	margin:7px 0 0 0;
	border:1px solid #ccc;

	}

	

.form fieldset dd .control{width:auto; height:auto;}

.form fieldset dd .control_short

	{

	border:1px solid #ccc;

	width:55px;

	}

.form .control_medium

	{

	width:156px;

	border:1px solid #ccc;
	color:#757ca6;;

	}
#derecha #columna2 .form .control_medium

	{

	width:150px;

	border:1px solid #ccc;
	color:#757ca6;;

	}
select

	{

	width:165px;

	border:1px solid #ccc;
	color:#757ca6;
	margin-top:5px;

	}
.form fieldset dd .control_long

	{

	width:366px;

	height:21px;

	border:1px solid #ccc;

	}
#derecha #columna2 .form fieldset dd .control_large

	{

	border:1px solid #ccc;

	width:290px;

	height:50px;

	}

.form fieldset dd .control_large

	{

	border:1px solid #ccc;

	width:340px;

	height:101px;

	}

.form fieldset dd input.control_long{width:359px;}

.form fieldset dd .reset

	{

	width:64px;

	height:23px;

	}

.form .submit

	{

	width:116px;

	height:40px;
	border:none;

	}
.newsletter .submit{
background:url(../img/enviar.png);
behavior: url(iepngfix.htc);
float:left !important;
text-align:left;
margin:10px 0 0 5px;
cursor:pointer;
width:116PX;
height:40px;
border:none;}
a.submit{
background:url(../img/btn_leer.jpg);
float:left !important;
text-align:left;
margin:10px 0 0 5px;
padding:3px 0 0 30px;
cursor:pointer;
width:85PX;
height:20px;
border:none;}
.noticia .submit{
background:url(../img/btn_leer.jpg) !important;
float:left !important;
text-align:left;
margin:10px 0 0 5px;
padding:3px 0 0 30px;
cursor:pointer;
width:85PX;
height:20px;
border:none;}
*html .submit{behavior: url(iepngfix.htc);}
*html img{behavior: url(iepngfix.htc);}
.presupuesto .submit{
background:url(../img/enviar.jpg);
float:left !important;
text-align:left;
margin:10px 0 0 5px;
cursor:pointer;}

#central .submit{
background:url(../img/enviar.jpg);
float:left !important;
text-align:left;
margin:10px 0 0 5px;
cursor:pointer;}

.newsletter .control_medium

	{

	width:114px !important;
	float:left;
	margin:5px 0 0 5px;
	}


#encuestaSec .col-opcion {width:40%; font-weight:bold; padding:5px 5%; text-align:right}

#encuestaSec .col-resultado {width:40%; padding:5px 0;}

#encuestaSec .col-resultado div {background:#777ea5 url(graficos/fondo.png) repeat-x; color:#f48900; padding:2px 0; text-align:right; border-top:1px solid #0000FF; font-weight:bold;}

/**********************************************generales****************************************************************************/
a{ color:#f48900; text-decoration:none;}
.naranja{ color:#f48900; text-decoration:none;}
a:hover{ color:#7b82a7; text-decoration:none;}
.azul{
color:#777ea5 !important;}
strong{
	color:#757ca5;
}
.bold{
	color:#757ca5;
	font-weight:bold;
}
	.width100{ width:100px !important;}		
	
	.width190{ width:190px !important;}	
	.width210{ width:230px !important;}	
	*html .width190{ width:230px !important;}		
	.width330{ width:320px !important;}		
			
	*html .width330{ width:320px !important;}
	.width420{ width:420px !important;}		
	.width450{ width:590px !important;}			
	.width600{ width:650px !important;}		
	.width660{ width:660px !important;}		
	*html .width660{ width:680px !important;}		
	.background{ border:1px solid  #f1f2f8 !important;}		


#paginador{ margin:20px 0 0 0; clear:both}

#paginador li{ display:inline; display:inline-block; text-align:left; border:1px solid #eaeaea; padding:5px; float:left; }

#paginador li a{ color:#000000; font:normal 11px Verdana, Arial, Helvetica, sans-serif; vertical-align:middle; margin:0 5px 0 5px; text-align:center;float:left; }

#paginador li:hover{ background:#f48900;}

#paginador .actual{ background:#f48900;}


/*************migas ************************/
#migas{color:#7279a4; margin:20px 0 10px 10px; text-align:left; font-size:11px;}
#migas strong{color:#f48900;}
/*************posicionamiento ************************/


div.logo{
	margin: 0;
	padding: 0;
	font-size: 300%;
	position:absolute;
	left:80px;
	top:50px;
	z-index:3;
}
h1.logo{
	margin: 0;
	padding: 0;
	font-size: 300%;
	position:absolute;
	left:80px;
	top:50px;
	z-index:0;
}
h1.logo a {
position:absolute;
z-index:0;
position: absolute;
top: 100px;
width:70px;
font-size:10px;
}

a img{ border:none;}
img{ border:none;}
.clear{ clear:both;}


/*************ajax ************************/

#ventana{
	display: none;
	position: absolute;
	
	width: 100%;
	z-index: 999;
	height:100%;
  
    background:url(../img/negro.png) ;
    _behavior: url(iepngfix.htc);
	padding:0 0 0 0;
	text-align:center; 
	top:0;
}
#popup{
	display: none;
	margin:auto;
	position: absolute;
	text-align:center;
	
	width: 50%;
	left:24%;
	right:24%;
	height:400px;
	z-index: 999;

    background:url(../img/negro.png) ;
    _behavior: url(iepngfix.htc);
	padding:0 0 0 0;
	text-align:center;
	top:0;
}
#popup img{

	margin:auto;
	width:589px;
	height:221px;
	padding:10px 0 20px 0;
	
}
#popup h1{

	margin:auto;
	padding:30px 0 20px 0;
	color:#f48900;
	font-weight:bold;
	
}
.contenido_ventana{

margin:auto;
text-align:center;
width:500px;
display:block;
height:auto;
font:bold 12px Trebuchet Ms;}


.cerrar{ cursor:pointer; height:25px; background: url(../img/cerrar.png) center center no-repeat; width:70px; display:block; text-indent:-9999px; margin:auto}