body {
	margin: 0 auto;
	padding: 0;
	background-image: url("../img/fondoPagina.gif");
	font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif;
	text-align: center;	
}

/** Barra superior para cada área **/


div#contenedor {
	text-align: left;
	margin: 0 auto;
	padding: 23px 0 0 0;	
	width:770px;
}
div.solar {
	background: url("../img/fondoContenedor.gif") no-repeat;
}

div.electronica {
	background: url("../img/fondoContenedorElectronica.gif") no-repeat;
}

div.termoelectrico {
	background: url("../img/fondoContenedorTermoelectrico.gif") no-repeat;
}



div#uno {

	height: 572px;
	width: 356px;
	margin: 0 -4px 0 0;
	padding: 0;
	float: left;
	background: url("../img/separador.gif") #F4F4F4 left 182px no-repeat;
	border-right-style: solid;
	border-right-color: White;
	border-right-width: 1px;
	border-left-style: solid;
	border-left-color: #CDCDCD;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CDCDCD;
	border-bottom-width: 1px;	
	
	voice-family: "\"}\""; 
	voice-family: inherit;
	
	width: 353px;
	height: 580px;
}


div#uno,[JAC] {
	height: 570px;
}


div#uno h1 {
	margin: 0 0 1px 0;
	padding: 0;
}

div#uno h1 a {
	float: left;
	display: block;
	width: 193px;
	height: 184px;
	margin: 0;
	padding: 0;
	background: url("../img/logo.gif") left top no-repeat;
	text-decoration: none;
}


div#uno h1 a span {
	display: none;
	
}		

div#uno ul {
	margin:0;
	padding:0;
	position: relative;
	top:-1px;
}

div#uno ul, [JAC] {
	top:-2px;
}

/* /////////////////////////////////////////////////////////
			BOTONES MENU
///////////////////////////////////////////////////////////*/
div#contenedor div#uno ul {
	float:left;
	margin: 0;
	padding: 0;
}
@media all and (min-width: 0px){
   [ div#uno ul {top:-30px}]
}

div#contenedor div#uno ul li {
	display:inline;
	margin: 0;
	padding:0;
}

div#contenedor div#uno ul li a {
	display: block; 
	float:left;
	margin: 0;
	padding: 0;
}

/** Primer botón **/

div#contenedor div#uno ul li a#primero {
	width: 160px;
	margin: 0;
	padding: 0;
	background: url(../img/btn1.gif) 0 0 no-repeat;
	height: 37px;
}

div#contenedor div#uno ul.termoelectrico li a#primero {
	background: url(../img/btn1Termoelectrico.gif) 0 0 no-repeat;
	height: 47px;
}

div#contenedor div#uno ul.electronica li a#primero {
	background: url(../img/btn1Electronica.gif) 0 0 no-repeat;
	height: 63px;
}

div#contenedor div#uno ul li a#primero:hover{
	background-position: -160px 0;
}

div#contenedor div#uno ul li a#primeroclick {
	background: url(../img/btn1.gif) -160px 0 no-repeat;
	width: 160px;
	height: 37px;
}

div#contenedor div#uno ul.termoelectrico li a#primeroclick {
	background: url(../img/btn1Termoelectrico.gif) -160px 0 no-repeat;
	width: 160px;
	height: 47px;
}

div#contenedor div#uno ul.electronica li a#primeroclick {
	background: url(../img/btn1Electronica.gif) -160px 0 no-repeat;
	width: 160px;
	height: 63px;
}

/** Segundo botón **/

div#contenedor div#uno ul li a#segundo {
	clear: left;
	background: url(../img/btn2.gif) 0 0 no-repeat;
	width: 160px;
	height: 37px;
}

div#contenedor div#uno ul.termoelectrico li a#segundo {
	background: url(../img/btn2Termoelectrico.gif) 0 0 no-repeat;
	height: 47px;
}

div#contenedor div#uno ul.electronica li a#segundo {
	background: url(../img/btn2Electronica.gif) 0 0 no-repeat;
	height: 63px;
}

div#contenedor div#uno ul li a#segundo:hover {
	background-position: -160px 0;
}

div#contenedor div#uno ul li a#segundoclick {
	background: url(../img/btn2.gif) -160px 0 no-repeat;
	width: 160px;
	height: 37px;
}

div#contenedor div#uno ul.termoelectrico li a#segundoclick {
	background: url(../img/btn1Termoelectrico.gif) -160px 0 no-repeat;
	width: 160px;
	height: 47px;
}

div#contenedor div#uno ul.electronica li a#segundoclick {
	background: url(../img/btn2Electronica.gif) -160px 0 no-repeat;
	width: 160px;
	height: 63px;
}

