/* CSS Document */

:focus {outline: 0px}
.clear {clear: both; margin:0px; padding:0px}

html, body {
	margin:0px;
	padding:0px;
	height:100%;
	width:100%;
	font-family: "Trebuchet MS"; 
	background: url(jpg/fondobody.jpg) repeat-x center top;
	background:#8c1f25;}
	
#contenedor { 
	margin: 0px auto 0px auto; padding-bottom:10px; 
	width:980px; }

/*-cabecera-*/

#head { 
	position:relative;
	height:165px; 
	padding-top:10px;}

h1{
	display:block;
	width:183px;
	height:104px;
	margin: 0px auto 0px auto;
	background-image:url(imagenes/logo.png);
	background-repeat:no-repeat;
	text-indent:-9999px;}

.logo_animado{
	width:980px;
	height:124px;}

/*--Navigation--*/

#navigation{ 
	z-index: 10; font-size:12px;
	width:980px; height:32px;
	margin-top:10px; padding:0px;
	background:#434446;}
	
	#navigation ul {list-style-type: none; margin:0px; padding:0px}

	#navigation li { font-size:12px; margin:0px; }


.idioma{ 
	display:block; position:absolute; right:20px; top: 155px; }
		
	.idioma li {
		float: left; margin:0px; 
		list-style:none	}
		
		.idioma li a { display:block; margin-left:5px;}
	

/*home*/

#cuerpo.home{
	width:980px;
	height:180px;
	background-image:url(imagenes/bk_destacados.png); 
	background-repeat:no-repeat;}
	
.col{
	display:block;
	width:286px;
	float:left;
	margin:0px;
	padding:20px;}

.col2{
	float:left;
	width:320px;
	margin:0px;
	padding-top:37px;}

.col p{
	font-size: 12px;
	color:#333333;
	line-height:14px;
	margin:5px 0px 0px 80px;}
	
.col li{
	font-size: 11px;
	color:#333333;
	line-height:14px;
	margin:0px;
	list-style: none;}
	
.slides_container {
	width:980px;
	display:none;
	margin:0px;
	padding:0px;}

.servicio {
	width:980px;
	height:690px;
	display:block;
	margin:0px;
	padding:0px;}

#bk{ background-color:#e7e7e7}

#cuerpo{
	position:relative;
	margin:0px;
	width:980px; 
	height:687px;
	background: url(imagenes/bk_cuerpo.png) bottom no-repeat;}

#cuerpo.interior{
	position:relative;
	height:335px;}
	
img{ 
	margin:0px; padding:0px;
	border:none;}

/*TITULOS*/	

h3{
	margin:0px 0px 20px 0px;
	padding:0px;
	height:15px;
	display:block;}
	
	.opcion2{
		margin:0px 0px 10px 0px;}

h5{
	font-size:14px;
	font-weight:bold;
	color:#333333;
	padding:0px;
	margin:24px 0px 0px 18px;}

/*COLUMNAS Y BLOQUES*/	

#col_general{
	width:820px;
	height:224px;
	margin-left:80px;
	padding-top:40px;}

	#col_general ul{ 
		margin-top:20px;
		padding:0px;	}
	
	#col_general li{ 
		font-size:12px;
		line-height:20px;
		list-style-image:url(imagenes/vineta.png);
		margin:0px;	padding:0px;}
	
	#col_general.infraestructura li {
	font-size:12px;
	line-height:14px; 
	list-style:none}
	
	#col_general.infraestructura p {
	font-size:12px;
	line-height:14px; }

.col_540{
	width:540px;float:left;
	margin:0px;	padding:0px;}

.col_480{
	width:470px;
	float:left;
	margin-left:10px;padding:0px;}

.col_440{
	width:440px;float:left;
	margin-left:10px;padding:0px;}
	
.col_380{
	width:370px;float:left;
	padding-left:20px;
	margin:0px;	}
	
	.col_380b{
	width:380px;float:left;
	padding:0px; margin:0px;	}
	
.col_360{
	width:360px;float:left;
	padding:0px; margin:0px;	}

.col_340{
	width:360px;float:left;
	padding:0px; margin:0px;}
	
.col_330{
	width:310px;float:left;
	padding-left:20px; margin:0px;}

.col_320{
	width:320px;float:left;
	padding:0px;margin:0px;	}
	
.col_300{
	width:300px;float:left;
	padding:0px;margin:0px;	}
	
.col_260{
	width:260px;float:left;
	padding-left:0px;margin:0px;}

.col_240{
	width:240px;float:left;
	padding:0px;margin:0px;}

.col_220{
	width:220px;float:left;
	padding:0px;margin:0px;	}

.col_215{
	width:215px;float:left;
	padding:0px;margin:0px;	}
	
.col_200{
	width:220px;float:left;
	margin-right:10px;	padding:0px;	}
	
.col_200b{
	width:200px;float:left;
	margin:0px;	padding:0px;}

.col_180{
	width:180px;float:left;
	margin:0px 0px 0px 10px;padding:0px;}
	
.col_180b{
	width:180px;float:left;
	margin:0px; padding:0px;}

.col_90{
	width:90px;	float:left;
	margin:0px;	padding:0px;}

.col_buttons{
	width:140px;float:left;
	margin-left:20px;padding:60px 0px 0px 0px;}
	
.col_online{
	width:440px; height:224px;
	float:left; margin-left:40px;
	background:url(imagenes/bk_seronline2.png); no-repeat;}
		
		#primera{padding-left:40px;}
		
		#margenleft{margin-left:20px;}
			
		#margenleft2{margin-left:10px;}
		
		.margen_top{margin-top:60px;}

