/* /////////// FONT CONFIGURATION BY JAMES /////////// */
html, body, div, span, p, a, input, textarea, select, h1, h2, h3, h4, h5 { font-family:Arial, Helvetica, sans-serif; }
/* /////////// FONT CONFIGURATION BY JAMES /////////// */

/* elementos basicos */
body {
	background: #f0f5df;
	color:#4d5051;
	font-size:12px;
	margin:0;
}
.derecha { float: right; }
.izquierda { float: left; }
.contenido { padding: 6px 16px 6px 0; }
.interior { padding: 4px 0 4px 4px; }
.iso{padding:15px; text-align:justify;}
.centro{ padding:3px;}
h5 {
	color:#0f67a8;
	font-size:18px;
	margin:0;
}
h2 {
	color:#83c61e;
	font-size:13px;
	margin:0;
}
h3 {
	/*color:#83c61e;*/
	/*color:#5e9113;*/
	color:#0f67a8;
	font-size:13px;
	margin:0 0 3px 0;
}
h4 {
	color:#4d5051;
	font-size:10px;
	margin:0 0 3px 0;
}
a {
	color:#83c61e;
	font-size:10px;
}


a:link, a:visited {
	color:#83c61e;
	text-decoration:none;
	font-size:11px;
	cursor:pointer;
}
a:hover {
	color:#4d5051;
	font-size:11px;
}
/* divs especificos */

#container {
	border:none;
	margin:auto;
	padding:10px;
	border:0;
	width:920px;
}

#superiorContainer {
	background:url(../../images/misc/sup.png) repeat-x;
	height:15px;
}

#mainizq {
	background: #ffffff url(../../images/misc/izq.png) repeat-y left;
	margin:0;
	padding:0;
	height:auto;
}
#mainder {
	background: #ffffff url(../../images/misc/der.png) repeat-y right;
	margin:0 0 0 15px;
	padding: 0 15px 0 0;
}

#inferiorContainer {
	background:url(../../images/misc/inf.png) repeat-x;
	height:15px;
}
#menu {
	width: 245px;
	height:374px;
	margin:0;
	padding:0;
	background:#006db0;
	position: relative;
	z-index:300;
	/*top: 302px;*/
	}
	
* html #menu{ border-top:#006db0 solid 2px; height:425px;}
	
* + html #menu{  border-top:#006db0 solid 2px; height:394px;}

 
#main {
	width: 636px;
	height:388px;
	padding:0;
	margin: -375px 0 0 252px;
	}
	
html>body #main {min-height: 370px;height: auto !important; }

#interno {
	width: 636px;
	margin: 0 0 0 252px;
}
#interior {

	margin-bottom:6px;
	background-color: #e0e9f1;
	padding-left:5px;
}
#interiorbla {
	background-color:#ffffff;
	margin-bottom:6px;
	color:#0f67a8;
}
#main2 {
	width: 251px;
	margin: -52px 0 0 165px;
	position:absolute;
	top: 330px;
	left: 277px;
}
html>body #main2 {
	margin: -52px 0 0 148px;
} 
#logo {
	width:891px;
	height:53px;
	margin:0;
	padding:0;
	/*background: #005094;*/
}

#banner{
	width:890px;
	height:224px;
	margin:0;
	padding:0;
	}

* html #banner{ margin:-3px 0 0 0;}



#searchDer {
    width:626px;
	height:36px;
	margin:0 5px 3px 0;
	padding:3px 3px 5px 8px;
	font-size:12px;
	color: #E4E4E4;
	text-align:left;
	background:url(../../images/banner/busca.jpg) no-repeat;
	/*	float:left;*/
	/*position: relative;
	z-index:0;*/
	}
	
* + html #searchDer{ margin-top:-20px;}
	
#searchDer img{
	padding:5px 0 3px 20px;}

#seccion{
	
	width:616px;
	height:15px;
	padding:10px;
	margin:-15px 0 5px 0 ;
	background:#e0e9f1;
	
	}
		
	
#busca {
	width:78px;
	height:22px;
	margin:5px 10px 0 20px;
	padding:0 ;
	color:#fff;
	border:0;
	background: url(../../images/botones/buscarH.jpg);
	cursor:pointer;
	}
	
select{
	width:250px;
	border:none;
	font-size:11px;
	}

input{
margin: 0 25px 0 5px;
height:15px;
border:none}
	
#cambios { 
	width: 636px;
	margin: 0;
	padding-top:2px;
	}

html>body #cambios {min-height: 335px;height: auto !important; }