/** Tercero botón **/

div#contenedor div#uno ul li a#tercero {
	clear: left;
	background: url(../img/btn3.gif) 0 0 no-repeat;
	width: 160px;
	height: 37px;
}

div#contenedor div#uno ul.termoelectrico li a#tercero {
	background: url(../img/btn3Termoelectrico.gif) 0 0 no-repeat;
	height: 47px;
}

div#contenedor div#uno ul.electronica li a#tercero {
	background: url(../img/btn3Electronica.gif) 0 0 no-repeat;
	height: 63px;
}

div#contenedor div#uno ul li a#terceroclick {
	background: url(../img/btn3.gif) -160px 0 no-repeat;
	width: 160px;
	height: 37px;
}

div#contenedor div#uno ul.termoelectrico li a#terceroclick {
	background: url(../img/btn3Termoelectrico.gif) -160px 0 no-repeat;
	width: 160px;
	height: 47px;
}

div#contenedor div#uno ul.electronica li a#terceroclick {
	background: url(../img/btn3Electronica.gif) -160px 0 no-repeat;
	width: 160px;
	height: 63px;
}

div#contenedor div#uno ul.electronica li a#tercero {
	background: url(../img/btn3Electronica.gif) 0 0 no-repeat;
	height: 63px;
}

div#contenedor div#uno ul li a#tercero:hover {
	background-position: -160px 0;
}



/** Cuarto botón **/

div#contenedor div#uno ul li a#cuarto {
	clear: left;
	background: url(../img/btn4.gif) 0 0 no-repeat;
	width: 160px;
	height: 37px;
}

div#contenedor div#uno ul.termoelectrico li a#cuarto {
	background: url(../img/btn4Termoelectrico.gif) 0 0 no-repeat;
	height: 47px;
}

div#contenedor div#uno ul li a#cuarto:hover {
	background-position: -160px 0;
}

div#contenedor div#uno ul li a#cuartoclick {
	background: url(../img/btn4.gif) -160px 0 no-repeat;
	width: 160px;
	height: 37px;
}

div#contenedor div#uno ul.termoelectrico li a#cuartoclick {
	background: url(../img/btn4Termoelectrico.gif) -160px 0 no-repeat;
	width: 160px;
	height: 47px;
}


/** Quinto botón **/

div#contenedor div#uno ul li a#quinto {
	clear: left;
	background: url(../img/btn5.gif) 0 0 no-repeat;
	width: 160px;
	height: 37px;
}

div#contenedor div#uno ul li a#quinto:hover {
	background-position: -160px 0;
}
/*
div#contenedor ul.info li a#quinto{
	background-position: -162px 0 !important;
}*/

div#contenedor div#uno ul li a#quintoclick {
	background: url(../img/btn5.gif) -160px 0 no-repeat;
	width: 160px;
	height: 37px;
}

div#contenedor div#uno ul li a span {
	display:none;
}







div#uno div#catalogo {
	clear: both;
	width: 337px;
	height: 172px;
	margin: 13px 0 0 13px;
	padding: 6px 5px 10px 5px;
	background: url("../img/fondoCatalogo.gif") left top no-repeat;
	voice-family: "\"}\""; 
	voice-family: inherit;
	width: 317px;

}

div#uno div#catalogo, [JAC] {
	width: 320px;
	float: left;
}




div#uno div#catalogo h2 {
	margin: 0;
	padding: 5px 0 0 25px;
	width: 319px;
	height: 17px;
	color: #141656;
	font-size: 11px;
	background: url("../img/bulletCatalogo.gif") 1px 1px no-repeat;
	background-color: #FFFFFF;
	text-transform: uppercase;
	voice-family: "\"}\""; 
	voice-family: inherit;
	
	width: 295px;
}

div#uno div#catalogo img {
	float: left;
	margin: 12px 10px 0 4px;
	border-style: solid;
	border-color: #FFFFFF;
	border-width: 2px;
}

div#uno div#catalogo p {
	margin: 15px 30px 0 0;
	font-size: 11px;
}
div#uno div#catalogo p a {
	color: #141654;
	font-weight: bold;
}


div#uno div#conexion {
	clear: left;
	width: 335px;
	height: 151px;
	margin: 15px 0 0 13px;
	padding: 6px 5px 20px 5px;
	background: url("../img/fondoCatalogo.gif") left top no-repeat;
	voice-family: "\"}\""; 
	voice-family: inherit;
	margin: 0 0 0 13px;
	width: 325px;
	height: 151px;
}

