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




body {
	margin: 0;
	padding: 0;
	height: 100%;
	background: black url(images/backmain.jpg) no-repeat fixed center;
}
html{
	font: 0.7em/1.6em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #398eb5;
}
p{
	margin: 0 0 10px 0;
}




.centrar{
	position: absolute;
	/*nos posicionamos en el centro del navegador*/
	top:50%;
	left:50%;
	width: 950px;
	/*indicamos que el margen izquierdo, es la mitad de la anchura*/
	margin-left:-475px;
	/*determinamos una altura*/
	height:550px;
	/*indicamos que el margen superior, es la mitad de la altura*/
	margin-top:-270px;
	border:1px solid #808080;
	background: #bcbcbc url(images/bgmain.jpg) repeat-x;
}

h1,h2,h3,h4 {
	font-size: 1.5em;
	margin: 0;
}

.h1nombre{
	font-size: 1.2em; 
	margin-left: 38px; 
	color: #594D43;
}
/*menu*/
#menu{
	list-style: none;
  	padding: 0;
  	margin-top: 15px;
  	margin-left: 0px;
	width: 192px;
	height: 353px;
	background-image: url(images/back_menu.png);
	position: relative;
}
#menu span {
  display: none;
  position: absolute;
}
#menu a {
  text-indent: -600%;
  position: absolute;
  outline: none;
  width: 100px;
}
#menu a:hover{
  background-position: left -69px;
  
}
#menu a:active{
  background-position: left -69px;	
}
#menu a:hover span {
  display: block;
}
#menu .sobre {
  width: 250px;
  height: 70px;
  background: url(images/sobre.gif) no-repeat;
  left: -9px;
  top: 2px;
}

#menu .sobreon{
  width: 250px;
  height: 70px;
  background: url(images/sobre.gif) no-repeat;
  left: -9px;
  top: 2px;
  background-position: left -69px;
  cursor:default;
}

#menu .info {
  width: 250px;
  height: 70px;
  background: url(images/info.gif) no-repeat;
 left: -9px;
  top: 58px;
}
#menu .infoon {
  width: 250px;
  height: 70px;
  background: url(images/info.gif) no-repeat;
  left: -9px;
  top: 58px;
  background-position: left -69px;
  cursor:default;
}

#menu .catalogo {
  width: 250px;
  height: 70px;
  background: url(images/catalogo.gif) no-repeat;
  left: -9px;
  top: 113px;
}
#menu .catalogoon {
  width: 250px;
  height: 70px;
  background: url(images/catalogo.gif) no-repeat;
  left: -9px;
  top: 113px;
  background-position: left -69px;
  cursor:default;
}

#menu .servicios {
  width: 250px;
  height: 70px;
  background: url(images/servicios.gif) no-repeat;
  left: -9px;
  top: 169px;
}
#menu .servicioson {
  width: 250px;
  height: 70px;
  background: url(images/servicios.gif) no-repeat;
  left: -9px;
  top: 169px;
  background-position: left -69px;
  cursor:default;
}
#menu .clientes {
  width: 250px;
  height: 70px;
  background: url(images/clientes.gif) no-repeat;
  left: -9px;
  top: 225px;
}
#menu .clienteson {
  width: 250px;
  height: 70px;
  background: url(images/clientes.gif) no-repeat;
  left: -9px;
  top: 225px;
  background-position: left -69px;
  cursor:default;
}

#menu .contacto {
  width: 250px;
  height: 70px;
  background: url(images/contacto.gif) no-repeat;
  left: -9px;
  top: 281px;
}
#menu .contactoon {
  width: 250px;
  height: 70px;
  background: url(images/contacto.gif) no-repeat;
  left: -9px;
  top: 281px;
  background-position: left -69px;
  cursor:default;
}

.menuinfo h3{
	font-size: 12px;
}

#izq {
	float: left;
}

#logo {
	width: 159px;
	margin-top: 10px;
	margin-left: 10px;
}

#der {
	float: right;
	height: 500px;
	width: 700px;
}

#contenido{
	margin-right: -21px;
	width: 727px;
	float: right;
}

.titulo {
	width: 238px;
	height: 20px;
	/*background-color: white;*/
	background-image: url(images/bg_tabla.png);
	position: absolute;
	left: 255px;
  	top: 140px;
  	padding: 10px;
}

