@charset "utf-8";
/* CSS Document */
body { font-family: 'swis721_ltex_btlight';
	height: 100%;
	width: 100%;margin: 0;
	background-color:#222221;
	font-size: 12px;
}	
a {
		font-family: 'swis721_wgl4_btroman';
}								
header {
	padding-top: 10px;
	}
img{ border: none;}	
#cabecera {
	margin: 0 auto;
	width:950px;
	color: #CCC;
	padding: 10px;
	}
#iconos	 {
	width: 200px;
	float: right;
	}
#iconos ul{
	list-style:none;
	margin:0 10px 0 10px;
	padding:0;
	width:100px;
	margin: 0 auto;
	text-align:center;
	
}
#iconos ul li{
	float:left;
	font-size: 16px;
	padding-left: 10px;
	text-align:center;
}
#iconos ul li a image{
	border: none;
	}
a {
	color: #999;
	text-decoration:none;
	}	
a:hover {
	color: #666;
	}	
.noborde {
	border: 0px;
}	
.nav{
	overflow:hidden;
	padding:10px;
	background-color:#FFF;	
}
.nav ul{
	list-style:none;
	margin:0 10px 0 10px;
	padding:0;
	width:800px;
	margin: 0 auto;
	text-align:center;
	
}
.nav ul li{
	float:left;
	font-family: 'swis721_ltex_btlight';
	font-size: 16px;
	margin-right:10px;
	padding-left: 30px;
	text-align:center;
	/*Sombras para texto, los mismos parametros que box-shadow*/
	text-shadow: 0px 1px 0px #FFF;
}
.nav ul li:hover{
}
.nav ul li a{
	font-family: 'swis721_ltex_btlight';
	color:#999;
	display:block;
	padding:10px;
	text-decoration:none;
		/*Transiciones: Tiempo, Efecto y Propiedades aplicadas*/
		-webkit-transition: 0.4s linear all;/*Chrome y Safari*/
		-moz-transition: 0.4s linear all;/*Firefox*/
		-o-transition: 0.4s linear all;/*Opera*/
		transition: 0.4s linear all;/*Estandar por defecto*/
}
.nav ul li a:hover {
	color:#000;
}

aside {
	background-color:#FFF;
	width: 150px;
	}
section {
	background-color:#FFF;
	margin: 0 auto;
	color: #CCC;
	padding: 10px;
	}


/* Contenedor*/

#contenido {
	margin: 0 auto;
	background-color:#FFF;
	padding-bottom: 20px;
}
article {
	background-color:#FFF;
	width:100%;
	margin: 0 auto;
	}
/* ~~ Los estilos de lista de navegación (pueden eliminarse si opta por usar un menú desplegable predefinido como el de Spry) ~~ */
.sidebar1{
	width: 880px;
	margin: 0 auto;
	display: table;
	}
#menu {
	width:220px;
	font-size: 12px;

	}
ul.na {
	list-style: none; /* esto elimina el marcador de lista */
	margin-bottom: 15px; /* esto crea el espacio entre la navegación en el contenido situado debajo */
	width: 200px;
	float: inherit;
}
ul.na li {
	  /* esto crea la separación de los botones  */
	background-color: #999;
	color:#FFF;
	width: 200px;
	text-align:center;
	margin: 1px
}
#selector {
		padding: 6px 0px 6px 15px;
		width: 185px;
		background-color: #333;
		text-align:left;
		font-size: 12px;


}
ul.na a, ul.na a:visited {/* al agrupar estos selectores, se asegurará de que los vínculos mantengan el aspecto de botón incluso después de haber sido visitados  */
	padding: 5px 5px 5px 15px;
	display: block; /* esto asigna propiedades de bloque al vínculo, lo que provoca que llene todo el LI que lo contiene. Esto provoca que toda el área reaccione a un clic de ratón. */
	width: 180px;  /*esta anchura hace que se pueda hacer clic en todo el botón para IE6. Puede eliminarse si no es necesario proporcionar compatibilidad con IE6. Calcule la anchura adecuada restando el relleno de este vínculo de la anchura del contenedor de barra lateral. */
	text-decoration: none;
	background-color: #999;
	color:#FFF;
	text-align:left;
}
ul.na a:hover, ul.nav a:active, ul.nav a:focus { /* esto cambia el color de fondo y del texto tanto para usuarios que naveguen con ratón como para los que lo hagan con teclado */
	background-color: #666;
	color: #FFF;
}
	
#slider {
	width: 600px;
	float: right;
}

#footer {
	width: 100%;
	margin-top: 20px;
	background-color:#222221;
	}	
.footerContent {
	font-family: 'swis721_wgl4_btroman';
	width: 950px;
	height: auto;
	margin: auto;
	color:#b3b0af;
	position: relative;
	padding-right: 10px;
}

#footer .sec1 {
	width:200px;
	margin-right: 80px;
	padding-top: 20px;
	margin-left:40px;
	font-size: 12px;
	background-image:url(../images/firma.png);
	background-repeat:no-repeat;
	background-position:bottom right;
	padding-bottom: 60px;

}
#footer .sec2 {
	width:350px;
	height: auto;
	text-align: left;
	padding-bottom: 60px;
	padding-top: 0px;
	padding-right: 50px;
	margin-left:0px;
	float:right;

}
#footer .sec3 {
	width:250px;
	height: auto;
	text-align:justify;
	padding-bottom: 60px;
	padding-top: 0px;
	margin-left:40px;
	float:right;
	/*background-image:url(../images/firma.png);
	background-repeat:no-repeat;
	background-position:bottom right;*/

}
#footer .titulo {
	font-size:16px;
	text-align:left;
	/*border-bottom: 1px solid #666;*/
	padding-bottom: 15px;
	list-style: none;
	}
#pie {
	background-color:#222221;
	}	
#desc {
	color:#333; 
	padding:0px;
	text-align:justify;
	font-size:14px;
	}
#desc .secc1 {
	width:500px;
	font-size: 12px;
	background-repeat:no-repeat;
	background-position:bottom right;
	padding-bottom: 60px;

}
#desc .secc2 {
	width:300px;
	height: auto;
	text-align:justify;
	float:right;
	background-repeat:no-repeat;
	background-position:bottom right;

}
	
ul.nav1 {
	width: 200px;
	float: inherit;
	list-style: square;
}
ul.nav1 li {
	color:#FFF;
	width: 200px;
	text-align:center;
	margin: 1px
}
ul.nav1 a, ul.nav a:visited {
	padding: 0px 0px 0px 0px;
	display: block; 
	width: 180px;  
	text-decoration: none;
	color:#FFF;
	text-align:left;
}
ul.nav1 a:hover, ul.nav a:active, ul.nav a:focus { 
	color: #666;
}	
h1 {
	border-bottom:#000 solid 1px; font-size:24px;}
	
#slider2 {
	width: 600px;
	float: right;
	padding-top: 13px;
}
#desc2 {
	color:#333; 
	padding:0px;
	text-align:justify;
	font-size:14px;
	width:560px; float: right; padding-right: 40px; margin:0px;
	}