@charset "utf-8";
body  {
	background-color:#000;
	margin: 0; /* es recomendable ajustar a cero el margen y el relleno del elemento body para lograr la compatibilidad con la configuración predeterminada de los diversos navegadores */
	padding: 0;
	text-align: left; /* esto centra el contenedor en los navegadores IE 5*. El texto se ajusta posteriormente con el valor predeterminado de alineación a la izquierda en el selector #container */
	color: #999;

	margin-left= 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
}
h1 {
	font-size:28px;
	font-weight:normal;
}

h2 {
	font-size:18px;
	font-weight:normal;
	margin-top:5px;
}

#contenedor {
	width: 1000px;
	overflow:hidden;
	margin: 0;
	background-color: #FFF;
	margin-left:auto;
	margin-right:auto;
}
#encabezado {
	width: 1000px;
	height: 150px;
	background-image:url(../imgs/encabezado.jpg);
	text-align:center;
	position:fixed;
}

#direccion {
	float: right;
	text-align: right;
	margin-top: 5px;
	font: 14px arial;
	color:#FFF;
}

#textopie {
	float: right;
	margin-top: 5px;
	font: 14px arial;
	color:#FFF;
}

#menusuperior {
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	margin-top:122px;
	text-align:center;
}
	
#contenidoprincipal0 {
	color:#FFF;
	width: 1000px;
	height: 668px;
	margin-top: 150px;
	background-image:url(../imgs/fondo0.jpg);
	background-position: 50% 150px;
	background-attachment:fixed;
	position:static;
}

#contenidoprincipal1 {
	color:#FFF;
	width: 1000px;
	height: 668px;
	margin-top: 150px;
	background-image:url(../imgs/fondo1.jpg);
	background-position: 50% 150px;
	background-attachment:fixed;
	position:static;
}
	
#contenidoprincipal2 {
	color:#FFF;
	text-align:left;
	width: 1000px;
	height: 668px;
	padding-top: 150px;
	background-image:url(../imgs/fondo2.jpg);
	background-position: 50% 150px;
	background-attachment:fixed;
	min-width: 1000px;
	position:static;
	}
	
#contenidoprincipal3 {
	color:#FFF;
	text-align:left;
	width: 1000px;
	height: 668px;
	padding-top: 150px;
	background-image:url(../imgs/fondo3.jpg);
	background-position: 50% 150px;
	background-attachment:fixed;
	min-width: 1000px;
	position:static;
	}
	
#contenidoprincipal4 {
	color:#FFF;
	text-align:left;
	width: 1000px;
	height: 668px;
	padding-top: 150px;
	background-image:url(../imgs/fondo4.jpg);
	background-position: 50% 150px;
	background-attachment:fixed;
	min-width: 1000px;
	position:static;
	}
	
#contenidoprincipal5 {
	color:#FFF;
	text-align:left;
	width: 1000px;
	height: 668px;
	margin-top: 150px;
	background-image:url(../imgs/fondo5.jpg);
	background-position: 50% 150px;
	background-attachment:fixed;
	position:static;
	}
	
#contenidoprincipal6 {
	color:#FFF;
	text-align:left;
	width: 1000px;
	height: 668px;
	margin-top: 150px;
	background-image:url(../imgs/fondo6.jpg);
	background-position: 50% 150px;
	background-attachment:fixed;
	position:static;
	}
	
#contenidoprincipal7 {
	color:#FFF;
	text-align:left;
	width: 1000px;
	height: 668px;
	margin-top: 150px;
	background-image:url(../imgs/fondo7.jpg);
	background-position: 50% 150px;
	background-attachment:fixed;
	position:static;
	}
	
#contenidoprincipal8 {
	color:#FFF;
	text-align:left;
	width: 1000px;
	height: 668px;
	margin-top: 150px;
	background-image:url(../imgs/fondo8.jpg);
	background-position: 50% 150px;
	background-attachment:fixed;
	position:static;
	}
	
		
#contenidoprincipal9 {
	color:#FFF;
	text-align:left;
	width: 1000px;
	height: 668px;
	margin-top: 150px;
	background-image:url(../imgs/fondo9.jpg);
	background-position: 50% 150px;
	background-attachment:fixed;
	position:static;
	}
	
#pie {
	width: 1000px;
	height: 24px;
	bottom: 0px;
	margin-bottom: 0px;
	background-color:#000;
	position:fixed;
	text-align:right;
	border-top:thin;
	border-top-style:solid;
	border-top-color:#FFF;
}

#columnaizquierda {
	width: 390px;
	float: left;
	text-align:right;
	position:fixed;
}

#columnaderecha {
	width: 560px;
	float: right;
	padding-right: 20px;
	padding-top:33px;
}

