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

/*#############################################################
Nombre: Bombas Ideal
Fecha: Mayo'08
Autor: Loop Comunicacio
URL: http://www.loopcomunicacio.com
#############################################################*/

/* Elementos standard */
html {min-height: 100%;}

{ margin: 0; padding: 0; }

body { background: #FFFFFF;
	padding-top: 0px; /* Espacio superior de la página principal */
	font-family: verdana,arial,sans-serif;
	font-size: 11px;
}

p { text-align: left; color: #000000; font-family: verdana,arial,sans-serif; font-size: 11px; }
code,ul { padding-bottom: 1.2em; padding-left: 20px; }
a { color: #8AAAFF; font-family: verdana,arial,sans-serif; font-size: 11px; text-decoration: none; }
a:hover {color: #FF0000;}
h1 { padding: 10px 0 10px 20px; text-align: left; color: #D31821; font-family: verdana,arial,sans-serif; font-size: 16px; font-weight: normal; }
h2 { padding: 10px 0 10px 20px; text-align: left; color: #D31821; font-family: verdana,arial,sans-serif; font-size: 16px; font-weight: normal; }
h3 { padding: 0 0 10px 20px; text-align: left; color: #D31821; font-family: verdana,arial,sans-serif; font-size: 14px; font-weight: normal; border-bottom: 1px solid #CCCCCC; }
h4 { margin: 0; padding: 0; text-align: left; color: #D31821; font-family: verdana,arial,sans-serif; font-size: 14px; }
h5 { text-align: left; color: #000000; font-family: verdana,arial,sans-serif; font-size: 11px; font-weight: bold; }
img { border: none; }


/* Estructura */

.Exterior {
	padding-bottom: 0px; /* Espacio inferior de la página principal */
}

.Contenedor { background: #FFFFFF; margin: 0 auto; padding: 0px; width: 950px; }


/*-----------------Cuerpo Superior------------------*/
#Cuerpo1 { margin: 0; padding: 0; height: 250px; width: 950px; background: url(../images/000.jpg) no-repeat left;}

#Cuerpo2 { clear: both; margin: 0; padding: 0; height: 30px; width: 950px; background: #FFFFFF;}

#Cuerpo3 { clear: both; margin: 0; padding: 0; width: 950px; background: #FFFFFF;
	overflow: hidden; /* Necesario para hacer la imagen background del lateral*/
}

/*-------------Dos Columnas------------------*/
.Izquierda { margin: 0; padding: 0; display: block; float: left; width: 700px; height: auto; }
.Derecha { margin: 0; padding: 0; float: right; width: 240px; background: #8AAAFF;
	padding-bottom: 30000px; /* Necesario para hacer la imagen background del lateral*/
    margin-bottom: -30000px; /* Necesario para hacer la imagen background del lateral*/
}

.Banner1 { margin: 10px 10px 0 10px; padding: 0; width: 220px; height: 165px; border-bottom: 1px dotted #FFFFFF; }
.Banner2 { margin: 10px 10px 0 10px; padding: 0; width: 220px; height: 80px; border-bottom: 1px dotted #FFFFFF; }
.Banner3 { margin: 10px 10px 10px 10px; padding-bottom: 10px; width: 220px; height: 80px; border-bottom: 1px dotted #FFFFFF; }
.Banner_mapamundi { margin: 5px 50px 5px 50px; padding: 0; width: 120px; height: 80px; background: url(../images/mapamundi.jpg) no-repeat top; }
.Banner_brujula { margin: 5px 50px 5px 50px; padding: 0; width: 120px; height: 80px; background: url(../images/brujula.jpg) no-repeat top; }
.Banner_novedades { margin: 5px 50px 5px 50px; padding: 0; width: 120px; height: 80px; background: url(../images/novedades.jpg) no-repeat top; }
.Banner_idioma { margin: 10px 10px 10px 10px; padding: 5px 70px; width: 80px; height: 20px; border-bottom: 1px dotted #FFFFFF; color: #04335F; font-family: verdana,arial,sans-serif; font-size: 11px; text-decoration: none; }
.Banner_idioma a { color: #FFFFFF; font-family: verdana,arial,sans-serif; font-size: 11px; text-decoration: none; }
.Banner_idioma a:hover { color: #04335F; }


/*--------------Contenido Index--------------*/
.Caja_animacion { margin: 0; padding: 0; width: 700px; height: auto; }
.Caja_bienvenida { margin: 0; padding: 0; width: 700px; height: auto; }
.txt_bienvenida { float: left; margin: 0; padding: 0; width: 530px; height: auto; }

/*-----------------Noticias------------------*/
.Caja_noticias { clear: both; margin: 0; padding: 0 0 200px 0; width: 700px; height: auto;} /* background: url(../images/Titnoticias.jpg) no-repeat top; }*/
.Caja_noticiasB { clear: both; margin: 0; padding: 0 0 200px 0; width: 700px; height: auto; background: url(../images/Titnoticias.jpg) no-repeat top; }
.Caja_tit_noticias { float: left; margin: 0; padding: 0; width: 700px; height: 60px; background: url(../images/Titnoticias2.jpg) no-repeat left; }
.Caja_newsB { clear: both; margin: 0; padding: 0 0 200px 0; width: 700px; height: auto; background: url(../images/Titnews.jpg) no-repeat top; }
.Caja_tit_news { float: left; margin: 0; padding: 0; width: 700px; height: 60px; background: url(../images/Titnews2.jpg) no-repeat left; }

.CajaNoticias0 { float: left; margin: 0; padding: 0; width: 700px; height: auto; }
.CajaNoticias1 { float: left; padding: 40px 0 0 25px; margin: 0; width: 320px; height: auto; }
.CajaNoticias2 { margin-left: 320px; float: left; padding: 40px 0 0 5px; margin: 0; width: 320px; height: auto; }
.txtnoticiastitulo { margin: 0; text-align: left; color: #006699; font-family: verdana,arial,sans-serif; font-size: 14px ;font-weight: bold ; padding: 20px 20px 0px 20px; }
.txtnoticiassubtitulo { margin: 0; text-align: left; color: #006699; font-family: verdana,arial,sans-serif; font-size: 11px; padding: 0px 20px 20px 20px; }
.txtnoticiasfoto { margin: 0; text-align: left; color: #006699; font-family: verdana,arial,sans-serif; font-size: 11px; padding: 0px 20px 10px 0px; }
.txtnoticias { margin: 0; text-align: left; color: #000000; font-family: verdana,arial,sans-serif; font-size: 11px; padding: 0px 20px 0px 20px; }
.txtnoticias a { color: #D31821; font-family: verdana,arial,sans-serif; font-size: 11px; text-decoration: none; }
.txtnoticias a:hover {color: #8AAAFF;}

.btnnoticias { margin: 0; text-align: left; color: #000000; font-family: verdana,arial,sans-serif; font-size: 11px; font-weight: bold; padding: 20px 0px 20px 0px; }
.btnnoticias a { color: #000000; font-family: verdana,arial,sans-serif; font-size: 12px; text-decoration: none; }
.btnnoticias a:hover {color: #FF0000;}


/*-------------Contenido Productos------------------*/
.Productos { clear: both; margin: 0; padding: 0; width: 700px; height: auto; }
.Productos_titulos { margin: 0; padding: 0; width: 700px; height: 30px; }
.Productos_Caja { margin: 0; padding: 0; width: 700px; height: auto; }

.Productos_prpal_izda { float: left; margin: 0; padding: 0; width: 350px; height: auto; background: url(../images/Busqueda1.jpg) no-repeat top; }
.Productos_prpal_dcha { float: right; margin: 0; padding: 0; width: 350px; height: auto; background: url(../images/Busqueda2.jpg) no-repeat top; }
.Productos_prpal_left { float: left; margin: 0; padding: 0; width: 350px; height: auto; background: url(../images/Busqueda3.jpg) no-repeat top; }
.Productos_prpal_right { float: right; margin: 0; padding: 0; width: 350px; height: auto; background: url(../images/Busqueda4.jpg) no-repeat top; }

.Productos_busqueda_izda { float: left; margin: 0; padding: 0; width: 350px; height: auto; background: url(../images/Titlimpias.jpg) no-repeat top left; }
.Productos_busqueda_dcha { float: right; margin: 0; padding: 0; width: 350px; height: auto; background: url(../images/Titresiduales.jpg) no-repeat top left; }

.Productos_search_izda { float: left; margin: 0; padding: 0; width: 350px; height: auto; background: url(../images/Titclean.jpg) no-repeat top left; }
.Productos_search_dcha { float: right; margin: 0; padding: 0; width: 350px; height: auto; background: url(../images/Titwastewater.jpg) no-repeat top left; }

.Productos_izda { float: left; margin: 0; padding: 0; width: 500px; height: auto; }
.Productos_dcha { float: right; margin: 0; padding: 0; width: 200px; height: auto; }

.Productos_Imagen { margin: 0; padding: 0; width: 500px; height: 300px; }
.Productos_Imagen2 { margin: 0; padding: 0; width: 500px; height: 325px; }
.Productos_Imagen3 { margin: 0; padding: 0; width: 500px; height: 425px; }

.Productos_Contenido { margin: 0; padding: 20px; }
.Productos_Contenido2 { margin: 0; height: 70px; text-align: left; color: #000000; font-family: verdana,arial,sans-serif; font-size: 11px; line-height: 120%; padding: 70px 40px 20px 40px; }


/*---------------Descargas--------------------*/
.Descargas { clear: both; margin: 0; padding: 0; width: 700px; height: auto; }
.Descargas_tit { margin: 15px 0 15px 0; padding: 15px 0 15px 25px; width: 675px; height: 20px; text-align: left; color: #000000; font-family: verdana,arial,sans-serif; font-size: 11px; background: url(../images/Descargas.jpg) no-repeat top left; }
#Descargas_menu { color: #000000; font-family: verdana,arial,sans-serif; font-size: 11px; text-decoration: none; }
#Descargas_menu ul, li { list-style-type: none; }
#Descargas_menu ul { margin: 0; padding: 0 30px 0 30px; }
#Descargas_menu li { border-bottom: 1px dotted #999999; }
#Descargas_menu a { display: block; text-decoration: none; color: #000000; padding: 3px 6px 5px 6px; }
#Descargas_menu a:hover { background: #8AAAFF; color: #FFFFFF; }


/*------------------Atencion Cliente-----------------------*/
.Cliente { clear: both; margin: 0; padding: 0; width: 700px; height: auto; }
.Cliente_izda { float: left; margin: 0; padding: 20px; width: 450px; height: auto;  }
.Cliente_dcha { float: right; margin: 0; padding: 0; width: 204px; height: auto; }


/*------------------Contenido-----------------------*/
.Contenido { margin: 0; padding: 20px; }

.Cajanavegacion { margin: 0; padding: 0; width: 700px; height: 28px; border-top: 1px dotted #A4BBFF; border-bottom: 1px dotted #A4BBFF; }
.Navegacion { margin: 0; text-align: left; color: #666666; font-family: verdana,arial,sans-serif; font-size: 11px; line-height: 120%; padding: 7px 0px 7px 0px; }
.Navegacion a { color: #666666; font-family: verdana,arial,sans-serif; font-size: 11px; text-decoration: none; }
.Navegacion a:hover {color: #FF0000;}

.Caja1 { margin: 0; padding: 0; width: auto; height: 30px; background: #b7b7b7; }
.Caja_titulo { float: left; margin: 0; padding: 0; width: 700px; height: 60px; }

.Caja3 { float: left; margin: 0; padding: 0; width: 530px; height: 30px; }
.Cajaimagen { margin: 0; padding: 0; width: 700px; height: auto; background: #D8D8D8; }
.Cajaimagen2 { margin: 0; padding: 0; width: 700px; height: auto; border-bottom: 1px solid #A4BBFF; }
.Cajatexto1 { margin: 0; padding: 0; width: 530px; height: auto; background: #FFFFFF; }


/*-------------Pie de Pagina------------------*/
#Pie { margin: 0; padding: 10px 0; height: 170px; width: 950px; }
.Marcas { margin: 0; padding: 15px 0 0 20px; height: 50px; width: 930px; font-family: arial,sans-serif; font-size: 12px; color: #666666; border-top: 1px solid #80A3FF;  }
.menu_inferior { margin: 0; padding: 0; height: 40px; width: 950px; background: url(../images/Fondo_pie1.jpg) repeat left; border-top: 1px solid #80A3FF; border-bottom: 1px solid #80A3FF; }
.menu_inferior ul, li { list-style-type: none; }
.menu_inferior ul { margin: 0; padding: 8px 0 0 25px; }
.menu_inferior li { float: left; padding: 0; }
.menu_inferior a { font-family: verdana,arial,sans-serif; font-size: 11px; text-decoration: none; color: #666666; display: block; padding: 5px 20px 5px 0; text-align: left; }
.menu_inferior a:hover { color: #FF0000; }

.Copy { margin: 0; text-align: right; color: #666666; font-family: arial,sans-serif; font-size: 11px; padding: 8px 20px 8px 0px; border-bottom: 1px solid #80A3FF; }
.Copy a { color: #666666; font-family: arial,sans-serif; font-size: 11px; text-decoration: none; }
.Copy a:hover {color: #FF0000;}


/*----------------Menu Buscador------------------*/
.Buscador {
	clear: both;
	margin: 0;
	padding: 0;
	width: 700px;
	height: auto;
	border-top: 1px dotted #A4BBFF; 
}

.arrowlistmenu{
	width: 530px; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
	font: 11px verdana,Arial;
	line-height: 120%;
	color: #FFFFFF;
	background: #8AAAFF;
	margin-bottom: 10px; /*bottom spacing between header and rest of content*/
	padding: 8px 0 8px 10px; /*header text is indented 10px*/
	cursor: hand;
	cursor: pointer;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
	background: #B7B7B7;
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-bottom: 10px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
	padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li .opensubheader{ /*Open state CSS for sub menu header*/
	background: lightwhite !important;
}

.arrowlistmenu ul li .closedsubheader{ /*Closed state CSS for sub menu header*/
	background: lightgray !important;
}

.arrowlistmenu ul li a{
	color: #0036C6;
	display: block;
	padding: 2px 0;
	padding-left: 20px; /*link text is indented 19px*/
	text-decoration: none;
	border-bottom: 1px dotted #A4BBFF;
	font-size: 11px;
}

.arrowlistmenu ul li a:visited{
	color: #0036C6;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
	background-color: #F3F3F3;
}

.arrowlistmenu ul li a.subexpandable:hover{ /*hover state CSS for sub menu header*/
	background: lightgray;
}

/*---------------Fin Buscador-----------------*/


/*--------------------Menu------------------------ */

.Barra_Menu_Principal{ margin: 0; padding: 200px 0 0 0; height: auto; width: 950px; }

.menu_principal ul, li { list-style-type: none; }
.menu_principal ul { margin: 0; padding: 0; }
.menu_principal li { float: left; padding: 0 5px 0 0; }
.menu_principal a { font-family: arial,verdana,sans-serif; font-size: 12px; text-decoration: none; color: #666666; display: block; padding: 5px 0px 8px 8px; text-align: left; width: 90px; border: 1px solid #8AAAFF; height: 30px; background: url(../images/Fondo_menu.jpg); }
.menu_principal a:hover { background: url(../images/Fondo_menu.jpg) 0 -45px; }

/*---------------------Botones----------------------*/
.boton { margin: 0; padding: 5px 10px 5px 10px; border-left: 1px solid #CCCCCC; list-style: none; float: left; height: 40px; color: #000000; font-family: verdana,arial,sans-serif; font-size: 11px; }
.boton a { display: block; padding: 5px 10px 5px 5px; text-decoration: none; font-family: verdana,arial,sans-serif; font-size: 11px; color: #000000; background: #007ABD; }
.boton a:hover { color: #FF0000; font-family: verdana,arial,sans-serif; font-size: 11px; text-decoration: none; }

.boton1 { margin: 10px 10px 10px 10px; padding: 0; width: 102px; list-style: none; float: right; color: #000000; font-family: verdana,arial,sans-serif; font-size: 11px; }
.boton1 a { display: block; padding: 4px 0 4px 7px; font-family: verdana,arial,sans-serif; font-size: 11px; text-decoration: none; color: #000000; background: url(../images/Boton1.jpg); }
.boton1 a:hover { color: #FFFFFF; background: url(../images/Boton1.jpg) 0 -21px; }

.boton2 { margin: 10px 0 10px 120px; padding: 0; width: 102px; list-style: none; float: left; color: #000000; font-family: verdana,arial,sans-serif; font-size: 11px; }
.boton2 a { display: block; padding: 4px 0 4px 7px; font-family: verdana,arial,sans-serif; font-size: 11px; text-decoration: none; color: #000000; background: url(../images/Boton1.jpg); }
.boton2 a:hover { color: #FFFFFF; background: url(../images/Boton1.jpg) 0 -21px; }

.boton_Dcha {float: left; margin: 0px; padding: 5px 5px; border-left: 1px solid #CCCCCC; list-style: none; height: 40px; width: 185px; }

.btn_pdf {float: left; margin: 0px; padding: 12px 8px 15px 30px; border-left: 1px solid #CCCCCC; width: 160px; background: url(../images/pdf.jpg) no-repeat top left; }
.btn_pdf a { list-style: none; color: #000000; font-family: verdana,arial,sans-serif; font-size: 11px; text-decoration: none; }
.btn_pdf a:hover { color: #007ABD;}

.btn_diagrama {float: left; margin: 0px; padding: 15px 8px 15px 40px; border-top: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; width: 150px; background: url(../images/diagrama.jpg) no-repeat top left; }
.btn_diagrama a { list-style: none; color: #000000; font-family: verdana,arial,sans-serif; font-size: 11px; text-decoration: none; }
.btn_diagrama a:hover { color: #007ABD;}

.botondescargas { margin: 0; padding: 0; width: 220px; height: 60px; }
.botondescargas a { display: block; padding: 25px 0 25px 80px; font-family: verdana,arial,sans-serif; font-size: 11px; font-weight: bold; text-decoration: none; color: #FFFFFF; background: url(../images/Btndescargas.jpg); }
.botondescargas a:hover { background: url(../images/Btndescargas.jpg) 0 -65px; }

.boton_ampliar_imagen { margin: 0px; padding: 0px; color: #000000; }
.boton_ampliar_imagen a { display: block; margin: 0; color: #007ABD; font-family: verdana, arial, sans-serif; font-size: 11px; text-decoration: none; }
.boton_ampliar_imagen a:hover { color: #000000; }

.boton_evolucion { float: right; margin: 0px; padding: 0px; color: #000000; }
.boton_evolucion a { display: block; margin: 0px; padding: 4px 7px 4px 7px; color: #000000; font-family: verdana, arial, sans-serif; font-size: 11px; text-decoration: none; background: #DEE5FF; border: 1px solid #8AAAFF; }
.boton_evolucion a:hover { color: #FFFFFF; background: #8AAAFF; border: 1px solid #DEE5FF; }

/*----------------Formulario----------------------*/

#formulario {
	margin: 0px;
	padding: 0px;
}
fieldset {
	border: 0;
}
legend{
	font-family: verdana,arial,sans-serif;
	font-size: 13px;
	text-align: left;
	color: #000000;
}

/*br {
	clear: left;
}*/

/*Forms defaults*/
input, textarea {
	font-family: verdana,arial,sans-serif;
	font-size: 11px;
	color: #000000;
}
label,input {
	font-family: verdana,arial,sans-serif;
	font-size: 11px;
	display: block;
	float: left;
	margin-bottom: 7px;
	margin-top: 7px;
}
label {
	color:#000000;
	padding-left:2px;
	line-height:15px;
	vertical-align:top;
	text-align: right;
	width: 120px;
	padding-right: 10px;
}
label.chosen {
	color:#333;
}

/*Text inputs*/
.textinput, .textinputHovered {
	width:300px;
	height:15px;
	background:url(../images/input.gif) no-repeat left top;
	border:none;
	padding:4px 8px;
}
.textinputHovered {
	background-position:left bottom;
}

/*Text areas*/
.textarea, .textareaHovered {
	width:336px;
	height:125px;
	background:url(images/textarea.gif) no-repeat left top;
	border:none;
	padding:4px 8px;
}
.textareaHovered {
	background-position:left bottom;
}

/*Selects*/
.selectArea {
	width:200px;
	height:21px;
	background:url(../images/select_bg.gif) repeat-x left top;
}
.selectArea .left {
	width:8px;
	height:21px;
	float:left;
	background:url(../images/select_left.gif) no-repeat left top;
}
.selectArea .right {
	width:21px;
	height:21px;
	float:right;
	background:url(../images/select_right.gif) no-repeat left top;
}
.selectArea .right a {
	display:block;
	width:21px;
	height:21px;

}
.selectArea .right i {
	display:none;
}
.selectArea .center {
	width:160px;
	margin-left:5px;
	margin-right:20px;
	color:#FFF;
	padding-top:3px;
}

/*Button*/
.buttonSubmit, .buttonSubmitHovered {
	width:69px;
	height:26px;
	color:#FFF;
	font-weight:bold;
	padding:2px 5px;
	background:url(../images/button.gif) no-repeat left top;
	cursor:pointer;
	border:none;
}
.buttonSubmitHovered {
	background-position:left bottom;
}

/*Test div - testing if stylesheets are enabled*/
#stylesheetTest {
	position:absolute;
	left:-999px;
	width:10px;
	height:10px;
}