div#uno div#conexion h2 {
	margin: 0;
	padding: 4px 0 1px 25px;
	width: 319px;
	height: 17px;
	font-size: 11px;
	color: #141656;
	background: url("../img/bulletCatalogo.gif") 1px 1px no-repeat;
	background-color: #FFFFFF;
	text-transform: uppercase;
	voice-family: "\"}\""; 
	voice-family: inherit;
	width: 295px;
}

div#uno div#conexion img {
	float: left;
	margin: 12px 10px 0 4px;
	padding: 0;
	border-style: solid;
	border-color: #FFFFFF;
	border-width: 2px;
}
div#uno div#conexion h3 {
	margin: 15px 30px 0 0;
	font-size: 11px;
	color: #141654;
}
div#uno div#conexion p {
	margin: 15px 30px 0 0;
	font-size: 11px;
}

div#uno div#conexion p a {
	color: #141654;
	font-weight: bold;
}


div#dos {
	float: left;
	margin: -1px 0 0 3px;
	padding: 0 1px 0 0;
	width: 413px;
	height: 545px;
	background-color: #F4F4F4;
	border-right-style: solid;
	border-right-color: #CDCDCD;
	border-right-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CDCDCD;
	border-bottom-width: 1px;
	border-left-style: solid;
	border-left-color: White;
	border-left-width: 1px;	
}

div#dos, [JAC] {
	width: 418px;
	height: 571px;
	margin: -1px 0 0 349px;
	float: none;
}

div#dos img#modulos {
	margin: 0;
	padding: 0;	
	width: 412px;
}


div#dos img#modulos, [JAC] {
	margin: 0 0 0 0;
	padding: 0 0 0 6px;
	width: 411px;
}



div#dos img#bombeo, [JAC] {
	margin: 0 0 0 6px;
	padding: 0;
}

/*///////////////////////////////////////////////////////////
			BUSCADOR
///////////////////////////////////////////////////////////*/


div#dos div#buscador {
	width: 385px;
	height: 194px;
	
	margin: 5px 0 0 11px;
	padding: 6px 5px 0 1px;
	background: url("../img/fondoBuscador.gif") left top no-repeat;
}

div#dos div#buscador, [JAC] {
	margin: 5px 0 0 17px;
}

div#dos div#buscador h2 {
	margin: 0 0 0 5px;
	padding: 4px 0 0 25px;
	width: 378px;
	color: #141656;
	height: 18px;
	background: #FFFFFF url("../img/bulletBuscador.gif") 1px 1px no-repeat;
	font-size: 11px;
	voice-family: "\"}\""; 
	voice-family: inherit;
	width: 355px; 
	
}
div#dos div#buscador fieldset#fieldsetbuscador {
		
		bottom: 2px;
		margin: 0 0 0 -1px;
		padding: 5px 0 0 0;
		background: #EDF5FA url("../img/fondoBuscador2.gif") left top no-repeat;
		width: 389px;
		border-right: #DFDFDF 1px solid;
		border-bottom: #DFDFDF 1px solid;
		border-left: #DFDFDF 1px solid;
}

div#dos div#buscador fieldset#fieldsetbuscador, [JAC] {
		border-bottom: 0;
		border-left: 0;
		margin: 0;

}


div#dos div#buscador fieldset#fieldsetbuscador h2 {
	margin: 0 0 4px 5px;
	padding: 4px 0 0 25px;
	width: 378px;
	height: 18px;
	background: #FFFFFF url("../img/bulletBuscador.gif") 1px 1px no-repeat;
	font-size: 11px;
	
	voice-family: "\"}\""; 
	voice-family: inherit;
	
	width: 355px;
	
	}
	

div#dos div#buscador form {
	margin: 0;
	padding: 0;
	position:relative;
	
}

div#dos div#buscador form select#primerCombo option {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}

div#dos div#buscador form select#primerCombo {
	float: left;
	margin: 1px 5px 0 13px;
	width: 300px;
	height: 15px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #141654;
}

div#dos div#buscador form select#segundoCombo {
	float: left;
	margin: 5px 5px 0 13px;
	width: 300px;
	height: 15px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #141654;
}

div#dos div#buscador form select#tercerCombo {
	float: left;
	margin: 5px 5px 2px 13px;
	width: 300px;
	height: 15px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #141654;
}
div#dos div#buscador form select#primerCombo, [JAC] {
	margin: 3px 8px 2px 13px;
}
div#dos div#buscador form select#segundoCombo, [JAC] {
	margin: 5px 8px 2px 13px;
}
div#dos div#buscador form select#tercerCombo, [JAC] {
	margin: 5px 8px 2px 13px; 
}

