/* -------- interaxmedia 2008 -------- */
/* CSS */
*{margin:0px;padding:0px;border:0px;}


html {height:100%; overflow-x:hidden; overflow-y:visible;}
body {	  
	       height:100%;
			
}

h1 {font-size:16px; font-weight:normal; }
h1 span {display:none; } 

/* --- header 
#header { height:7%; width:100%; background-color:#343127;}
#header .logo{background:url("../images/logo.jpg") no-repeat center center; margin-top:auto;margin-bottom: auto;width:40%;height:100%; float:left;}
#header .txt {width:15%; float:left;}
#header .txt p { padding-top:10px;  font-weight:100px; font-size:10px; color:#c0d62f; font-family:Verdana, Arial, Helvetica, sans-serif; }
#header .txt  a{
		color:	#c0d62f;
		cursor:	pointer;
		text-decoration:none;
		}
#header .txt  a:hover{
		color:	#ffffff;
		cursor:	pointer;
		text-decoration:none;
		}
#header .player{
	width:35%; float:left;
	}


A.menulink {
display: block;
text-align: left;
text-decoration: none;
font-family:arial;
font-size:8px;
color: #000000;
BORDER: none;

}

A.menulink:hover {
border: solid 1px #6100C1;
background-color:aqua;
}
*/
/* --- HEADER --- */
#header { background:#343127 url("../images/bckg_tope.jpg") repeat-x top; color:#c2d637; width:100%; height:55px;/*height:65px;*/}
#header h2 {background:url("../images/tope_logointeraxmedia.jpg") no-repeat; margin-top:18px; margin-left:50px; font-size:14px; width:266px; height:35px; float:left; } 
#header h2 a {text-decoration:underline; width:266px; height:35px; display:block;  }
#header h2 a span {display:none; } 


#header .mnutope { padding-top:20px; padding-right:10px; padding-left:10px;  width:auto; height:30px; text-align:right; float:right; display:block;  }
#header .mnutope .player {  margin-right:10px; width:100px; height:32px; float:left; }
#header .mnutope p {padding-top:10px; text-align:right; width:auto; font-size:11px; float:left; }	


/* CONTENEDOR PRINCIPAL */
#completo {width:100%; height:100%; z-index:100; background:#201D18;}
#completo  .copy { width:100%; height:20px; background:#201D18;  clear:both; }
#completo  .copy p {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#999689;}

#arriba {height:82%; width:100%; } /*81%*/
#change {display:none; height:81%; width:100%;}
#info  {height:	100%;text-align: center;width:	100%;}
#info1  {height: 100%;text-align: center;width:	100%;}
#info1 .cont{
height:	90%;
text-align: center;
width:	40%;
padding-left: 5%;
padding-top:2%;
float:left;
}
#info1 .image{
padding-top:2%; height:90%; width:55%;float: left;

}
#info .cont{
height:	90%;
text-align: center;
width:	40%;
padding-left: 5%;
padding-top:2%;
float:left;
}
#info .image{
 padding-top:2%; height:90%; width:55%;float: left;
}

/* scrollll*/
#info .scroll
{
  overflow:auto; border:0px;
 }
#info p  { padding-top:10px;font-weight:100px; text-align:left; font-size:11px; color:#333333; font-family:Verdana, Arial, Helvetica, sans-serif;}
#info h1 {padding-bottom:5px; font-size:16px; text-align:left; color: #FFFFFF; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif;  }

#info1 p  { padding-top:10px;font-weight:100px; text-align:left; font-size:11px; color:#cccccc; font-family:Verdana, Arial, Helvetica, sans-serif;}
#info1 h1 {padding-bottom:5px; font-size:16px; text-align:left; color: #c1d72e; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif;  }






#change .content  {height:	50%;width:	50%;}
#change .content p  {
color:	#b5b3a8;
font-family:	Verdana, Arial, Helvetica, sans-serif;
font-size:	10px;
font-weight:	100px;
padding-left:	5px;
padding-top:	7px;
}