#cambios a:link, #cambios a:visited {
	font-size:12px;
	text-decoration:none;
	color: #0f67a8;
	font-weight:bold;
	
}

#cambios a:hover{
	color: #FF9E24;
	font-size:12px;
	}

#cambios img{
	text-decoration:none;
	border:none;}

#imgh{
	float: left;
	width:370px;
	height:329px;
	background:#e0e9f1;
	padding:6px;
	margin-top:3px;
	
}

#plasta{
	width:635px;
	height:360px;
	padding:0;
	margin:0;
	background:#e0e9f1;
	text-align:right;
}

html>body #plasta {min-height: 360px;height: auto !important; }

#plasta table td{
width:75px;
	height:30px;
	margin:10px 10px 30px 10px;
	background: #fff;
	text-align:center;
	padding-bottom:0;
	margin-top:5px;
	height:50px;}


/*#plasta table td{
	text-align:center;
	padding-bottom:0;
	margin-top:5px}*/
	
#plasta h3{

	text-align:left;
	padding:10px;
	font-size:14px;}
	
.nameColor{
	width:108px;
	min-height:28px;
	padding:1px 0 0 0;
	margin:25px 0 0 0;
	color:#666666;
	font-size:11px;
	font-style:italic;
	background:#e0e9f1;
	height:auto;
	}
	
.imgCat{
	margin:150px 50px 0 0;
	}

#consejos { 
	width: 220px;
	background: #ffffff;
	margin: 1px 0 0 384px;
	padding:0;
		
}

* html #consejos{ margin-top:-345px;}
.consejo1 {
	width: 225px;
	height: 125px;
	font-size: 10px;
	color: #4d5051;
	background: #e0e9f1;
	padding:10px 10px 11px 10px;
	border:solid 3px  #fff;
}

* + html .consejo1 {height: 127px;}

.consejo2 { 
	width: 220px;
	height:55px;
	font-size: 10px;
	background: #fff;
	padding:5px 0 5px 0;
}
.consejo3 { 
	width: 220px;
	height:70px;
	font-size: 17px;
	background: #fff;
	padding:5px 5px 5px 5px;
	display:block;
}
#catalogo { 
	width: 250px;
	height: 55px;
	margin: 8px 0 0 383px;
}
#promociones { 
	width: 250px;
	height: 55px;
	margin: 8px 0 0 383px;
}
#busquedaP{
	width:195px;
	height:190px;
	padding-top:25px;
	margin:-50px  0 0 428px;
	background:#e0e9f1;
	position:absolute;
	border-bottom:#FFFFFF solid 5px;
	border-left:#FFFFFF solid 5px;
	
	}
	
html>body #busquedaP {min-height: 200px;height: auto !important; }

#busquedaP input{
margin: 5px auto;

border:none}
	
#button {
	color:#666;
	border: 0;
	background: url(../../images/botones/buscar.jpg);
	margin:0;
	padding:0;
	cursor:pointer;
	
	height:22px;
	width:77px;
	}

	
.button2 {
	color:#fff;
	border: 0;
	background: url(../../images/botones/buscarH2.jpg);
	margin:0;
	padding:0;
	cursor:pointer;
	
	height:22px;
	width:106px;
	}
	
	
#colores{
	float:right;
	width:265px;
	height:335px;
	padding:7px;
	margin:0 0 5px 5px;
	background:#e0e9f1;	
}

html>body #colores {min-height: 325px;height: auto !important; }

#paletaCol{
	width:625px;
	float:left;
	border-bottom:solid 5px #e0e9f1;
	margin: 0 0 5px 0 ;
	border-left:solid 5px #e0e9f1;
	padding-right:5px;
	background:#e0e9f1;
}

#imgC{
	width:344px;
	height:298px;
	float: left;
	text-align:center;
	padding:3px;
	background:#e0e9f1;
	margin-bottom:10px;
			}

html>body #imgC {min-height: 325px;height: auto !important; }

#imgC img{
	border-color:solid 5px #e0e9f1;
	text-align:center;}
	
#preguntas{
	width:408px;
	padding:7px;
	text-align:justify;
	margin:0 0 5px 0;
	padding-right:220px;
	background:#e0e9f1;
	}

		
#nosotros{
	
	width:621px;
	padding:7px;
	text-align:justify;
	margin:0 0 5px 0;
	background:#e0e9f1;	
}
html>body #nosotros {min-height: 300px;height: auto !important; }
	
#nosotros img{ 
	width:625px;
	height:auto;
	
	padding: 0 0 5px 0;
	margin:0 0 0 -2px;}	
	