/* estilos de infoproducto */
.h1white {
	color: white;
}
.h2white {
	color: white;
	font-size: 1.3em;
	letter-spacing: 0em;
}
.secciontit {
	float: right;
	height: 20px;
	background-color: #594d43;
	position: relative;
  	padding: 10px;
  	z-index: 5;
	margin-top: 20px;
	margin-right: 20px;
}
.infotit {
	margin: 20px 20px 0 0;
	height: 20px;
	/*background-color: white;*/
	background-image: url(images/bgtit2.png);
	position: relative;
  	padding: 10px;
  	z-index: 4;
}
#der .infofondo{
	width: 510px;
	height: 500px;
	position: absolute;
	right: 0;
	z-index: 2;
}
.menuinfo a{
	color: white;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: 0em;

}
.menuinfo ul{
	position: relative;
	top: 74px;
	left: 0;
	margin-top: 0;
	margin-left: -45px;
	width: 250px;
	float: left;
	z-index: 1;
}
.menuinfo  ul li {
	display: block;
    padding: 10px 7px; /*Separar el texto*/
    margin:5px; /* Separar los botones */
    background-image: url(images/bgtit2.png);
}


/*.menuinfo ul li:hover {*/
        /*background-color:#CCCCCC;*/ /* Color de fondo sobre el boton */
        /*cursor: pointer;*/ /* cambiar el aspecto del puntero */
/*}*/
.textoinfo {
	margin: 0 20px 20px 0;
	width: 380px;
	height:320px;
	background-image: url(images/bg_tabla.png);
	position: relative;
	float: right;
  	top: 20px;
  	color: #375d80;
	padding: 10px;
	overflow: auto;
	z-index:4
}

/* fin de infoproducto */

#botonera{
	width: 710px;
	height: 50px;
	/*background-color: white;*/
	position: absolute;
	left: 254px;
  	top: 5px;
	background: url(images/back_links.png) no-repeat;
}

#botonera ul li {
        display: inline;
        padding: 3px 7px; /*Separar el texto*/
        margin:1px; /* Separar los botones */
        /* background-color:#E4E4E4;t */ /* Color de fondo */
}

#botonera li a {
	font-weight: bold;
	text-decoration: none;
	color: #398eb5;
}

#botonera ul{
       padding-top: 3px;
       margin-left: -34px;
}

/*botonera 2 para probar con el jquery*/

div.sc_menu {
		/* Set it so we could calculate the offsetLeft */
		position: absolute;
		margin: 4px 10px;
		height: 49px;
		width: 702px;
		overflow: auto;
		background: url(images/back_links.png) no-repeat;	
		
	}
	ul.sc_menu {
		display: block;
		height: 28px;
		/* max width here, for users without javascript */	
		width: 1500px;	
		padding: 13px 0 0 5px; 
		/* removing default styling */
		margin: 0;
	
		list-style: none;
	}
	.sc_menu li {
		display: block;
		float: left;	
		padding: 0 4px;
	}
	.sc_menu a {
		display: block;
		text-decoration: none;
		font-weight: bold;
		text-decoration: none;
		color: #398eb5;
	}
	.sc_menu span {
		display: block;
		margin-top: 3px;
		text-align: center;
		font-size: 12px;	
		color: #398eb5;
}
	.sc_menu a:hover span {
		display: block;
	}
	.sc_menu img {
		padding:3px;
		border: 0;
	}
	.sc_menu a:hover {
		filter: alpha(opacity=50);	
		/*opacity=50;*/
		opacity: 0.5;
	}
	
	.sc_menu h3{
		font-size: 12px;
	}
	
	.sc_menu h3.activo {
		color: #594D43;
		text-decoration: underline;
		background-color: #ECF5F9;
	}


	/* Here are styles for the back button, don't look at them */
	#back {
		display: block;
		width: 750px;
		text-align: center;
		color: #003469;
		font-size: 16px;
	}
	
/* aca termina la parte de botonera2 */

.texto {
	width: 238px;
	/*background-color: white;*/
	background-image: url(images/bg_tabla.png);
	position: absolute;
	left: 255px;
  	top: 193px;
  	color: #375d80;
	padding: 10px;
	overflow: auto;
}
.footer{
	padding: 0;
	clear: right;
	float: none;
	position:relative;
	text-align: center;
	background-color: #919191;
	color: white;
	font-size: 0.9em;
	margin-top: 5px;
}
.footer h3{
	font-size: 1.3em;
	margin-bottom: -3px;
}

.footer a {
	color: white;
	font-size: 0.8em;
}

/* POPOUT */
#popout {
    margin: 0;
    padding: 0;
    width: 320px;
    height: 350px;
    position: absolute;
    top: 200px;
    left: 0;
    z-index: -20;
    overflow: hidden; 
}
#popout a, #popout a img {
    text-decoration: none;
    border: 0;
    outline: 0; }
#popout a span {
    display: none; }
#popout #cap {
    width: 20px;
    height: 350px;
    position: relative;
    left: 0;
    z-index: 102; }
#popout a#close {
    position: absolute;
    top: 0;
    background: transparent url(transparent.gif);
    left: 230px;
    height: 30px;
    width: 80px; }
#popout #adbox {
    position: absolute;
    top: 10px;
    left: 20px;
    z-index: 101; }
#popout #adbox {
    margin-left: -300px;
}