/* Documento css registrado por FLEXO estudio digital */

/* ------------------------------------- General -----------------------------------*/

body {
	margin: 0px;
	padding:0px;
	background-color: #53aad5;
	font-family: Trebuchet MS,Arial, sans-serif;
	font-size: 70%;
	color:#333333;
	background-image:url(/img/pix_fondo.gif);
	background-repeat:repeat-x;
	}

img{border:0px;}

acronym {cursor: help; text-decoration:underline;}

/* ----------------- Tablas ------------*/
table{
	margin: 0px 0px 10px 0px;
	}

th{
	background-color:#96958b;
	color:#FFFFFF;
	text-align:center;
	padding:3px;
}

td{
	background-color:#eee;
	padding:3px;
	border-bottom:1px solid #FFF;
}


/* ----------------- Enlaces ------------*/
a {
	color:#3399cc;
	text-decoration: none;
	font-weight:bold;
}

a:hover{
	text-decoration: underline;	
}

/* ----------- Encabezados y parrafo -------------*/
h1 {
	display:none;
	}

h2 {
	padding:0px 0px 0px 0px;
	margin:15px 0px 10px 0px;
	font-size:120%;
	border-left:5px solid #a1b1b9;
	background-position:10px 0px;
	clear:both;
	}
	
h3 {
	padding:2px 0px 3px 8px;
	margin:0px 0px 10px 0px;
	background-color:#3a7c9f;
	clear:both;
	color: #ffffff;
	font-size:110%;
}

h4 {
	color:#344955;
	font-size:100%;
	background-color:#dfdfdf;
	padding:3px 5px 3px 10px;
	margin:10px 0px 5px 0px;
	clear:both;

}

h5 {
	font-family:Arial, Helvetica, sans-serif;
	color:#444444;
	font-size:100%;
	padding:0px;
	margin:15px 0px 5px 0px;
	clear:both;
}



p	{
	margin:0px 0px 10px 0px;
	padding:0px;
	line-height:130%;
	}


/* ------------------- Formularios -------------------*/

form{
margin-left:0px;
}
label{
margin:10px 0px 10px 0px;
padding:2px;
}
input{
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	border:1px solid #928f8b;
	padding: 2px 0px 2px 3px;
	margin:0px 5px 0px 0px;
	}
select{
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	border:1px solid #928f8b;
	padding:2px 3px;
	margin:0px 0px 0px 0px;
	}

textarea{
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	border:1px solid #928f8b;
	padding-left:3px;
	margin:0px 0px 10px 0px;
	}
fieldset{
	border:1px solid #eeeeee;
	margin:10px 0px 0px 0px;
	padding:10px;
}

legend{ font-size:90%; color:#666666; text-transform:uppercase;}

submit{
	border:1px solid #333333;
	padding-left:3px;
	}
	
.noborder{border:none;}

.botontxt{ background-color:#405965; color:#ffffff; border:1px solid #405965; font-size:10px; text-transform:uppercase;}
	
/* ------------------------------------- Capas principales -----------------------------------*/

#cabecera{
	padding:0px;
	margin:0px auto;
	width:750px;
	height:135px;
	background-image:url(/img/cabecera.gif);
	background-repeat:no-repeat;
}
#cabecera_home{
	padding:0px;
	margin:0px auto;
	width:750px;
	height:135px;
	background-image:url(/img/cabecera_home.gif);
	background-repeat:no-repeat;
}

#logo{
	float:left;
	width:240px;
	margin: 40px 0px 0px 5px;
	border: 0px solid #FFFFFF;
	text-align:center;
}

#menu{
	float:right;
	width:490px;
	margin:106px 0px 0px 0px;
	border: 0px solid #FFFFFF;
}

#contenedor{
	clear:both;
	width:750px;
	margin:0px auto;
	padding:0px;
	background-color:#FFFFFF;

}

#contenedor_home{
	clear:both;
	width:750px;
	margin:0px auto;
	padding:0px;
	background-color:#FFFFFF;
	background-image:url(/img/pix_cont_home.gif);
	background-repeat:repeat-y;
}

#ruta{
	clear:both;
	padding:9px 3px 0px 3px;
	margin:0px 0px 0px 0px;
	color:#666666;
	font-size:90%;
}

#principal{
	float:left;
	padding:0px 0px 0px 0px;
	width: 470px;
	margin: 0px 0px 20px 20px;
	border: 0px solid #939487;
}

#lateral{
	float:left;
	padding: 10px 0px 20px 0px;
	width: 240px;
	margin: 0px 0px 0px 0px;
}