#imgNos{
	width:625px;
	height:auto;
	border:solid 5px #e0e9f1;
	padding:0;
	margin:0;
		}
#diccion{
	width:400px;
	height:350px;
	background:#e0e9f1;
	padding:10px;
	margin:0 0 5px 0;
	float:left;}
html>body #diccion {min-height: 365px;height: auto !important; }
	
#img diccion{
	text-align:center;}
	
#contac{
	width:400px;
	height:300px;
	padding:0 10px 30px 0;
	margin:0 0 5px 0;
	float: right;}
html>body #diccion {min-height: 300px;height: auto !important; }
	
#lista{
	width:295px;
	height:255px;
	font-size:12px;
	padding:15px 5px 5px 20px;
	margin:0;
	background:#e0e9f1;
	float: right;
	text-align: left;
	}
	

#lista a:link, #lista a:visited {
	font-size:12px;
	text-decoration:none;
	color: #666666;
}

#lista a:hover{
	color:#83c61e;
	}
	
#footer { 
	width:891px;
	height: 41px;
	margin-top:15px;
	clear:both;
	background:url(../../images/plecas/power.jpg) no-repeat top left;
}

#footer  p {
	color:#FFFFFF;
	font-size:9px;
	padding:18px 0 0 150px} 
	
#footer  a:link, a:visited, a:hover{
	color:#83c61e;
	font-size:9px;}
	
#datosTec{
	width:270px;
	height:200px;
	background:#e0e9f1;
	padding:40px 0 15px 20px;
	float:right;
	text-align:left;
	margin: 0 15px 0 0;
}
.bin{
	padding:2px 2px 2px 10px;
	vertical-align:middle;
}

#imgTec{
	width:291px;
	height:215px;
	padding:30px 0 0 20px;
	margin:0;
	

	text-align:center;
}

#botones{
	width:126px;
	margin:0 0 0 150px;

}
#descripcion{
	width:266px;
	height:285px;
	padding:18px 15px 18px 30px;
	margin:0 0 5px 0;
	text-align:justify;
}
html>body #descripcion {min-height: 285px;height: auto !important; }

#descripcionDer{
	width:270px;
	height:550px;
	padding:18px 30px 18px 0;
	margin:0;
	text-align:justify;
	
	
}
html>body #descripcionDer {min-height: 550px;height: auto !important; }
#azul{
	width:636px;
	background:#e0e9f1;
	height:654px;
	margin-bottom:5px;
}

html>body #azul {min-height: 654px;height: auto !important; }

#contacto .estatico {
	vertical-align:top;
	text-align:right;
	padding:7px 5px 0px 0px;
	width:153px;
	background-color:#c9e0c9;
}
#contacto .dinamico {
	text-align:right;
}
#contacto .input {
	background-image:url(../../images/misc/input.jpg);
	background-repeat:repeat-x;
	padding:6px 5px 0px;
	height:17px;
	width:238px;
	border:1px solid #83c650;
}
#contacto .textarea {
	background-image:url(../../images/misc/textarea.jpg);
	background-repeat:repeat-x;
	padding:6px 5px 0px;
	height:92px;
	width:238px;
	border:1px solid #83c650;
	font-size:10px;
}
.volver {
width:620px;
text-align:right;
	font-size:10px;
	font-style:italic;
	color:#000;
	clear:both;

	margin:5px 0 0 0;
	padding:1px 10px 2px 5px;
	background:url(../../images/botones/gel_glass-botones.jpg) no-repeat right;
	background-color:#e0e9f1;
}

.volver2 {
text-align:right;
	font-size:10px;
	font-style:italic;
	color:#000;
	z-index:997;
	position:absolute;
	margin:7px 0 0 0;
	padding:0 15px 2px 198px;
	background:url(../../images/botones/gel_glass-botones.jpg) no-repeat right;
	background-color:#e0e9f1;}
	
.link {
	padding:1px 15px 3px 15px;
	background: #FF0000;
	color:#FFFFFF;
	text-decoration:none;
	margin:0 0 0 30px;
}

.pagina {
	margin:0;
	padding:0;

	/*background-color:#e0e9f1;*/
}
/*::::::::::::::::::::::::::para que se desplace::::::::::::::::::::::::::*/


#menunav {
 margin:0;
 padding: 0;
 position:relative;
 z-index:5500;
 }
#menunav li{ margin-bottom:10px;}

