/* CSS Document */

*, html{margin:0; padding:0;}

body{
  font-family:Tahoma, Verdana;
  font-size:12px;
  background-color:#F7F7F6;
}

#container{
  position:relative;
  top:0px;
  left:0px;
  width:990px;
  margin: 0px auto;
}

#cabecera{
  position:relative;
  top:0px;
  left:0px;
  width:990px;
  height:276px;
  background: url(../images/cabecera.jpg) no-repeat top center;
}

ul#nav{
  position:relative;
  top:10px;
  left:200px;
  color:#FFFFFF;
  list-style:none;
  display:block;
}

ul#nav li{
  float:left;
  margin:10px 5px 0px 5px;
}

ul#nav li a{
  color:#FFFFFF;
  text-decoration:none;
  display:block;
  padding:5px 10px;

}


	#nav li ul{
		background:#232323;
	/*	border-left:2px solid #FE6533;
		border-right:2px solid #FE6533;*/
	/*	border-bottom:2px solid #FE6533;*/
		display:none;
		height:auto;
		filter:alpha(opacity=85);
		opacity:0.85;
		position:absolute;
		width:225px;
		z-index:200;
		/*top:1em;
		/*left:0;*/
		}
	#nav li:hover ul{
		display:block;
		}
	#nav li li {
		display:block;
		float:none;
		width:220px;
		}
	#nav li ul a{
		display:block;
		font-size:12px;
		font-style:normal;
		padding:5px 0px 5px 5px;
		margin:0px;
		text-align:left;
		color:#FFFFFF;
		}
	#nav li ul a.last{
	 background:url(../images/dobladillo.jpg) no-repeat bottom right;
	}

	#nav li ul a.last2{
	 background:url(../images/dobladillo2.jpg) no-repeat bottom right;
	}

		#nav li ul a:hover{
			background:#cccccc;
			color:#000000;
			opacity:1.0;
			filter:alpha(opacity=100);
			}

		#nav li ul a.last:hover{
	 background:#cccccc url(../images/dobladillo.jpg) no-repeat bottom right;	
   			color:#000000;
			opacity:1.0;
			filter:alpha(opacity=100);	
		}
		#nav li ul a.last2:hover{
	 background:#cccccc url(../images/dobladillo2.jpg) no-repeat bottom right;	
   			color:#000000;
			opacity:1.0;
			filter:alpha(opacity=100);	
		}

	#nav p{
		clear:left;
		}	
	#nav #current{
		background:url(../images/current-bg.gif) top left repeat-x;
		color:#ffffff;
		}
		
/*fin menu*/

#contenidosup{
  position:relative;
  top:0px;
  left:0px;
  width:990px;
  min-height:160px;
  background: url(../images/bottom-cajas.jpg) no-repeat bottom center;
  z-index:1;
}

#lineasup{
  position:relative;
  top:0px;
  left:0px;
  width:990px;
  height:22px;
  background: url(../images/top-cajas.jpg) no-repeat top center;
}
#fondocajas{
  width:990px;
  height:100%;
  background: url(../images/row-cajas.jpg) repeat-y top center;  
  z-index:-5;
}

#col1{
  position:relative;
  top:0px;
  left:0px;
  width:300px;
  margin:0 15px 15px;
  float:left;
  z-index:2;
}


#col2{
  position:relative;
  top:0px;
  left:0px;
  width:300px;
  margin:0 12px 15px;
  float:left;
  z-index:2;
}


#col3{
  position:relative;
  top:0px;
  left:0px;
  width:300px;
  margin:0 12px 15px;
  float:left;
  z-index:2;
}

#col1 img, #col2 img, #col3 img{
  position:relative;
  top:0px;
  left:0px;
  margin: 5px;
 /* border:1px solid rgb(255,102,102);*/
  float:right;
}

#col1 p, #col2 p, #col3 p{ 
margin: 5px 0;
}

.clear{
  clear:both;
}

.espaciador{
  clear:both;
  width:100%;
  height:100px;
}

.espaciador50{
  clear:both;
  width:100%;
  height:50px;
}

.espaciador25{
  clear:both;
  width:100%;
  height:25px;
}


img.desea{
  
}

#contenidoinf{
  position:relative;
  top:0px;
  left:0px;
  width:990px;
  min-height:360px;
  background: url(../images/row-cajainf.jpg) repeat-y center;
  z-index:-5;
}

#contenifoinfsup{
  position:relative;
  top:0px;
  left:0px;
  width:990px;
  height:32px;
  background: url(../images/cajainfsup.jpg) no-repeat top center;
  z-index:1;
}

#contenidoinfrow{
  position:relative;
  top:0px;
  left:0px;
  width:990px;
  min-height:260px;

  background: url(../images/cajainf.jpg) no-repeat bottom center;
  z-index:1;
}

#contenidoinfrow p, #contenidoinfrow h1, #contenidoinfrow h2{
  padding:5px 20px;
  z-index:2;
}

#contenidoinfrow img{
  position:relative;
  top:0px;
  left:0px;
  margin: 5px 20px;
  float:right;
}

#directorio{
  position:relative;
  top:0px;
  left:0px;
  width:90%;
  margin-left:auto;
  margin-right:auto;
}

#directorio ul li{
  list-style-position:inside;
  margin:5px 0px;
}

#footer{}
