/* 
	xhtml & css by Emiliano Mateu - colo.mateu@gmail.com
	Date: 22/09/2008.
	Modified: 24/11/2008.
*/

/* #s1 */
#s1 #info{
}
	#s1 #info h2{
	height: 55px;
	color: #F3F6F8;
	font-size: 0.5em;
	text-indent: -9999px;
	background: url('../images/t_index.png') no-repeat 17px 20px;
	}
	#s1 #info p{
	font-weight: bold;
	}
	#s1 #info ul{
	list-style: none;
	text-align: center;
	padding: 30px 0 0 0;
	}
		#s1 #info ul li{
		display: inline;
		padding: 0 12px 0 12px;
		}

/* #s2 */
#s2 #header .clear{
height: 60px;
background: url('../images/t_d_servicios.png') no-repeat 98% 20px;
}
#s2 #info{
background: url('../images/bg_cont_solapas.png') no-repeat left 40px;
}
	#s2 #info h2{
	display: none;
	}
	
	#s2 #info .items{
	width: 645px;
	height: 30px;
	list-style: none;
	background: url('../images/pestanas_servicios.png') no-repeat left top;
	}
		#s2 #info .items li{
		float: left;
		}
		#s2 #info .items .item-1{width:126px;}
		#s2 #info .items .item-2{width:201px;}
		#s2 #info .items .item-3{width:132px;}
		#s2 #info .items .item-4{width:145px;}
		
			#s2 #info ul li a{
			display: block;
			outline: 0;
			height: 30px;
			color: #F3F6F8;
			font-size: 0.5em;
			text-indent: -9999px;
			}
	
	#s2 #info div{
	padding: 0 10px 0 0;
	background: url('../images/bg_cont_solapas.png') no-repeat left top;
	}
		#s2 #info div h3{
		color: #314E7A;
		font-size: 0.8em;
		padding: 25px 0 4px 15px;
		margin: 0 0 8px 0;
		background: url('../images/bg_h3.png') no-repeat 10px bottom;
		}
		
		#s2 #info div ul{
		list-style: none;
		padding: 0 0 10px 0;
		}
			#s2 #info div ul li{
			color: #525252;
			font-size: 0.7em;
			padding: 0 0 6px 35px;
			background: url('../images/bullet.png') no-repeat 25px 5px;
			}
				#s2 #info div ul li ul{
				padding: 10px 0 10px 0;
				}
					#s2 #info div ul li ul li{
					color: #525252;
					font-size: 100%;
					padding: 0 0 6px 35px;
					background: url('../images/bullet.png') no-repeat 25px 5px;
					}
		
	
/* #s3 */
#s3 #header .clear{
height: 60px;
background: url('../images/t_d_productos.png') no-repeat 98% 20px;
}
#s3 #info{
background: url('../images/bg_cont_solapas.png') no-repeat left 40px;
}
	#s3 #info h2{
	display: none;
	}
	
	#s3 #info .items{
	width: 645px;
	height: 36px;
	list-style: none;
	background: url('../images/pestanas_productos.png') no-repeat left top;
	}
		#s3 #info .items li{
		float: left;
		}
		#s3 #info .items .item-1{width:88px;}
		#s3 #info .items .item-2{width:120px;}
		#s3 #info .items .item-3{width:89px;}
		#s3 #info .items .item-4{width:89px;}
		#s3 #info .items .item-5{width:109px;}
		#s3 #info .items .item-6{width:148px;}
		
			#s3 #info ul li a{
			display: block;
			outline: 0;
			height: 30px;
			color: #F3F6F8;
			font-size: 0.5em;
			text-indent: -9999px;
			}
	
	#s3 #info div{
	padding: 0 10px 0 0;
	background: url('../images/bg_cont_solapas.png') no-repeat left top;
	}
		#s3 #info div h3{
		color: #314E7A;
		font-size: 0.8em;
		padding: 25px 0 4px 15px;
		margin: 0 0 8px 0;
		background: url('../images/bg_h3.png') no-repeat 10px bottom;
		}		
		#s3 #info div .more a{
		color: #cc0000;
		}			
		#s3 #info div ul{
		list-style: none;
		padding: 0 0 10px 0;
		}
			#s3 #info div ul li{
			color: #525252;
			font-size: 0.7em;
			padding: 0 0 6px 35px;
			background: url('../images/bullet.png') no-repeat 25px 5px;
			}
				#s3 #info div ul li ul{
				padding: 10px 0 10px 0;
				}
					#s3 #info div ul li ul li{
					color: #525252;
					font-size: 100%;
					padding: 0 0 6px 35px;
					background: url('../images/bullet.png') no-repeat 25px 5px;
					}

/* #s4 */
#s4 #header .clear{
height: 60px;
background: url('../images/t_d_clientes.png') no-repeat 98% 20px;
}
#s4 #info{
width: 645px;
text-align: center;
padding: 40px 0 0 0;
background: url('../images/bg_info_nogradient.jpg') no-repeat left top #EFE9E5;
}
	#s4 #info h2{
	display: none;
	}
	#info .clientes{
	list-style: none;
	padding: 0 10px 0 10px;
	}
		#info .clientes li{
		float: left;
		width: 104px;
		height: 118px;
		color: #858585;
		font-size: 0.6em;
		text-align: center;
		padding: 5px 0 0 0;
		margin: 0 0 10px 0;
		background: url('../images/bg_ul_clientes.png') no-repeat center bottom;
		}
		
	#s4 #info .clear{
	height: 11px;
	background: url('../images/bg_logos.jpg') no-repeat left top;
	}

