html,body {margin: 0; padding: 0;}
html,body, {height: 100%;}
body{min-height:100%;margin:0px;padding:0px;background-color:#000;font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;font-size:14px;color:#fff;text-align:center;}
table,tr,td{margin:0px;padding:0px;border-spacing:0px;}
img{text-decoration:none;background-color:transparent;margin:0px;padding:0px;border:0px;z-index:-1;}

.table {width:891px;border-bottom:1px solid #fff;margin-top:12px;}
.table .td ,.tabla .celda{float:left;padding-left:0%;overflow:hidden;}
.table .td table{border-collapse:collapse;border-spacing:1;}
.table .td table td{overflow:hidden;border:1px solid #fff;}
td{border:solid 1px #fff;overflow:hidden;}
#tdnaranja{width:334px;height:153px;border-right:solid 1px #fff;}

#menu{z-index:999999999;}
ul#principal{list-style-type:none;width:896px;margin:auto;margin:0px;padding:0px;}
li.primernivel{float:left;width:223px;margin:0px;height:24px;}
.listadesplegable{height:auto;list-style-type:none;text-align:left;border:solid 0px #fff;padding-top:0px;overflow:hidden;z-index:999;display:none;background-color:#000;}
.listadesplegable ul{margin:0px 2px;padding:0px;height:25px;z-index:999;}

#contenedor{width:900px;height:545px;margin:0px auto;padding:0px;text-align:center;position:relative;vertical-align:middle;display:table-cell;}
#menu{height:24px;border:solid 1px #fff;background-color:#4d4d4d;}
#contenido{height:498px;margin-top:10px;border:solid 1px #fff;}
#contenido table{width:100%;margin:0px;padding:0px;border-collapse:collapse;}

#mosaicos{width:368px;background-color:#929292;height:340px;}
#mosaicos table{border-collapse:collapse;border-spacing:1;}
#mosaicos table td{width:92px;overflow:hidden;border:1px solid #fff;}
#mosaicos img{margin:0px;padding:0px;border:0px;height:85px;}
.mosaico{padding:0px;height:86px;overflow:hidden;}
.mosaicogris{background-color:#999;}
#gfx{background-color:#222;border-bottom:1px solid #fff;height:330px;overflow:hidden;}
#gfx div{margin:0px;padding:0px;}
#gfx img{margin:0px;padding:0px;width:525px;height:340px;position:absolute;top:0;left:0;}
#s2klogo{background-color:#000;height:153px;}

#animacion{margin:0px;width:525px;height:340px;position:relative;}

#animacion img{position:absolute;top:0;left:0;z-index:8;opacity:0.0;}
#animacion img.active{z-index:10;opacity:1.0;}
#animacion img.last-active{z-index:9;}



	/* remove the list style */
	#nav {
		margin:0; 
		padding:0; 
		list-style:none;
	}	
	
		/* make the LI display inline */
		/* it's position relative so that position absolute */
		/* can be used in submenu */
		#nav li {
			float:left; 
			display:block; 
			width:221px;
			background:transparent; 
			position:relative;
			z-index:5000; 
			margin:0px;
		}
		
		/* this is the parent menu */
		#nav li a {
			display:block; 
			padding:0px; 
			font-weight:700;  
			height:25px; 
			text-decoration:none; 
			color:#fff; 
			text-align:center; 
			color:#333;
		}

		#nav li a:hover {
			color:#fff;
		}
	
		/* you can make a different style for default selected value */
		#nav a.selected {
			color:#f00;
		}
	
		/* submenu, it's hidden by default */
		#nav ul {
			position:absolute; 
			left:0; 
			display:none; 
			margin:0 0 0 -1px; 
			padding:0; 
			list-style:none;
			border:solid 1 px #fff;
		}
		
		#nav ul li {
			width:224px; 
			float:left; 
			border-top:0px solid #fff;
		}
		
		/* display block will make the link fill the whole area of LI */
		#nav ul a {
			display:block;  
			height:25px;
			padding:0px; 
			color:#666;
		}
		
		#nav ul a:hover {
			text-decoration:underline;	
		}

		/* fix ie6 small issue */
		/* we should always avoid using hack like this */
		/* should put it into separate file : ) */
		*html #nav ul {
			margin:0 0 0 -2px;
		}

#quees{}
#quees td.img{width:364px;border-bottom:1px solid #fff;}
#quees img{margin:0px;padding:0px;}
#quees td.texto{text-align:justify;font-size:.9em;background-color:#6b7368;border-left:1px solid #fff;border-bottom:1px solid #fff;}
#quees td.texto div{margin:10px 10px;}
#quees td.cita{margin:0px;padding:0px;height:150px;background-color:#a5c400;}
#quees td.logo{width:364px;background-color:#000;border-left:1px solid #fff;border-right:1px solid #fff;}
#quees td.gris{background-color:#333;}
#celda{height:100%;width:896px;margin:0px auto;display:table;vertical-align:middle;}
#formacontacto td .ar{text-align:right;width:150px;}
#formacontacto td{width:200px;border:0px;padding:2px;}
.celda input,.celda select{width:175px;border:1px solid #8b8b8b;margin:0px;background-color:#fff;}
.celda p{margin:0px;padding:2px;}
.celda label{font-weight:bold;margin-right:3px;font-size:.9em;}
#contenedor{
	position:absolute;
	width:892px;
	height:535px;	
	top:50%;
	left:50%;
	margin-top:-267px;
	margin-left:-450px;
}
.foto{border:solid 1px #fff;background-color:#eee;}
.tablamosaicos{width:100%;border:1px solid #fff;}
.tablamosaicos .celdamosaicos,.fotomosaico{float:left;padding:0px;overflow:hidden;}
.mosaicogris img{margin:0px;padding:0px;}
.mosaicogris{overflow:hidden;}
#mosaico td{border:solid 1px #fff;}

/****************************************
*****************************************
****************************************/

#tablafotos{background-color:#929292;border-collapse:collapse;}
#tablafotos td{width:91px;height:84px !important;overflow:hidden;}
#tablafotos,#tablafotos td{border:1px solid #fff;}
#tablafotos img{margin:0px;padding:0px;}
.cuadro{padding:0px;margin:0px;background-color:#929292;}
#tablafotos div{margin:1px;}
.producto{height:auto;margin:0px;padding-bottom:0px !important;}
.producto img{margin-bottom:0px !important;}



/***********************************/
/***********************************/
/***********************************/
/***********************************/
/***********************************/
/***********************************/
.tabla2{width:100%;overflow:hidden;}
.renglon{overflow:hidden;}
.tabla2 .celdadiv{
 float:left;
 width:90px;
 height:84px;
 padding:0px;
 margin:0px;
}
.celdadiv img{background-color:#fff;}
.listadesplegable ul a:hover{background-color:#222;}