#abajo {width:100%; background-color:#201D18; height:6%; }
/* 35px*/
#abajo .menu {margin-top:0px; height:auto; background:#343227;/*background:url(/images/back_menu.jpg) repeat-x;*/ }
#abajo .menu .opc { margin-left:auto; margin-right:auto; width:500px; height:36px; }
#abajo .menu .opc ul { display:inline; list-style-type:none; width:500px; height:36px;float:left; }
#abajo .menu .opc ul li { margin-right:1px; display:inline; list-style-type:none; width:90px; height:36px; float:left;  }
#abajo .menu .opc ul li a { padding-top:8px; background:url(/images/back_mnu.jpg) repeat-x; font-size:12px; color:#353128; font-weight:normal; text-align:center; width:90px; height:28px; display:block; list-style-type:none; text-decoration:none;  }
#abajo .menu .opc ul li a:hover { padding-top:8px; background:url(/images/over_mnu.jpg) repeat-x; width:90px; height:28px; display:block; cursor:pointer; font-size:12px; font-weight:normal; color:#FFF; text-align:center;  }
#abajo .menu .opc ul li.btnactivo { padding-top:8px; font-size:12px; color:#fff; font-weight:normal; text-align:center; width:90px; height:28px; background:url(../images/over_mnu.jpg) repeat-x; display:block; }
 

#cont { height:100%; width:100%; background-color:#373529;}
#fla { height:92%; width: inherit;}
#abajo .a { height:auto; width:100%;}
#abajo .a { height:auto; width:100%;}
#abajo .contenido {height:80%; background-color:#29261F; display: none;}
#abajo .bcont { height:202px; width:339px; margin-left:95px; position: absolute;}
#abajo .btxt { height:80px; width:339px;}
#abajo .bfla { height:110px; width:339px; }

#abajo .btxtlink  {
height:	100%;
width:	100%;
padding-left:3%;
padding-top: 1%;
}

#abajo  h2 {margin-top:0px; padding-left:40px; font-weight:bold; font-size:13px; color:#c0d62f; font-family:Verdana, Arial, Helvetica, sans-serif}
/*#abajo  p { padding-left:40px;padding-top:10px; font-weight:100; font-size:11px; color:#827a6a; font-family:Verdana, Arial, Helvetica, sans-serif}*/
#abajo .cat  {
color:	#887f6e;
display:	block;
float:	left;
font-size:	10px;
font-weight:	light;
height:	25%;
width:	90%;
padding-bottom: 3%;
}
#abajo .catImage{
	
	float:left;
	width:23px;
	height: 22px;
	}
#abajo .catComplet{
	float:left;
	width:	28%;
	padding-left:3%;

	}	

#abajo  h3  {
color:	#c0d62f;
font-family:	Verdana, Arial, Helvetica, sans-serif;
font-size:	11px;
font-weight:	bold;
margin-left:	3px;
}#abajo  .cat p  {
color:	#A19B8F;
font-family:	Verdana, Arial, Helvetica, sans-serif;
font-size:	10px;
font-weight:	100px;
padding-bottom:	20px;
padding-left:	5px;
padding-top:	3px;
}

#abajo .cat a  {
border-bottom:	1px;
color:	#c0d62f;
cursor:	pointer;
text-decoration:	none;
}

#abajo .cat a:hover  {
border-bottom:	1px;
color:	#FFFFFF;
cursor:	pointer;
text-decoration:	none;
}

#contnosotros { height:100%; width:100%; background:url(../images/fondo_madera.jpg);}
#contnosotros100 { height:100%; width:100%;}
#contnosotros .contnosotxt {padding-top:20px; padding-left:5%; float:left; width:40%;}
#contnosofla {height:100%; width:55%;float: left;}
#contnosofla100 {height:100%; width:100%;float: left;}


#contnosotros .scrollnosotros
{ padding:10px; 
 background:#fff; overflow-y:scroll; overflow-x:none; border:0px; height:85%;
-filter:alpha(opacity=80);
-moz-opacity:0.8; 
opacity:0.8; 
}

#contnosotros .contnosotxt p  { font-weight:100px; text-align:left; font-size:11px; color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif;}
#contnosotros h1 {padding-bottom:5px; font-size:16px; text-align:left; color: #56584d; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif;  }
  


