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

* {
margin:0;
padding:0;}

body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color: #666666;
}

/* Lo primero q se realizo fue el contenedor*/
#contenedor {

width:800px;
height:auto; /
overflow:hidden;
margin:auto;
background-color:#FCFEFD; background-image:url(../imagenes/laterales.jpg);background-repeat: repeat-y;
border-bottom:6px solid #CC9900; /* borde superior dorado del template */
border-top:6px solid #CC9900; /* borde inferior dorado del template */
}

#contenedor-contenido{margin:0px 40px;width:700px; height:auto;}


#contenedor2 {
width:800px;
height:1650px;
margin:auto;
position:relative;
background-color:#FCFEFD; 
border-bottom:6px solid #CC9900; 
border-top:6px solid #CC9900; 
}

#fondode { /* esta es la unica propiedad q no comparten */
background-image:url(../imagenes/lateral-dcho.jpg);
float:right;
background-repeat: repeat-y;
}

#menu {
height:50px;
width:700px;
margin-top:20px;


}

#banner {
height:174px;
border-bottom:6px solid #CC9900; 
border-top:6px solid #CC9900; 
background-image:url(../imagenes/banner.jpg);
}

li {
	float:left;
	height:16px;
	border-right:1px #CC9900 solid;
	padding:10px 10px 0 10px;
	list-style:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #711313;
	font-weight: normal;
}

#menu a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #711313;
	text-decoration: none;
}
#menu a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #711313;
	text-decoration: none;
}

#menu a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CC9900;
	
}
#menu a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #711313;
	text-decoration: none;
}

ul {
margin-left:70px;
}/* esta regla es para correr hacia la derecha la barra de navegacion*/

.borde{
border-left:1px #CC9900 solid;
}
/* primero se hizo la regla, despues en el HTML, en la etiqueta LI de la HOME se agrego class="borde" */
/*Por un tema de buscadores, solo puede haber un H1 por pagina */

h1 {
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:16px;
color:#711313;
margin-top:10px;
margin-bottom:10px;
}

h2 {
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:14px;
color:#711313;
margin-bottom:10px;
margin-bottom:10px;
}

p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height: 18px;
	color: #666666;
}

#contenido { overflow:hidden;
padding:10px;
height:auto;
width:680px;
}

#col1 {
height:auto;
float:left;
width:300px;
padding:10px;
margin-left:40px;
}

#col2 {
float:right;
height:270px;
width:200px;
padding:10px;
margin-right:30px;

border:1px #CC6600 solid;

}

#col2 p{
	margin-bottom:8px;
	line-height: 18px;
	font-weight: normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height: 18px;
	color: #666666;
}/* esta prop es especialmente para el area de novedades, q para evitar poner un br x cada parrafo, con margin botton se soluciona*/

#col3 #contenedor2 {
height:600px;
width:580px;
background-color:#FCFEFD;
position:absolute;
padding:10px;
left:10px;
top:15px;
}

#novedades {
	height:auto;
	width:600px;
	background-color:#FFFFFF;
	float:none;
	padding:10px;
	border:1px #CC6600 solid;
}

#novedades p{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height: 14px;
	color: #666666;
	margin-bottom:8px;
	line-height: 14px;
	font-weight: normal;
}


#pie {
margin:0px auto;
	height:20px;
	width:800px;
	background-color:#00CC00;
	background-color:#FCFEFD;
	padding:; 	
	text-align: center;
	padding: 5px; 
} 
.letragaleria {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #711313;
}

/*links de toda la pagina */
a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #711313;
	text-decoration: none;
}
	
a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #711313;
	text-decoration: none;
}

a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CC9900;
	
}
a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #711313;
	text-decoration: none;
}