@charset "utf-8";
/* CSS Document */

body {
	background-color: #820700;
	margin: 0px;
	padding: 0;
	text-align: center;
}



#cuerpo{
	padding: 0;
	text-align:left;
	margin: 0 auto;
	width:974px;
	}


#logo{
	height:127px;
	float:right;
	width: 210px;
		}
	
#cabecera{
	width:974px;
	height:127px;
	background-color:#820700;
	}
	
	
#contenedor{
	width:974px;
	position:relative;
	}

#subcabecera{
	width:974px;
	height:400px;
	background-color:#FFFFFF;
	background-image:url(imagenes/Textura.jpg);
	background-position:center;
	background-repeat:no-repeat
			}
	
	
#inicio{
	position:absolute;
	width:350px;
	left:30px;
		}
		
		
#submenu{
	position:absolute;
	width:550px;
	height:600px;
	top:30px;
	right:5px !important; right:-15px;
	}


#contenido{
    width:954px;
	height:500px;;
	padding:10px;
	padding-top: 10px !important; padding-top:25px;
	background-image:url(imagenes/logo_bg.jpg);
	background-position:right;
	background-repeat:no-repeat;
	}	

#contenido_felipe{
    width:974px;
	height:450px;;
	padding:10px;
	padding-top: 10px !important; padding-top:25px;
	background-image:url(imagenes/logo_bg.jpg);
	background-position:right;
	background-repeat:no-repeat;
	}	
	
#botones{
	position:relative;
	width:974px;
	text-align:center;
	}
	
#informacion{
	width: 450px;
	height:400px;
	float:left;
	}


#columna_uno{
	width: 250px;
	height:400px;
	float:left;
	}

#imagen{
	position:relative;
	width: 485px;
	float:right;
	height:400px;
	}
	
	
#imagen_dos{
	position:relative;
	width: 661px;
	float:right;
	height:400px;
	border: 1px solid white;
	margin-right:25px;
	margin-top:20px;
	}	
	
#imagen_tres{
	position:absolute;
	top:300px;
	left:500px;
	width: 465px;
	height:600px;
	z-index:2;
		}
	
	
#flores{
	background-image:url(imagenes/flores.gif);
	height:25px;
	}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
    

.Estilo1{font-family: "gara"; font-size:18px; color: #ffffff; line-height:30px;}

.Estilo2{font-family: "Gill Sans MT"; font-size:15px; color: #ffffff; line-height:20px;}

.Estilo3 {font-family: Gill Sans MT; color: #FFCC33; font-size: 100%;}

.Estilo4 {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 80%;}

.Estilo5{font-family: "Gill Sans MT"; font-size:17px; color: #ffffff; line-height:30px;}

.Estilo6 {color: #FFCC00; font-size: 13px;}

.Estilo7{font-family: "Gill Sans MT"; font-size:15px; color: #ffffff; line-height:20px; background-color:grey;}

.Estilo8{
	font-family: arial;
	font-size:11px;
	color: #ffcc00;
	line-height:20px;
	font-weight: bold;
}

.Estilo9{font-family: "Gill Sans MT"; font-size:10px; color: #ffffff;}

.Estilo10{
	font-family: arial;
	font-size:11px;
	color: #ffcc00;
	line-height:20px;
	font-weight: bold;
}

.class1 A:link {text-decoration: none; color: #FFCC33; font-family:arial; font-size:12px;}
.class1 A:visited {text-decoration: none; color: #FFCC33; font-family:arial;}
.class1 A:active {text-decoration: none; color: #FFCC33; font-family:arial;}
.class1 A:hover {text-decoration: underline; color: #FFCC33; font-family:arial;}

.class2 A:link {text-decoration: none; color: #FFFFFF; font-family:arial;}
.class2 A:visited {text-decoration: none; color: #FFFFFF; font-family:arial;}
.class2 A:active {text-decoration: none; color: #FFFFFF; font-family:arial;}
.class2 A:hover {text-decoration: underline; color:#FFFF66; font-family:arial;}

h2{color:#FFCC00; font-family: "gara";}

h3{color:#FFCC00; font-family: "gara";}

p{
	font-family: "Gill Sans MT";
	font-size:15px;
	color: #ffffff;
	line-height:20px;
	text-align:justify;
}

li{font-family: "Gill Sans MT"; font-size:15px; color: #ffffff; line-height:20px; text-align:justify;}

.lista  {
margin-left: 3px;
}

.menu1{
font-family:verdana; 
font-size:12px; 
color:#ffcc00; 
line-height:15px; 
text-align:justify; 
line-height:20px; 
text-decoration:none; 
cursor: pointer
}

.submenu{
font-family:verdana; font-size:7px; color:#666666; line-height:13px; text-align:justify;}

.hide{
display: none;
}
.show{
display: block;
}

.table {color:#ffffff; font-size:12px;}