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



img{margin:0; border:none;}
body{
	background-color:#EFEFEF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
}

a{text-decoration:none}

.clear{clear:both;}
.flft{float:left;}
.frt{float:right;}

#contenedor{
	margin:auto;
	width:900px;
	-webkit-box-shadow: 5px 4px 8px rgba(45, 50, 50, 0.77);
-moz-box-shadow:    5px 4px 8px rgba(45, 50, 50, 0.77);
box-shadow:         5px 4px 8px rgba(45, 50, 50, 0.77);
background-color:#fff;
}

#contenedorsec{
	margin:auto;
	width:900px;
	-webkit-box-shadow: -5px 4px 8px rgba(45, 50, 50, 0.77);
-moz-box-shadow:    -5px 4px 8px rgba(45, 50, 50, 0.77);
box-shadow:         -5px 4px 8px rgba(45, 50, 50, 0.77);}

#cabecera{
	background-image:url(../img/cabecera.jpg);
	height:165px;
	position:relative;
}

#toprecomendado {
	position:absolute;
	width:75px;
	height:75px;
	z-index:1;
	left: 789px;
	top: -4px;
}

#facebook {
	position:absolute;
	width:157px;
	height:30px;
	z-index:1;
	left: 710px;
	top: 77px;
}

#logo{
	position:absolute;
	width:212px;
	height:150px;
	z-index:1;
	left: 17px;
	top: 16px;
}



#menusup{
	float:right;
	width:780px;
	margin-top:134px;
	background-color:#dcd8d5;
	border-bottom:solid 1px #bcbcbc;
}

ul#menu {
  margin: 0;
  border: 0 none;
  padding: 0;
width:600px;
  list-style: none;
  height: 25px;
  /*border:1px solid #eee;*/
  padding-bottom:5px;
  float:right;
  background-color:#dcd8d5
}

ul#menu li {
  width:93px;
  margin: 0;
  border: 0 none;
  padding-top:5px;
  padding-left:5px;  
  height: 20px;
  list-style: none;
  /*funcional*/
  float: left; 
  display: inline;
  /*referencia a la ul para ser su coordenada 0,0*/
  position: relative;
  font-size:13px;


}
ul#menu li.nivel{  border-left:solid 1px #bcbcbc;
  border-right:solid 1px #e9e5e2;}
ul#menu li{
	padding-bottom:5px; 
}
ul#menu li:hover{
	background:#b6a174;
}

ul#menu ul {
  margin: 0;
  border: 0;
  padding: 0;
  width: 160px;
  list-style: none;
  background: #eee;
  border: none;
  opacity: 0.8;
  -moz-opacity: 0.8;
  /*funcional*/
  display: none;/*hace que la ul no se vea*/
  position: absolute;
  top: 25px;/*coordenadas relativas a li*/
  left: 10px;
  z-index:10;
  
}


ul#menu ul li {
  width: 160px;
  float: left;
 display: inline;
}


ul#menu a {
  /*float: left; */
  display: block;
  color:#000;
  font-size:13px;
  text-decoration: none;
  padding-top:3px;
}


ul#menu a:hover {
color: #fff;

}

ul#menu li:hover ul{
  display: none;
}

ul#menu li:hover ul {
  display: block;
}
ul#menu .selected{
	color: #fff;
}


#pie{width:900px; height:100px; background-image:url(../img/pie.jpg)}
#pie a{color:#fff}
#pieinfo{float:left; padding:15px 10px 10px 30px; color:#fff}
#pieinfo p{margin-top:3px; margin-bottom:3px}
.textpiegrande{font-weight:bold; font-size:14px;}
ul#pielogos{float:left; width:550px; margin-right:20px; margin-left:10px; text-align:center; margin-top:25px; border-left:solid 1px #fff;/* margin-bottom:5px;/* height:65px;*/  vertical-align:bottom;position:absolute}
ul#pielogos li{ display:inline; float:left; list-style:none; margin-left:5px; margin-right:15px }
ul#pielogos li a{ display:block; position:relative;}
.logos{float:left; margin-left:20px;}
#pielogos p{color:#fff;}
.html{margin-top:34px;}


#contenido{
	width:880px;
	padding:10px 10px 20px 10px;}
	
.tituloindex{
	display:block;
	border-bottom:solid 1px #999;
	width:500px;
	margin-top:10px;
	font-size:22px
}

#contenidoprinc{
	width:880px;
	margin-top:10px; 
	padding-top:10px;
	padding-bottom:5px;
	-webkit-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.7);
	-moz-box-shadow:    0px 0px 5px rgba(50, 50, 50, 0.7);
	box-shadow:         0px 0px 5px rgba(50, 50, 50, 0.7);
}

h1{
	background-color:#b6a174; 
	width:150px; 
	font-size:22px; 
	margin-top:0px;
	margin-left:-15px; 
	padding-left:10px; 
	color:#fff;
	-webkit-border-top-right-radius: 100px;
-webkit-border-bottom-right-radius: 10px;
-moz-border-radius-topright: 100px;
-moz-border-radius-bottomright: 10px;
border-top-right-radius: 100px;
border-bottom-right-radius: 10px; 
	border-bottom:solid 1px #7b6e52;}
	
h2{display:block; width:100%; border-bottom:solid 1px #333; font-size:16px}

.textos{margin: 10px 20px 20px 20px; text-align:justify}
.textos a{color:#333; font-weight:bold;}
.textos img{margin-left:25px; margin-bottom:10px}

.textoindex{
	width:654px;
	height:280px;
	padding:10px 30px 10px 20px;
	text-align:justify;
	float:left;
}

#columizq{float:left; width:150px; border-left:solid 1px #a79267; padding:5px 5px 0 5px; text-align:center;  margin-right:15px; margin-top:10px;}
#columizq img{margin-bottom:10px; }


#contacto{margin-top:10px; margin-left:100px}
#contacto label{font-weight:bold}
#contactoizq{float: left; width:200px; /*margin-top:1.4em*/}
#contactoizq input{width:168px; border:solid 1px #b6a174; border-top:solid 1px #7b6e52}
#contactoizq select{width:173px; border:solid 1px #b6a174; border-top:solid 1px #7b6e52}
#contactoizq label{display:block; margin-left:-5px;}
#contactoder{float: left; margin-left:30px}
#contactoder label{display:block}
#contactoder textarea{border:solid 1px #b6a174; border-top:solid 1px #7b6e52}
.inputs{margin-bottom:15px; /*text-align:right;*/}
#button{display:block; margin-top:12px; border:solid 1px #7b6e52; background-color:#b6a174; color:#fff}


.tabla{width:400px; border:solid 1px #666; float:left;}
.tabla td{border-bottom:solid 1px #333; border-right:solid 1px #333; }
.tabla th{background-color:#b6a174; color:#fff; text-align:center; border-bottom:solid 2px #333; border-right: solid 1px #333;}