/* #s5 */
#s5 #header .clear{
height: 60px;
background: url('../images/t_d_alianzas.png') no-repeat 98% 20px;
}
#s5 #info{
}
	#s5 #info h2{
	display: none;
	}
	#info .alianzas{
	width: 531px;
	height: 432px;
	margin: 0 auto 0 auto;
	background: url('../images/bg_alianzas.jpg') no-repeat left top;
	}
	#s5 #info ul{
	display: none;
	}

/* #s6 */
#s6 #header .clear{
height: 60px;
background: url('../images/t_d_contacto.png') no-repeat 98% 20px;
}
#s6 #info{
padding-top: 30px;
}
	#s6 #info h2{
	display: none;
	}
	#info #area{
	width: 45px;
	margin-right: 5px;
	}
	#info #tel{
	width: 102px;
	}
	#info #dir{
	width: 240px;
	}
	#info #tema{
	width: 360px;
	}

/* #s7 */
#s7 #header .clear{
height: 60px;
background: url('../images/t_d_laempresa.png') no-repeat 98% 20px;
}
#s7 #info{
}
	#s7 #info h2{
	height: 55px;
	color: #F3F6F8;
	font-size: 0.5em;
	text-indent: -9999px;
	background: url('../images/t_quienes.png') no-repeat 17px 20px;
	}
	#s7 #info ul{
	height: 256px;
	list-style: none;
	margin: 30px 0 0 0;
	background: url('../images/bg_laempresa.jpg') no-repeat left top;
	}
		#s7 #info ul li{
		float: left;
		}
		#s7 #info ul .mision{
		width: 200px;
		}
		#s7 #info ul .vision{
		width: 210px;
		padding: 0 0 0 15px;
		}
		#s7 #info ul .valores{
		width: 210px;
		padding: 0 0 0 5px;
		}
			#s7 #info ul li ul{
			height: auto;
			margin: 0;
			color: #0F384E;
			font-size: 0.7em;
			list-style: disc;
			padding: 0 0 0 20px;
			background: none;
			}
				#s7 #info ul li ul li{
				padding: 0 4px 0 0;
				}
				
			#s7 #info ul li p{
			line-height: 17px;
			}
			#s7 #info ul li h3{
			height: 100px;
			visibility: hidden;
			}

/* #s8 */
#s8 #header .clear{
height: 60px;
background: url('../images/t_d_calidad.png') no-repeat 98% 20px;
}
#s8 #info{
}
	#s8 #info h2{
	height: 55px;
	color: #F3F6F8;
	font-size: 0.5em;
	text-indent: -9999px;
	background: url('../images/t_calidad.png') no-repeat 17px 20px;
	}
	#s8 #info .bg{
	background: url('../images/bg_calidad.jpg') no-repeat 22px top;
	}
		#s8 #info .bg p{
		padding-left: 195px;
		}
	
/* #s9 */
/*#s9 #header .clear{
height: 60px;
background: url('../images/t_d_formaparte.png') no-repeat 98% 20px;
}*/
#s9 #info{
padding-top: 30px;
}
	#s9 #info h2{
	display: none;
	}

/* #s10 */
#s10 #header .clear{
height: 60px;
background: url('../images/t_d_formaparte.png') no-repeat 98% 20px;
}
#s10 #info{
padding-top: 30px;
}
	#s10 #info h2{
	display: none;
	}
	
/*
	#s11
**/
#s11 #info{
}
	#s11 #info h2{
	height: 55px;
	color: #F3F6F8;
	font-size: 0.5em;
	text-indent: -9999px;
	background: url('../images/t_mas_info.png') no-repeat 17px 20px;
	}

/*
	clase .form
**/
#info form.form{
padding: 15px 55px 15px 0;
}
	#info form.form fieldset{
	border: none;
	}
	#info form.form fieldset legend{
	display: none;
	}
	#info form.form fieldset table{
	margin: 0 auto 0 auto;
	border-collapse: collapse;
	}
		#info form.form fieldset table td{
		padding: 0 0 15px 0;
		vertical-align: top;
		}
		#info form.form fieldset table td p{
		padding: 10px 0 0 0;
		}
		#info form.form fieldset table label{
		display: block;
		color: #0F384E;
		font-size: 0.75em;
		text-align: right;
		padding: 0 5px 0 0;
		}
		#info form.form fieldset table input{
		width: 188px;
		border: 1px solid #7F9DB9;
		}
		
		#info form.form fieldset table .triple input{
		width: 53px;
		text-align: center;
		}
		
		#info form.form fieldset table select{
		width: 190px;
		border: 1px solid #7F9DB9;
		}
			#info form.form fieldset table select option{
			padding: 1px 1px 1px 5px;
			}
			
		#info form.form fieldset table textarea{
		width: 360px;
		border: 1px solid #7F9DB9;
		}
		
	#info form.form fieldset .send{
	text-align: center;
	padding: 0 0 0 85px;
	}
		#info form.form fieldset .send input{
		color: #FA5800;
		cursor: pointer;
		font-weight: bold;
		padding: 1px 4px 1px 4px;
		background: #F4F4F0;
		}