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

}
/**********************************************main****************************************************************************/

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

}
#top{
width:100%;
text-align:justify;
margin:0 auto;
position:absolute;
top:-40px;
left:0;
}
#centrado_top{ width:990px; position:relative; margin:auto; text-align:center; top:0;}
#contenido{
width:990px;
float:left;
margin:auto;
text-align:center;
position:absolute;
top:47px;

}

#contenido #inside_top{
width:990px;
height:187px;
float:left;
text-align:center;
margin:0;

background:url(../img/bg_contenido_top.png) no-repeat;
}

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

}
#inside_bottom{
background:url(../img/bg_contenido_bottom.png) top center no-repeat;
float:left;
height:210px;
width:990px;
text-align:center;
margin:0;
}


#flash{
width:880px;
height:145px;
position:absolute;
z-index:1;
top:15px;
left:60px;
*left:60px; /* IE6 e IE7 */
}

@media \0screen {
  #flash {left:60px;}}
  
:root #flash { left:60px \0/IE9; }  /* IE9 */
/**********************************************nav****************************************************************************/
.boton1{  width:70px; margin-left:5px; float:left; }
.boton2{ width:70px; margin-left:5px; display:block; float:left;}
#top #nav_sup{
display:inline;
color:#FFFFFF;
font:bold 22px Georgia;
float:left;
margin:10px 0 0 35px;

}
#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;
font:normal 12px Calibri, Calibri;
}
#top .acceso{float:left; margin:2px 0 0 2px;}



/**********************************************contenido top****************************************************************************/


#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:83px 0 0 184px;
width:680px;
left:80px;
top:40px;}

* html #inside_top #nav_end{
background:url(../img/bg_nav_principalIE6.jpg);
height:10px;
margin:117px 0 0 200px;
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-size:18px;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;
}
.nav li:hover{
	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 48px;
padding:45px 10px 0 10px;}


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

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

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

*html #izquierda #nav_lateral li{

margin:10px 0 5px 0;}
#izquierda #nav_lateral li a{
display:block;
background:url(../img/fecha_naranja.jpg) left center no-repeat;
padding:2px 0 3px 12px;
text-align:left;
}
#izquierda #nav_lateral li h3{
font-size:14px;
line-height: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 0 0;
width:690px;
}

#derecha #columna1{
float:left;
width:324px;
margin:5px 0 10px 10px;
height:auto;
}
#columna1 p{
width:300px;

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

}
#derecha #central{
width:680px;
margin:5px 0 0 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 Calibri;
color:#FF9933;
float:left;
width:inherit;
text-align:left;
}
#derecha #central .modulo .mapaWeb h3 a{
font:bold 16px Calibri !important;
color:#FF9933;
float:left;
width:inherit;
text-align:left;
}
#derecha #central .modulo .mapaWeb h4 a{
font:bold 14px Calibri !important;
color:#FF9933;
float:left;
width:inherit;
text-align:left;
margin:0 0 0 20px;
}
.titulo{
font:BOLD 18px Calibri; 
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 Calibri;  margin:5px 0 5px 0;}
#central .modulo dt.titulo{font:BOLD 14px Calibri;  margin:30px 0 10px 0;  clear:both; width:650px; text-align:left;}
#central .modulo span.titulo{font:BOLD 14px Calibri;  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;
	*width:650px;

	}
.modulo .titulo2{
font:normal 22px Calibri; 
color:#777ea5;
float:left;
width:inherit;
text-align:left;
}
.modulo .titulo3{
font:bold 18px Calibri; 
color:#777ea5;
float:left;
width:inherit;
text-align:left;
border-bottom:1px solid #666699;
margin:10px 0 0 0;
}
.hNews{ float:left;}
.noticia{  float:left;  width:300px; }
.noticia .titulo3, .noticia .updated, .noticia .texto, .noticia .imagen{ float:left !important; }
.noticia .imagen{ width:57px; height:58px;}
.noticia p{ width:310px ; height:58px;  margin:0 ; padding:0 ;*width:240px  !important;}

