/* CSS Document */
/*estilos basicos*/
h1,h2,h3,h4,h5,h6,h7{
	font-family:"Trebuchet MS";
}
h1{
	position:relative;
	color:#FFFFFF;
	font-size:2em;
	top:20%;
	margin-top:10px;
	letter-spacing:0px;
	display: inline;
}
h2{
font-size:2em;
	color: #C7C78D;
}
h3{
	font-size:1.5em;
	color: #003399;
}
a{
color:#CCCCCC;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
}
.logo{
	width:40%;
	height:auto;
	display:inline;
	position:relative;
	margin-left:5%;
}

p{
	font-family: "trebuchet MS";
}

/*menu de navegacion*/
#botonera {
	width: 35%;
	height: 30px;
	margin: auto;
	float:right;
	margin-left:0;
	margin-bottom:1%;
	position:relative;
	font-family:"Trebuchet MS";
	font-size:1em;
	font-weight:bold;
	display: inline-table;
	background-color:#003366;
}


.boton {
	width: 30%;
	height: 30px;
	float: left;
	text-align: left;
	margin-left: 5px;
	/*line-height: 20px;*/
	display: inline;
	overflow: visible;
	
}

	 .boton li {
	 list-style-type: none;
	/* list-style-position:inside;	*/
	 }
	 
	.boton a {
		color: #ffffff;
		list-style-type: none;	
	 }
 
	.boton a:hover { 
	color: #CC0000;  
	}
	

/*maquetacion principal*/
body{
	text-align:center;
	margin: 0px;
}
#web{
	text-align:left;
	margin:auto;
	width:100%;
	height:100%;
	position:relative;
	/*background-color:#ffffff;
	box-shadow: 3px 3px 10px black;*/
}

header{
	display: inline;
	margin:auto;
	text-align:left;
	width:100%;
	height:100%;
	padding:15px;
}

footer{
	display:table;
	font-family:"trebuchet MS";
	font-size:1em;
	margin:auto;
	margin-top:15px;
	width:100%;
	text-align:center;
	background-color:#003366;
	color:#ffffff;
	height:auto;
	/*min-height:200px;*/
	padding:10px;
}

.foot-col-iz{
	display:inline;
	position:relative;
	width:60%;
	float: left;
	font-family:"Trebuchet MS";
	font-size:1em;
	text-align:left;
	padding:25px;
	color: #ffffff;
	margin-left:5%;
}

.foot-col-der{
	display:inline;
	position:relative;
	padding:25px;
	width:15%;
	float: right;
	margin-right:5%;
}



/*contenido*/
#contenido{
	min-height:400px;
	width:100%;
	height:100%;
}

.fondoCont{
background-color: #D1D2AA;
}
.fondoCont2{
background-color: #006699;
}
.fondoCont3{
background-color: #CC0000;
}


#slider{
	width:100%;
	height:100%;
	margin-top:1%;
	position:relative;
	overflow:hidden;
	background-color:#CC0000;
}

#cajaCont{
width:95%;
height:100%;
margin-top: 10px;
background-color: #ffffff;
/*background-image:url(../img/fondoCont.jpg);
box-shadow: 3px 3px 10px grey;*/
padding-left:25px;
text-align:justify;
}

#columna1{
	display:inline;
	position:relative;
	width:90%;
	float: left;
	font-family:"Trebuchet MS";
	font-size:1em;
	text-align:left;
	padding:25px;
	color: #003366;
	margin-left:5%;
	line-height:130%;
}


/* catalogo*/
section#catalogo .fondoCont3{
	background-color: #99CCFF;
	display:inline-block;
	height:100%;
	margin:5px;
	padding:2%;
	text-align:left;
	width:100%;
}


section#catalogo ul {
display:inline-block;
}

section#catalogo ul li{
display:inline-block;
border:thin;
border-color:#99CCFF;
text-align:center;
list-style:none;
}

#indice_btn{
background-color: none;
width:105px;
height:205px;
}

.indice_ttl {
background-color: #003399;
color:#FFFFFF;
font-size:0.9em;
text-align:center;
width:100px;
height:100px;
}

/*.indiceTtlFondo{
background-color: #003399;
color:#FFFFFF;
font-size:0.9em;
text-align:center;
width:100px;
min-height:100px;
}
*/
.indice_ttl a{
color:#FFFFFF;
font-size:0.8em;
}
.indice_ttl a:hover{
color: #FFFFFF;
font-size:0.8em;
font-weight:bold;
}