.home{background-color:#dce3e5;}

.dinamicas_home{
	float:left;
	margin: 0px 10px 20px 10px;
	padding:0px 10px 20px 0px;
	background-image: url(/img/pix_sombra_bl.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	border-right:1px solid #ddd;
	width:200px;
	
}

#pie{
	clear:both;
	color:#83b3ca;
	font-size:90%;
	padding:17px 00px 0px 60px;
	margin: 0px auto;
	width:690px;
	height:100px;
	background-image:url(/img/pie_fondo.gif);
	background-repeat:no-repeat;
	background-position:top center;
	line-height:120%;
}
#pie_home{
	clear:both;
	color:#83b3ca;
	font-size:90%;
	padding:17px 00px 0px 60px;
	margin: 0px auto;
	width:690px;
	height:100px;
	background-image:url(/img/pie_fondo_home.gif);
	background-repeat:no-repeat;
	background-position:top center;

}
#pie a{color:#FFFFFF;}
#pie_home a{color:#FFFFFF;}

/* -------------------------------------clases -----------------------------------*/

.lateral_azul{
	margin:0px;
	padding:20px 25px 20px 25px;
	background-image: url(/img/pix_sombra_azul.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
}
.lateral_bl{
	margin: 0px;
	padding:20px 25px 20px 25px;
	background-image: url(/img/pix_sombra_bl.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	border-right:1px solid #ddd;
}

.home_bl{
	float:left;
	margin: 0px 20px 20px 0px;
	padding:0px 15px 20px 0px;
	background-image: url(/img/pix_sombra_bl.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	border-right:1px solid #ddd;
	width:125px;
}

.fotoparrafode {
	float: right;
	padding: 1px;
	margin: 5px 0px 10px 20px;
}

.fotoparrafoiz {
	float: left;
	padding: 1px;
	margin: 5px 20px 10px 0px;
}
.fotomarco {
	padding: 0px;
	margin: 5px 5px 0px 0px;
	border: 5px solid #dce3e5;
}

.fotoparrafomarcode {
	float: right;
	padding: 0px;
	margin: 5px 5px 0px 15px;
	border:5px solid #dce3e5;
}

.fotoparrafomarcoiz {
	float: left;
	padding: 0px;
	margin: 0px 15px 10px 0px;
	border:5px solid #dce3e5;
}

.recuadro{
	padding:10px 20px 10px 10px;
	margin:20px 0px;
	background-color: #dce3e5;
	-moz-border-radius:5px;
}


.flash {
	margin:0px 0px 10px 0px;
	padding:0px;
}

.separador {
	clear:both;
	margin:0px;
	padding:0px;
	font-size:1px;
}

.mini{font-size:90%; color:#888888;}
.fecha{font-size:90%; color:#666666;}
.oculto{display:none;}
.tecla {text-decoration: underline;} 

.volver{
	font-size:90%;
	border-top:1px solid #dddddd;
	margin:10px 0px 0px 0px;
	padding:5px 0px 0px 0px;
	}
	
.subir{
	color:#666666;
	font-size:90%;
	text-align:right;
	border-top:1px solid #d3d3c8;
	background-image:url(/img/ico_subir.gif);
	background-repeat:no-repeat;
	background-position: right;
	margin:15px 0px 0px 0px;
	padding:0px 10px 0px 0px;
}
.cerrar{
	font-size:90%;
	margin:10px 0px 0px 0px;
	padding:5px 0px 0px 0px;
	text-align:right;
	}
	

/* ------------------------------------- Listas -----------------------------------*/

/* ----------------- general ------------*/
ul{
	margin:0px;
	padding:0px;
	clear:both;
}
li{
	list-style-type:none;
	margin:0px;
	padding:0px;
	line-height:120%;
}


/* ---------- lista del menu -------------------- */

#menu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#menu li {
	display: inline;
	padding: 0px;
	margin: 0px;
}

#menu li a{
	float: left;
	display:block;
	height:20px;
	margin:0px 7px;
	background-repeat:no-repeat;
	background-position:center;
	}	
#menu li a:hover{
	
	border-bottom:4px solid #466375;
}

	

.bt_productos{background-image:url(/img/bt_productos_on.gif); width:80px;}
.bt_productos:hover{background-image:url(/img/bt_productos_off.gif);}

.bt_servicios{background-image:url(/img/bt_servicios_on.gif); width:80px;}
.bt_servicios:hover{background-image:url(/img/bt_servicios_off.gif);}

.bt_novedades{background-image:url(/img/bt_novedades_on.gif); width:130px;}
.bt_novedades:hover{background-image:url(/img/bt_novedades_off.gif);}

.bt_segundamano{background-image:url(/img/bt_segundamano_on.gif); width:100px;}
.bt_segundamano:hover{background-image:url(/img/bt_segundamano_off.gif);}

.bt_contacto{background-image:url(/img/bt_contacto_on.gif); width:70px;}
.bt_contacto:hover{background-image:url(/img/bt_contacto_off.gif);}


/* ----------------- ruta ------------*/
#ruta ul{
	margin: 0px;
	padding: 0px;
	list-style: none;
	display:inline;
}
#ruta li {
	display:inline;
	text-decoration: none;
	background-image:url(/img/ico_flecha_der.gif);
	background-repeat:no-repeat;
	background-position:3px;
	padding: 0px 0px 0px 10px;
}
#ruta li a{
	display:inline;
	text-decoration: none;
		font-weight:normal;
}
#ruta a:hover {
	text-decoration: underline;

}