#bannerdecontenidos {
	width:560px;
	height:200px;
}

/* Enlaces generales*/


#columnaderecha a {
	color:#F60;
	text-decoration:none;
}

#columnaderecha a:visited{
	color:#F60;
	text-decoration:none;
	outline:none;
}

#columnaderecha a:hover{
	color:#FC0;
	text-decoration:none;
}

/* Enlaces pie */
#pie a:link {
	color:#F60;
	text-decoration: none;
	padding-left:3px;
	padding-right:3px;
}

#pie a:visited {
	color:#F60;
	text-decoration: none;
	outline:none;
	padding-left:3px;
	padding-right:3px;
}

#pie a:selected {
	color:#F60;
	text-decoration: none;
	padding-left:3px;
	padding-right:3px;
}
#pie a:hover {
	color:#FFF;
	text-decoration: none;
	background-color:#F60;
	padding-left:3px;
	padding-right:3px;
}


/* menu horizontal */

.menuhorizontallara{
width: 100%;
/* overflow: hidden; */
text-align:center;
border-bottom: 3px solid black; /*bottom horizontal line that runs beneath tabs*/
}

.menuhorizontallara ul{
margin: 0;
padding: 0;
text-transform:uppercase;
font: 12px arial;
list-style-type: none;
}

.menuhorizontallara li{
	display:inline-block;
	margin: 0;
}

.selected{
	background-color: #F60;
	float: left;
	display: block;
	text-decoration: none;
	margin: 0;
	padding: 2px 20px; /*padding inside each tab*/
	border-right: 2px solid black; /*right divider between tabs*/
	color: white;
}

.menuhorizontallara li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 2px 20px; 
border-right: 2px solid black; 
color: white;
}

.menuhorizontallara li a:visited{
color: white;
outline:none;
}

.menuhorizontallara li a:hover {
background-color: #F60; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
outline:none;
}

.menuhorizontallara li a:selected {
background-color: #F60; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
outline:none;
}

/* menu vertical */

.menuverticallara{
/* overflow: hidden; */
margin-top:190px;
padding:0px;
margin-right:-1px;
}

.menuverticallara ul{
margin: 0 auto;
padding: 0;
text-transform:uppercase;
font: 12px arial;
list-style-type: none;
margin:0;
}

.menuverticallara li{
	display:inline-block;
	margin: 0 auto;	
	padding-right:0px;
	text-align:left;;
}

.menuverticallara li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 2px 15px; /*padding inside each tab*/
color: white;
margin-bottom:7px;
width: 180px;
background-color:#000;
}

.menuverticallara li a:visited {
color: white;
margin-bottom:7px;
margin: 0;
padding: 2px 15px; 
display:block;
margin-bottom:7px;
width: 180px;
text-decoration: none;
outline:none;
background-color:#000;
}

.menuverticallara li a:hover {
background-color: #F60; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
outline:none;
}

.menuverticallara li a.seleccionadovetical {
	background-color: #F60;
	float: left;
	display: block;
	text-decoration: none;
	margin: 0;
	padding: 2px 15px; /*padding inside each tab*/
	color: white;
	margin-bottom: 7px;
	width: 180px;
}


/* botones del menu superior */

.botonhome {
    background-image:url(../imgs/homeoff.png);
	background-color:#000;
	background-repeat:no-repeat;
	border: 0;
	width: 40px;
	height: 40px;
	cursor: hand;
	cursor: pointer;
	outline-style:none;
    }
	
.botonhome:hover{
	background-image:url(../imgs/homeon.png);
	background-repeat:no-repeat;
	border: 0;
	width: 40px;
	height: 40px;
	cursor: hand;
	cursor: pointer;
	outline-style:none;
    }

.botonmail {
    background-image:url(../imgs/mailoff.png);
	background-color:#000;
	background-repeat:no-repeat;
	border: 0;
	width: 40px;
	height: 40px;
	cursor: hand;
	cursor: pointer;
	outline-style:none;
    }
	
.botonmail:hover{
	background-image:url(../imgs/mailon.png);
	background-repeat:no-repeat;
	border: 0;
	width: 40px;
	height: 40px;
	cursor: hand;
	cursor: pointer;
	outline-style:none;
    }

.botonfb {
    background-image:url(../imgs/fboff.png);
	background-color:#000;
	background-repeat:no-repeat;
	border: 0;
	width: 40px;
	height: 40px;
	cursor: hand;
	cursor: pointer;
	outline-style:none;
    }
	
.botonfb:hover{
	background-image:url(../imgs/fbon.png);
	background-repeat:no-repeat;
	border: 0;
	width: 40px;
	height: 40px;
	cursor: hand;
	cursor: pointer;
	outline-style:none;
    }

