@import url("reset.css");

html {

	height: 100%;

}

BODY {

	height: 100%;

	width:100%;

	font : 0.7em Helvetica;

	color : #000000;

	margin : 0px 0px 0px 0px;

	text-align: center;

	background: url(img/fondo.gif) repeat;

}

.contenedor{
	text-align: center;
	vertical-align: top;
	width: 882px;
	margin: auto;
	overflow: hidden;
	z-index: 0;
	display: block;
	background-color: #F2F2F2;
}

/*img{

	behavior: url(iepngfix.htc);

	width: auto;

	height: auto;

}*/

.top{



}

.top ul{

	text-align: right;

	font-size: 8pt;

	margin: 0px;

	height:24px;

	background: url(img/banda_naveg.jpg) repeat-x;

	font-weight: bold;

	padding: 5px 0 0;

}

.top ul li{

	display: inline;

	padding: 0 10px 0 2px;

	text-align: center;

}

.top ul li a{

	text-decoration: none;

	color: #CCCDD1;

}

.top ul li a:hover{

	color: #FFFFFF;

}

.top ul li.seleccion a{

	color: #CCCDD1;

}

.top ul li.seleccion a:hover{

	color: #CCCDD1;

}

.main{

	background-color: #F2F2F2;

	min-height: 500px;

	padding: 20px 10px 20px 15px;

}

.main ul{

	list-style-type: disc;

}

.main ul li{

	font-size: 9pt;

	text-align: left;

	margin: 15px;

	color: #838383;

}

.menu{

	float: left;

	width: 216px;

	background: #022C45 url(img/sombra_1px.gif) repeat-y right top;

	text-align: center;

	padding: 30px 0 0;

	margin-top: -20px;

}

.menu ul{

	margin: 0;

	list-style-position: inside;

	list-style-image: url(img/bullet.gif);

	background: url(img/naveg_abajo.gif) bottom left no-repeat;

	padding-bottom: 60px;

}

.menu ul li{

	border-top: 1px dotted #838383;

	text-align: left;

	padding: 5px;

	margin: 0;

	position: relative;

	width: 189px;

}

.menu ul li a{

	text-decoration: none;

	color: #CCCDD1;

	font-size: 8pt;

	font-weight: bold;

}

.menu ul li ul.primero, .menu ul li ul li ul.segundo{

	display: none;

	background: #022C45;

	left: 195px;

	margin: 0px;

	padding-bottom: 0;

	padding-left: 10px;

	*padding-right: 10px;

	position: absolute;

	top: -11px;

}

.menu ul li:hover ul.primero, .menu ul li ul.primero li:hover ul.segundo{

	display: block;

}

.menu ul li:hover{

	

}

.menu ul li:hover a{



}

.contenido{

	width: 70%;

	float: left;

	margin-left: 4%;

	text-align: left;

}

.producto{

	margin-top: 20px;

	text-align:left;

}

.producto img{

	margin: 20px 5px 5px 0;

}

.producto .link{

	border: 1px solid #034694;

	margin-bottom: 20px;

	padding: 5px;

}

.producto .link p a{

	color: #034694;

}

.lista{

	float: left;

	width: 25%;

	overflow-y: scroll;

}

.lista ul{

	list-style: none;

	margin-top: 5px;

}

.lista ul li{

	margin: 0 6px 10px 0;

}

.lista ul li a{

	color: #034694;

}

.submenu{

	float: left;

	width: 150px;

	margin: 20px 0 0 10px;

}

h1{
	text-align: left;
	border-bottom: 1px dotted #838383;
	margin-bottom: 20px;
	color: #360;
	font-size: 12px;
}

h1 a{

	color: #838383;

}

.ruta{

	margin-top: -15px;

	text-align: left;

}

.ruta a{

	color: #838383;

}

h2{

	text-align: left;

	color: #838383;

	margin:10px 0pt;

}

p.instit{
	text-align: left;
	font-size: 8pt;
	margin-top: 10px;
	color: #838383;

}

p.dist{

	font-size: 8pt;

	color: #838383;

}

.footer{

	background-color: #838383;

	color: #FFFFFF;

	padding: 2px 0;

	margin-bottom: 10px;
	height:19px;
	

}
.footer a {	
	text-align:left;
	margin-left:200px;}

.destacado{

	float: left;

	height:193px;

	margin:20px 5px 5px;

	padding:0px 10px 5px;

	width:184px;

}

.destacado h2{

	color: #022C45;

	text-align: left;

	font-size: 8pt;

	font-weight: bold;

}

.destacado1{	
}

.destacado2{
}

.destacado3{
}

.destacado4{
}

.rightMain{

	width: 215px;

	float: right;

	border-left: 1px solid #838383;

	min-height: 250px;

}

.estatica{

	margin: 0 40px 0 250px;

	color: #838383;

}

#productos{padding-left:250px;
text-align:left;
}

#not {
	width:387px;
	float:left;
	border-left:thin;}
#not2 {
	width:200px;
	float:left;
	padding-left:5px;}	

#productos h1 a {padding-left:15px;
float:right;
font-size:10px;}
#pro{float:left;
padding-left:20px;
padding-right:20px;
padding-bottom:20px;
padding-top:0px;
margin:2px;
border-color:#FDFDFD !Important;
border:outset;
border-width:1px;
width:92%;
text-align:left !Important;
}
#pro img{margin-bottom:3px;
margin-right:15px;}
#pro p {text-align:left;
}
#pro h1{
	font-size:15px;
	border-bottom:none;}
#pro p h2{
	font-size:12px;
	border-bottom:none;}	
#lll{}
#vermas{position:relative;
bottom:-3px;
bottom:10px;
right:-515px;
width:70px;
height:10px;
color:#03C;}
#minimizar{
	position:relative;
top:-140px;
right:-550px;
width:15px;
height:4px;
z-index:3;
}
#maximizar{
position:relative;
top:-45px;
right:-550px;
width:15px;
height:4px;
z-index:3;
}
#productos2{
text-align:left;}
#error, #error2, #error3, #error4{
	color:#900;
	font-size:9px;
}
#galeria{
	width:100%;
	padding-right:20px;
	text-align:center;
	}
	
#miniaturas{	
	
	background-color:#F4F4F4;
	height:100%;
	margin-left:5%;
	padding-top:20px;
	width:100%;
	text-align:center;}
#miniaturas img{
	float:left;	
	padding:5px;
	margin-bottom:10px;
	border: 1px solid #CCC;
	background-color:#FFF;
	/*background-image:url(Imagenes%20de%20muestra/flecha.png);*/
	background-position: center right;
	background-repeat:no-repeat;
	margin-left:50px;
	
	}
#tminiaturas{
	font-size:25px;
	font:"Helvetica", Trebuchet MS, Arial,  sans-serif;
	color:#999;
	background-color:#FFF;
	/*background-image:url(Imagenes%20de%20muestra/h1iz.jpg);
	background-position: center center;
	background-repeat:no-repeat;*/
	text-align:center;
	padding:5px;
	}
#grandes{
	background-color:#F4F4F4;
	height:auto;;
	width:620px;
	margin-left:25%;
	margin-right:20%;
	}
#grandes img{
	padding:5px;
	border: 1px solid #CCC;
	background-color:#FFF;
	margin-bottom:25px;
	}
#descrip{
	text-align:left;
	padding:25px;
	padding-top:150px;
	height:auto;}	
	#error {
	color: #900;
	font-size:14px;
}

#productos #error1{
	color:#900 !Important;}
#telefonos2{
	padding-top:50px;
	background-color:#F2F2F2;}