#menunav li a, #menunav .menuon:active{
  	/*height: 32px;*/
   	voice-family: inherit;
	height: 20px;
	text-decoration: none;
	}
	
* + html #menunav li a { font-size:14px; font-weight:bold !important; width:auto; padding: 8px 0 3px 55px;}
* html #menunav li a { height:25px}
	
#menunav li a:link {
	
	/*color: #9E3C02;*/
	color:#FFFFFF;
	display: block;
	background:#006db0 url(../../images/menu/menu4.gif);
	padding: 8px 0 0 55px;
	margin:0;
	}
#menunav li a:hover {
	color: #83c61e;
	background:#006db0 url(../../images/menu/menu4.gif) 0 -32px;
	padding: 8px 0 0 55px;
	margin:0;
	}
	
#menunav li a:active {
	color: #fff;
	background:#006db0 url(../../images/menu/menu4.gif) 0 -64px;
	padding: 8px 0 0 55px;
	margin:0;
	}

#menunav li {
	list-style-type: none;
	margin: 0;
 	padding: 0;
	background-image:#006db0  url(../../images/menu/menu4.gif) ;
	
}

* + html #menunav li a:link, * + html #menu4 li a:visited, * + html #menunav li a:hover, * + html #menunav li a:active{ padding: 8px 0 3px 55px; font-weight:bold; }

#menunav ul{ background:#006db0 }

#menunav ul li a {
 
  	voice-family: inherit;
  	text-decoration: none;
	 font-size:12px;
	 margin:0;
	 padding:10px 0 0 25px;
	 height:25px;
	 background:#006db0;
	}
	
* + html #menunav ul li a { font-size:11px; font-weight:bold; width:auto}

#menunav ul li a:link, #menu4 ul li a:visited {
	display: block;
	/*color: #9E3C02;*/
	color:#FFFFFF;
	display: block;
	background: #006db0 /*url(../../images/menu/menu8.gif)*/;
	padding: 10px 0 0 25px;
	}

* + html #menunav ul li a:link, * + html #menu4 ul li a:visited {
	margin-top:-2px;
	margin-bottom:-2px;
	padding:10px 0 0 25px;
	}
	

	
#menunav ul li a:hover {
	color: #83c61e;
	background: #006db0  /*url(../../images/menu/menu8.gif) 0 -25px*/;
	padding: 10px 0 0 25px;
	}
	
#menunav ul li a:active {
	color: #fff;
	background: #006db0 /*url(../../images/menu/menu8.gif) 0 -51px*/;
	padding: 10px 0 0 25px;
	}

#menunav ul li {
 list-style-type: none;
 margin: 0;
 padding: 0;
background-image: #006db0  /*url(../../images/menu/menu8.gif)*/;
background-repeat: repeat-x;


 /*border-bottom: 1px solid #0074E3;
 background-color: #0074E3;*/
}

* + html #menunav ul li {width:auto; padding-right:10px}


#menunav ul {
 margin: 0;
 padding: 0;
 z-index: 10000;
}


#menunav a {
 display: block;
 text-decoration: none;
 background-color: transparent;
 padding: 8px 0 0 55px;
 color: #ffffff;
 font-size:14px;
 font-family:Verdana, Arial, Helvetica, sans-serif;

}
/*controla la botonera */
#menunav a:hover, #menunav a:active, #menunav a:focus,
#menunav .menuon, #menunav .menuon:hover, 
#menunav .menuon:active {
 color: #83c61e;
 background-image:  url(images/menu/menu4.gif);
 background-repeat: repeat-x;
}
#menunav .menumark, #menunav .menumark:hover {
 font-weight: lighter;
}
/*Controlan los links y la imagen de flecha */
/*the normal trigger link */
#menunav .menutrg, #menunav .menutrg:hover, #menunav .menutrg:active {
 	color: #fff;
	background: url(images/menu/menu4.gif);
	background-repeat: no-repeat;
	padding: 8px 0 0 55px;
}
#menunav .menutrg:hover {
/* background-position: right center;*/
background: url(images/menu/menu4.gif) 0 -32px;
 background-repeat: no-repeat;
}
/*controla el desplazamiento y alcance de los submenus */
#menunav .menuhide {
 left: -9000px;
 border: 0;
}
#menunav .menushow {
 left:22px;
 z-index: 20000;
 opacity: .90;
 filter: alpha(opacity=90);
 width:220px;
}

* + html #menunav .menushow { width:auto}
/*modifica el menu madre
#sidebar {
	font-size: 0.95em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width: 245px;
	position:absolute;
	z-index:999;
	
	
} */