.bloque{
	display:block;	
	width:430px;height:44px;
	padding:15px 20px 0px 20px;
	margin-top:20px;
	background:#f3f3f3 url(imagenes/indicador.png) no-repeat top left; 
	font-size:13px;	line-height:14px;}

.bloque2{
	float:left;
	width:340px;height:198px;
	padding:0px 0px 0px 15px;margin-left:20px;
	background:#f3f3f3 url(imagenes/indicador.png) no-repeat top left; 
	color:#333333;	}
	
.bloque3{
	display:block;
	width:270px;height:80px;
	padding: 16px 14px 0px 14px;margin-top:10px;
	background:#f3f3f3 url(imagenes/indicador.png) no-repeat top left; 	}

.bloque4{
	display:block;	width:200px;
	margin:0px 0px 10px 20px;
	background:#f3f3f3 url(imagenes/indicador.png) no-repeat top left;  
	padding:15px 0px 0px 15px; 
	font-size:12px; }

/*TEXTO ESTILOS*/

p{ 
	font-size:13px;
	line-height:16px;
	color:#333333;
	margin:0px;
	padding-bottom:10px;}

.estilo12{
	font-size:12px;
	line-height:14px;}
	
.estilo14{
	font-size:14px;
	line-height:16px;}
	
.estilo14b{
	font-size:14px;
	line-height:16px;
	padding:20px 0px 0px 20px;}
	
.estilo16{
	font-size:16px;
	line-height:18px;
	font-weight:bold;}
	
.estilo16b{
	font-size:16px;
	line-height:18px;
	font-weight:bold;
	padding:40px 0px 0px 20px;}

.rojo{color:#8c1f25 }
	
#rojo{color:#8c1f25}
	
.claro{color:#d9d9d9}
	
.col_online p{ 
	font-size:14px; 
	padding:22px 0px 15px 20px;	}

/*a - botones*/

a.buttom{
	display:block;	float:right;
	width:190px;height:15px;
	padding:0px 5px 0px 5px;
	margin-right:10px;
	font-size:10px;	color:#8b1f25;
	background:#FFFFFF;
	text-decoration:none;text-align:center;	}

a:hover.buttom{
	color:#FFFFFF;
	background-color:#8b1f25;}
	
a.buttom2{
	display:block;
	width:300px; height:18px;
	padding:2px 0px 0px 20px;
	margin-bottom:3px;
	font-size:11px;	color:#333333;
	text-decoration:none;}

a.imprimir{
	display:block;
	width:78px;	height:42px;
	margin:0px;
	text-indent:-9999px;
	background:url(imagenes/btnimprimir.png) no-repeat;	}
	
	a:hover.imprimir{
		background:url(imagenes/btnimprimirpress.png) no-repeat;}
		
		#eng{
		background-image:url(imagenes/btnimprimir_eng.png);	}
		a:hover.imprimir#eng{
		background:url(imagenes/btnimprimirpress_eng.png) no-repeat;}
		
		#por{
		background-image:url(imagenes/btnimprimir_por.png);}
		a:hover.imprimir#por{
		background:url(imagenes/btnimprimirpress_por.png) no-repeat;}
		

a.ir{
	display:block;
	height:54px;
	text-indent:-9999px;
	background:url(imagenes/bt-comollegar.png) no-repeat;}
	
	a:hover.ir{
		background:url(imagenes/bt-comollegarpress.png) no-repeat;}

a.planta{
	display:block;
	width:360px; height:224px;
	background:url(imagenes/planta.png) no-repeat;
	text-indent:-99999px;}
	
/*	a.planta{
	display:block;
	width:300px;
	height:224px;
	background-image:url(imagenes/planta.png);
	background-repeat:no-repeat;
	text-indent:-99999px;
	}*/
	
a:hover.planta{
	background:url(imagenes/plantapress.png) no-repeat;}

.mail{ 
	color:#8c1f25; 
	font-weight: bold; 
	text-decoration:none; 
	padding-top:10px;}

.mail2{ 
	color: #FFFFFF; 
	font-weight: bold; 
	text-decoration:none; 
	padding-top:10px;}

/*servicios*/

#informacion_serv{
	width:800px;height:224px;
	margin:40px 0px 0px 100px;}
	
#informacion_serv ul{ 
	margin:8px 0px 0px 30px;
	padding:0px;}

#informacion_serv li{ 
	font-size:14px;	line-height:16px;
	list-style-image:url(imagenes/vineta.png);
	margin:0px;	padding:8px 0px 2px 0px;}
	
#referencia{
	position:absolute;
	width:110px; height:86px;
	left: 430px; top: 163px;}

#referencias{
	position:absolute;
	width:195px; height:120px;
	left: 729px; top: 109px;}
		
.prev{
	position:absolute;
	z-index: 10;}

.next{
	position:absolute;
	z-index: 10;
	left:900px;	}
		
		
#footer p{
	color: #ebebeb;
	font-size:11px;
	text-align:center;
	margin-bottom:30px;
	padding:0px;}

.btn-wsp{
	position:fixed;
	width: 55px;
	height: 43px;
	line-height: 55px;
	bottom: 30px;
	right: 30px;
	background: #0df053;
	color: #FFFFFF;
	border-radius: 50px;
	text-align: center;
	padding: 12px 0 0 0;
	font-size: 30px;
	box-shadow: 0px 1px 10px rgba(0,0,0,0.3);
	z-index: 100;
}
	
.btn-wsp:hover{
	text-decoration: none;
	background: #ffffff;
	color: #0df053;
}