.noticia .texto{ width:310px;  padding:0 }
.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;}


.noticias_sec{ width:330px ;  padding:0 ; margin:20px 0 0 0;height:220px; }
.noticias_sec .texto{ width:310px;  }

.noticias_sec p{ width:310px; *width:200px !important;}
.noticias_sec .imagen{ width:98px ; height:98px;}


.noticia_ampliada{ width:770px;  padding:0 ; }
.noticia_ampliada .texto{ width:650px;  }

.noticia_ampliada p{ width:440px; *width:440px !important;}
.noticia_ampliada .imagen{ width:200px ; height:200px;}

.noticia .titulo3{
width:310px !important;
font:bold 17px Calibri !important;
color:#FF9933 !important;
}
.modulo .fecha{
font:normal 11px Calibri; 
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 .titulo a{
margin:0;
font:bold 17px Calibri;
color:#FF9933;
}
	.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:193px;
	background:url(../img/bg_newsletter.jpg);
	border:1px solid #fff;
	height:96px;
	*height:80px;
	float:left;
	margin:5px 0 5px -3px;
	color:#7b82a7;
	padding:70px 0 0 20px;}
	.fb-like-box{ float:left;}
	.fbConnectWidgetTopmost{ background:#0F0 !important; text-indent:-9999px !important}
#newsletter h4{
font-size:13px !important;float:left;width:60px; 
}
#newsletter p{
width:140px;
text-align:justify;
font-size:11px;
}
#formsuscripcion{ float:left; width:80px; float:left; clear:none; margin-top:-5px}
*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;
	}
	/**********************************************Secciones de formacion ****************************************************************************/

#boton_listado{ width:300px; height:75px; text-indent:-9999px; background:url(../img/btn_listado.jpg) top center no-repeat; display:block; float:right; margin:20px 0 0 0;}
#regalos{ width:300px; height:75px; text-indent:-9999px; background:url(../img/regalos.jpg) top center no-repeat; display:block; float:right; margin:20px 0 0 0;}
#regalos:hover{background-position:bottom center ; }
#boton_listado:hover{background-position:bottom center ; }