/* ----------------- enlaces zona superior ------------*/
#superior ul{
	margin: 0px;
	padding: 0px;
	list-style: none;
	display:inline;
}
#superior li {
	display:inline;
	text-decoration: none;
	padding: 0px 5px 0px 18px;
}
#superior li a{
	display:inline;
	text-decoration: none;
}
#superior a:hover {
	text-decoration: underline;
}
/* ----------------- clases para listas ----------------*/

/* ----------------- listado ------------*/
.listado ul{
	margin: 0px;
	padding: 0px;
	list-style: none;
	display:inline;
}
.listado li {
	margin: 0px 0px 0px 2px;
	padding: 3px 0px 3px 15px;
	text-decoration: none;	
	border-bottom:1px solid #EFEFEF;
	background-image:url(/img/ico_flecha_der.gif);
	background-repeat:no-repeat;
	background-position:3px 8px;
}
.listado li a{
	display:inline;
	text-decoration: none;
}
.listado a:hover {
	text-decoration: underline;
}

.categoria {
background-image:none;
text-transform:uppercase;
font-size:90%;
color:#666666;
} 

.sublistado li{ border-bottom:1px solid #FFFFFF;}

/* ----------------- lista de noticias ------------*/
.listanoticias ul{
	margin: 0px;
	padding: 0px;
	list-style: none;
	display:inline;
}
.listanoticias li {
list-style-type:none;
	clear:both;
	margin: 0px 0px 20px 0px;
	text-decoration: none;
	padding: 10px 15px 20px 0px;
	background-image: url(/img/pix_sombra_bl.gif);
	border-right:1px solid #ddd;
	background-repeat: no-repeat;
	background-position: bottom right;
}
.listanoticias li a{
	display:inline;
	text-decoration: none;
	font-size:100%;
	font-weight: bold;
	
}
.listanoticias a:hover {
	text-decoration: underline;
}

.paginacion{
	clear:both;
	border-top:3px solid #eeeeee;
	margin:10px 0px 0px 0px;
	padding:5px 5px;
	}


.parrafonoticia{
	clear:both;
	margin-top:30px;
}

.fotonoticia{
	clear:both;
	margin-bottom:5px;
	border:4px solid #dce3e5;
}


/* ----------------- galeria imagenes----------------*/


.galeria li {
	text-decoration: none;
	margin:0px;
	padding:0px;
	display:inline;
}
.galeria li a{
	display:inline;
	font-size:90%;
	float:left;
	margin: 0px 3px 3px 0px;
	padding:3px 0px;
	text-align:center;
	width:20px;
	text-decoration: none;
	font-weight:normal;
	background-color: #dce3e5;
	color:#666666;
}
.galeria a:hover {
	text-decoration: none;
	background-color: #3399CC;
	color:#FFFFFF;
}



/* ----------------- clases para titulos de seccion ----------------*/


.tt_productos{
background-image:url(/img/tt_productos.gif);
background-repeat:no-repeat;
height:25px;
}

.tt_servicios{
background-image:url(/img/tt_servicios.gif);
background-repeat:no-repeat;
height:25px;
}

.tt_aire{
background-image:url(/img/tt_aire.gif);
background-repeat:no-repeat;
height:30px;
width:120px;
}

.tt_bombas{
background-image:url(/img/tt_bombas.gif);
background-repeat:no-repeat;
height:30px;
width:120px;
}

.tt_generadores{
background-image:url(/img/tt_generadores.gif);
background-repeat:no-repeat;
height:30px;
width:120px;
}

.tt_refrigeracion{
background-image:url(/img/tt_refrigeracion.gif);
background-repeat:no-repeat;
height:30px;
width:120px;
}

.tt_novedades{
background-image:url(/img/tt_novedades.gif);
background-repeat:no-repeat;
height:25px;
}

.tt_segundamano{
background-image:url(/img/tt_segundamano.gif);
background-repeat:no-repeat;
height:25px;
width:400px;
}


.tt_postventa{
background-image:url(/img/tt_postventa.gif);
background-repeat:no-repeat;
height:25px;
width:400px;
}

.tt_contacto{
background-image:url(/img/tt_contacto.gif);
background-repeat:no-repeat;
height:25px;
width:400px;
}

.tt_accesibilidad{
background-image:url(/img/tt_accesibilidad.gif);
background-repeat:no-repeat;
height:25px;
width:400px;
}

.tt_legal{
background-image:url(/img/tt_legal.gif);
background-repeat:no-repeat;
height:25px;
width:400px;
}

.tt_boletin{
background-image:url(/img/tt_boletin.gif);
background-repeat:no-repeat;
height:25px;
}