#solution { height:100%; width:100%; background:url(../images/fondo-madera-oscura.jpg);}
#solution .solutiontxt {padding-top:2%; padding-left:5%;  float:left;height:90%;  width:40%;}
#solution p  { padding-top:10px;font-weight:100px; text-align:left; font-size:11px; color:#cccccc; font-family:Verdana, Arial, Helvetica, sans-serif;}
#solution h1 {padding-bottom:5px; font-size:16px; text-align:left; color: #c1d72e; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif;  }

#solution .solutionfla {
   padding-top:2%; height:90%; width:30%;float: left;padding-left:15%; }



  

#noti  {
padding-top:2%;
height:	60%;
width:	490px;
}


#noti .scroller  {
border:0px;
width:100%;
height:100%;
}
#noti .scroller a {
color:	#827a6a;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:	11px;
font-weight:	bold;
padding-left:	10px;
text-align:	left;
padding-top: 10px;
border: 0px;
display: block;

}

#noti .scroller a:hover{
		color:	#ffffff;
		cursor:	pointer;
		text-decoration:none;
		}

#noti .title {
border:0px;


}
#noti .title h5 {
color:	#c0d62f;
font-family:	Verdana, Arial, Helvetica, sans-serif;
font-size:	11px;
font-weight:	bold;
padding-left:	10px;
text-align:	left;
padding-top: 10px;

}
#noti .puntos {
 background: url("../images/pixel.gif");
 height:1px;
}

/* MAPA DEL SITIO*/
#fondoMap{background:url(../images/fondo-madera-oscura.jpg); height: 100%;width: 100%;}
#mapa {font-family:verdana, arial,sans-serif; font-size:11px;  margin:0px auto; padding: 2% 0 2% 2%; width:760px; height:inherit;  color:#fff; }
#mapa h2 {font-size:14px; float:left; }
#mapa h2 span {display:none;}
#mapa .mapatop { padding:5px 0px 1px 0px;  width:inherit; height:auto;  }
#mapa .mapatop p { padding-bottom:10px; padding-top:20px; background: url(../images/carpeta_pq.gif) no-repeat top; color:#fff;  border-bottom:1px dotted #fff;  text-align:center; width:90%; height:auto;  }
#mapa .mapatop p a { color:#fff; text-decoration:none; cursor:pointer;}
#mapa .mapatop p a:hover { color:#ccc; text-decoration:underline;}

#mapa .mapamod {  margin:0px auto; padding:0px 5px 10px 0px ; width:auto; height:auto; float:left;}
#mapa .mapamod p { padding:30px 5px 5px 5px; background: url(../images/carpeta.gif) no-repeat top; color:#fff;  text-align:center; width:auto; height:auto;  }
#mapa .mapamod p a { color:#fff; text-decoration:none;}
#mapa .mapamod p a:hover { color:#ccc; text-decoration:underline; cursor:pointer;}
#mapa .mapamod ul { width:inherit; height:auto; list-style-type:none;  }
#mapa .mapamod ul li.nivel1 { padding-left:20px; padding-bottom:3px; background: url(../images/bullet1.gif) no-repeat; background-position:2px 4px; color:#bed137; font-size:10px;  width:auto; height:auto; list-style-type:none;}
#mapa .mapamod ul li.nivel1 a { color:#bed137; text-decoration:none;  width:auto; height:auto; cursor:pointer;}
#mapa .mapamod ul li.nivel1 a:hover { color:#bed137; text-decoration:underline;  width:auto; height:auto; }
#mapa .mapamod ul li.nivel2 { padding-left:20px; padding-bottom:3px;  background-position:2px 4px; color:#fff; font-size:9px;  width:auto; height:auto; list-style-type:none;}
#mapa .mapamod ul li.nivel2 a { color:#fff; text-decoration:none;  width:auto; height:auto; cursor:pointer;}
#mapa .mapamod ul li.nivel2 a:hover { color:#ccc; text-decoration:underline;  width:auto; height:auto;}