div#dos div#buscador form label {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	float: left;
	color: #141656;
	margin: 15px 10px 0 10px;
	
	voice-family: "\"}\""; 
	voice-family: inherit;
	
	margin: 13px 10px 0 10px;
	
}


div#dos div#buscador form input {
	display:block;
	/*position:absolute; left:0; top:0; z-index:2;*/
	padding: 0;
	margin: 15px 0 0 0;
	width: 100px;
	height: 18px;
	float: left;
	
	voice-family: "\"}\""; 
	voice-family: inherit;
	
	margin: 9px 0 0 0;
	
}

div#dos div#buscador form input[type="hidden"]{
	display: none;
}

div#dos div#buscador form fieldset#fieldsetbuscador  a {
	float: left;
	display: block;
	width: 63px;
	height: 27px;
	margin: 9px 0 0 10px;
	padding: 0;
	background: url("../img/botonBusqueda.gif") left top no-repeat;
	text-decoration: none;
	voice-family: "\"}\""; 
	voice-family: inherit;
	margin: 7px 0 0 10px;
	
	
}


div#dos div#buscador form fieldset#fieldsetbuscador  a:hover {
	float: left;
	display: block;
	width: 63px;
	height: 27px;
	margin: 7px 0 0 10px;
	padding: 0;
	background: url("../img/botonBusquedaOver.gif") left top no-repeat;
	text-decoration: none;
}

div#dos div#buscador form fieldset#fieldsetbuscador a span {
	display: none;
}	


div#dos div#buscador form fieldset {
	margin: 0;
	padding: 0;
	border: 0;
	width: 387px; 		
}

div#dos div#buscador fieldset#fieldsetver {
	margin: 0;
	padding: 15px 0 10px 0;
	width: 378px; 		
}



div#dos div#buscador form  fieldset#fieldsetver a#ver {
	float: right;
	width: 56px;
	height: 65px;
	margin: 2px 0 0 0;
	padding: 0;
	background: url("../img/btnVer.gif") left top no-repeat;
	text-decoration: none;
}

div#dos div#buscador form fieldset#fieldsetver a#ver:hover {
	float: right;
	width: 56px;
	height: 65px;
	margin: 2px 0 0 0;
	padding: 0;
	background: url("../img/btnVerHover.gif") left top no-repeat;
	text-decoration: none;
}

div#dos div#buscador form fieldset#fieldsetver a#ver span {
	display: none;
}	


div#dos div#oferta {
	float: left;
	display: inline;
	width: 391px;
	height: 135px;
	margin: 5px 0 8px 11px;
	padding: 6px 5px 20px 5px;
	background: url("../img/fondoOferta.gif") left top no-repeat;
}

div#dos div#oferta, [hack] {
	margin-left: 15px;	
}

div#dos div#oferta  h2 {
	margin: 0;
	padding: 4px 0 1px 25px;
	width: 295px;
	height: 17px;
	font-size: 11px;
	color: #141656;
	background: url("../img/bulletListado.gif") 1px 1px no-repeat;
	background-color: #FFFFFF;
	text-transform: uppercase;
}

div#dos div#oferta  h2.termoelectrico {
	background: url("../img/bulletTermoelectrico.gif") 1px 1px no-repeat;
}

div#dos div#oferta  h2.electronica {
	background: url("../img/bulletElectronica.gif") 1px 1px no-repeat;
}

div#dos div#oferta  img {
	float: left;
	margin: 12px 10px 0 4px;
	padding: 0;
	border-style: solid;
	border-color: #FFFFFF;
	border-width: 2px;
}

div#dos div#oferta  p {
	margin: 15px 15px 0 0;
	font-size: 11px;
}
div#dos div#oferta  p a {
	color: #141654;
	font-weight: bold;
}


div#pie {
	margin: 0;
	padding: 0;
	voice-family: "\"}\""; 
	voice-family: inherit;
	padding: 0;
}

div#pie, [hack] {
	padding: 10px 0 0 0;
}


div#pie p {
	margin: 0 0 0 auto;
	text-align: center;	
	padding: 0;
	clear: both;
	font-size: 11px;
	color: #787878
}

div#pie p a:hover , div#pie p a {
	font-size: 11px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #787878;
	text-decoration: none;
}

div#pie p#telf {
	margin: 0 0 0 auto; 
	padding: 0;
	font-size: 11px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #A7A7A7;
}

div#pie a#infoCorporativa, div#pie a#infoCorporativa:hover  {
	margin: -25px 0 0 680px; 
	font-size: 10px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #787878;
	float: left;
}