.curso{background:url(../img/bg_curso.jpg) no-repeat; width:320px; height:67px; float:left; padding:10px 0 0 0; display:block; margin:10px 0 0 2px;background-position:center -10px ; }
.curso:hover{background-position:center -122px; }
.curso .imagen{height:50px; margin:0 4px 0 28px !important;  width:50px !important; float:left }
.curso .imagen img{height:50px; width:50px; }
.curso h3.titulo_curso{ font:bold 16px Calibri, Helvetica, sans-serif; width:257px !important; text-align:left; margin:0 0 0 10px; color:#f48900;  float:left; width:210px !important; line-height:13px;*margin:-7px 0 0 10px;}

#blanco{background:#FFFFFF; width:inherit; float:left; width:400px;}
#curso_g{background:url(../img/bg_curso_g.jpg) bottom center no-repeat; width:550px; height:auto; float:left; float:left; text-align:center; margin:0 0 0 50px; }
#curso_g #inside{background:url(../img/bg_curso_inside.jpg) top center repeat-y; width:403px; height:auto; text-align:justify;  float:left;  margin:0 auto 70px 51px; padding:20px; }
#curso_g #inside h3.titulo_curso{ font:bold 18px Calibri, Helvetica, sans-serif; width:230px !important; display:block; text-align:left; margin:10px 0 20px 0; color:#f48900; float:left}

#curso_g .imagen{ margin:10px; float:left; width:150px;}
#curso_g .imagen img{ width:150px;}
#regalos_p{background:url(../img/regalos_p.jpg) top center no-repeat;; height:40px; width:150px; float:left; text-indent:-9999px; margin:0 0 0 40px; }
#regalos_p:hover{background-position:bottom center ; }

#btn_mas{background:url(../img/btn_mas.png) top center no-repeat; width:199px;float:left; height:36px; display:block; text-indent:-9999px; margin:15px 0 0 0; }
#btn_mas:hover{background-position:bottom center ; }
#curso_g span{ clear:both; display:block}
/*//////////////////////////buscador//////////////////////////////////////////////*/

.buscador{text-align:left;}
.buscador select, input{ background:#fff;border:1px solid #ccc; font:normal 11px Calibri; margin:0 0 0 10px;  }
.submit_boton{ background:url(../img/btn_leer.jpg) !important; border:none; padding:0 0 0 8px; font:bold 11px Calibri; color:#333333; cursor:pointer; margin:0 0 0 10px;behavior: url(iepngfix.htc); width:115PX;
height:23px; padding:1px 0 0 10px; }

/**********************************************elementos slideboxes****************************************************************************/	
			.boxgrid .titulo3{
			font:normal 22px Calibri; 
		
			font-weight:bold;
			float:left;
			width:inherit;
			text-align:center;
			width: 205px;
			
			}
			.boxgrid .titulo3 a{
			color:#444a72;

			
			
			}
			.boxgrid{ 
				width: 205px; 
				height: 150px; 
				float:left; 
				overflow: hidden; 
				position: relative;
				margin:20px 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_blanco.png);
				height: 150px;
				padding:10px 0 0 0;
				width: 100%; 
				opacity: .8; 
				
 			}
			*html .boxcaption{ 
				left:0px;
				background:url(../img/bg_blanco.png);
				
 			}
			.captionfull .boxcaption {
 					top: 120px;
 					left: 0;
 				}
 				.caption .boxcaption {
 					top: 120px;
 					left: 0;
 				}
	
 
	
/**********************************************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;

height:250px;
width:324px;}

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

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

.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:5PX 0 2PX 0;
text-align:center;
margin:auto;
display:block;
width:875px;
height:140px;
margin-top:20px;
}	
#pie .vcard { margin:10px 0 0 100px; float:left; width:900px}
#pie .vcard li{ float:left;}
*html #pie{
margin-left:90px;
}	
.nav_inf { clear:both; margin:auto; width:550px; float:left; margin:0 0 0 10px;}
.nav_inf2 {margin:auto; width:290px; float:left; margin:0 0 0 10px;}

.nav_inf a{ float:left; margin:2px 5px 0 5px; color:#FFFFFF; width:160px; text-align:left;font:bold 12px Calibri; }
.nav_inf p{ float:left; margin:2px 5px 0 10px; color:#777ea5; width:136px;text-align:left; border-left:1px solid #777ea5; padding:0 0 0 4px }
.nav_inf .titulo3, .nav_inf2 .titulo3{
font:bold 18px Calibri; 
color:#777ea5;
float:left;
width:290px;
text-align:left;
border-bottom:1px solid #666699;
margin:2px 0 0 0;
}
.nav_inf .servi{
width:540px;

}
/*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;;

	}
	.control_medium

	{

	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;
	margin-left:10px;

	}
.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;
	
	margin:0 0 0 10px

	}

.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;}

*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;
	}

.asterisco{ color:#f48900; font-size:15px; margin:0 0 0 3px}
#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;}

.check{ float:left; width:20px; margin:30px 0 0 0; border:none;}
/*************planes de diseño peq************************/

.plenes_diseno_peq{ width:110px; height:80px; padding:0 0 0 0; text-align:center; font:normal 12px Calibri; color:#333; display:block; float:left; margin:5px 0 0 5px; line-height:32px; }
.plenes_diseno_peq#precio1{ background:url(../img/plan_inicio.png) top center no-repeat;}
.plenes_diseno_peq#precio2{ background:url(../img/plan_pyme.png) top center no-repeat;}
.plenes_diseno_peq#precio3{ background:url(../img/plan_pymeplus.png) top center no-repeat;}
.plenes_diseno_peq#precio4{ background:url(../img/plan_amedida.png) top center no-repeat;}


.plenes_diseno_peq .nombre_plan{ font:bold 17px Helvetica, Calibri, sans-serif; font:bold 17px Helvetica, Calibri, sans-serif;  color:#fff; width:110px; text-align:center; display:block; height:38px; margin:10px 0 0 0; *margin:5px 0 0 0}

.plenes_diseno_peq .precio{ font:normal 24px Helvetica, Calibri, sans-serif;  color:#545870;  text-align:center;width:110px !important; }
.plenes_diseno_peq .euro{ font:normal 12px Helvetica, Calibri, sans-serif;  color:#545870;  text-align:center; margin:-6px 10px 0 0; float:right  }
/**********************************************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 Calibri, Calibri, 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 ************************/

h1{ color:#FFF; position:absolute; right:46px; top:-20px; font:bold 13px Calibri;}
div.logo{
	margin: 0;
	padding: 0;
	font-size: 300%;
	position:absolute;
	left:55px;
	top:5px;
	z-index:3;
}
span.logo{
	margin: 0;
	padding: 0;
	font-size: 300%;
	position:absolute;
	left:290px;
	top:20px;
	z-index:10;
}
span.logo a {
font:bold 26px Calibri;
}

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

/*************planes de diseño ************************/

.plenes_diseno{ width:220px; height:338px; padding:0 0 0 0; text-align:center; font:normal 12px Calibri; color:#333; display:block; float:left; margin:5px 0 0 80px !important; line-height:32px; }
#precio1{ background:url(../images/plan_inicio.png) top center no-repeat;}
#precio2{ background:url(../images/plan_pyme.png) top center no-repeat;}
#precio3{ background:url(../images/plan_pymeplus.png) top center no-repeat;}
#precio4{ background:url(../images/plan_amedida.png) top center no-repeat;}

.plenes_diseno ul li{ background:url(../images/tick.png) top left no-repeat; padding:0 0 0 15px; margin:4px 0 0 0;}
.plenes_diseno ul{ margin:-10px 0 0 0;}

.plenes_diseno .nombre_plan{ font:bold 34px Helvetica, Calibri, sans-serif;  *font:bold 30px Helvetica, Calibri, sans-serif;color:#fff; width:220px; text-align:center; display:block; height:60px; margin:10px 0 0 0; *margin:8px 0 0 0}
.plenes_diseno .descripcion{ font:normal 11px Helvetica, Calibri, sans-serif;  color:#737997; width:200px !important; text-align:justify; display:block; height:160px; padding:10px; word-spacing:-1px; line-height:13px;}
.plenes_diseno .descripcion2{ font:normal 16px Helvetica, Calibri, sans-serif;  color:#5092bd; width:200px !important; text-align:center; display:block; height:22px; padding:10px}
.plenes_diseno .precio{ font:normal 50px Helvetica, Calibri, sans-serif;  color:#fd8200;  text-align:center;width:220px !important; }
.plenes_diseno .euro{ font:normal 14px Helvetica, Calibri, sans-serif;  color:#fd8200;  text-align:center; margin:-30px 3px 0 0; float:right  }
.plenes_diseno .contratar{ font:normal 16px Helvetica, Calibri, sans-serif;  color:#737997; width:154px; text-align:center; display:block; height:30px; margin:-5px auto 0 auto; background:url(../img/bg_contratar.png) top center no-repeat;}
.plenes_diseno .contratar:hover{ background:url(../img/bg_contratar.png) bottom center no-repeat;}



/*************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:500px;
	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:350px;
	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 Calibri;}


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

.name_block .name{ color:#777ea5 !important;}
.btn_redes{ float:left; margin:5px 5px 0 0; width:140px;}
