body {
	margin-top: 0px;
	margin-bottom:0px;
	margin-left: 0px;
	margin-right: 0px;
	vertical-align:top;
	background:url(images/bg1.jpg) repeat-x top left;
	background-color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-size:14px;
}


img, div { behavior: url(iepngfix.htc) }


img{border:none;}
td {border:none; vertical-align:top;}
tr {border:none; margin: 0 0 0 0; vertical-align:top;}
.top {vertical-align:top;}
.center {text-align:center;}
.left {text-align:left;}
.right {text-align:right;}
.bottom {vertical-align:bottom;}
.middle {vertical-align:middle;}
.justify {text-align:justify;}
.fleft { float:left;}
.fright {float:right;}


table {
vertical-align:top;
border:0px;
margin-left: auto;
margin-right: auto;
}



.main {width:915px; margin:0 auto; padding:0;}

header, nav, section, article, footer, aside, figure, header {  display:block;
														margin-left:auto;
														margin-right:auto;
														} 

/*********************************header*************************************/

#head {width:980px; height:100px; margin:0 auto; top:0; margin-bottom:15px; padding-top:10px; background-color:#FFF;}
#logo { width:300px; height:100px; float:left; margin:0 0 0 25px;}


	/********nav*********/

	#head nav { width:610px; height:100px; margin:0; float:right;}
	#head nav ul { list-style:none; margin:0; padding:0;  margin:15px 0 0 120px;}
	#head nav li { float:left; display:block; padding:15px 0 15px 0; margin:0 10px 0 10px; text-align:center;}
	#head nav li a { text-decoration:none; text-transform:uppercase; color:#000; font-weight:700;}
	#head nav li a:hover {
		-moz-text-shadow:0px 0px 5px #c6d2ff, 0px 0px 5px #c6d2ff, 0px 0px 5px #c6d2ff, 0px 0px 10px #c6d2ff, 0px 0px 10px #c6d2ff, 0px 0px 15px #c6d2ff, 0px 0px 15px #c6d2ff;

-webkit-text-shadow:0px 0px 5px #c6d2ff, 0px 0px 5px #c6d2ff, 0px 0px 5px #c6d2ff, 0px 0px 10px #c6d2ff, 0px 0px 10px #c6d2ff, 0px 0px 15px #c6d2ff, 0px 0px 15px #c6d2ff;

-o-text-shadow:0px 0px 5px #c6d2ff, 0px 0px 5px #c6d2ff, 0px 0px 5px #c6d2ff, 0px 0px 10px #c6d2ff, 0px 0px 10px #c6d2ff, 0px 0px 15px #c6d2ff, 0px 0px 15px #c6d2ff;

-ms-text-shadow:0px 0px 5px #c6d2ff, 0px 0px 5px #c6d2ff, 0px 0px 5px #c6d2ff, 0px 0px 10px #c6d2ff, 0px 0px 10px #c6d2ff, 0px 0px 15px #c6d2ff, 0px 0px 15px #c6d2ff;

	text-shadow:0px 0px 5px #c6d2ff, 0px 0px 5px #c6d2ff, 0px 0px 5px #c6d2ff, 0px 0px 10px #c6d2ff, 0px 0px 10px #c6d2ff, 0px 0px 15px #c6d2ff, 0px 0px 15px #c6d2ff;}
		
	.padtop { padding-top:10px;}
	.padtop2 { padding-top:4px;}
	
	#activo {text-decoration:none; text-transform:uppercase; color:#000; font-weight:700;
		-moz-text-shadow:0px 0px 5px #c6d2ff, 0px 0px 5px #c6d2ff, 0px 0px 5px #c6d2ff, 0px 0px 10px #c6d2ff, 0px 0px 10px #c6d2ff, 0px 0px 15px #c6d2ff, 0px 0px 15px #c6d2ff;

-webkit-text-shadow:0px 0px 5px #c6d2ff, 0px 0px 5px #c6d2ff, 0px 0px 5px #c6d2ff, 0px 0px 10px #c6d2ff, 0px 0px 10px #c6d2ff, 0px 0px 15px #c6d2ff, 0px 0px 15px #c6d2ff;

-o-text-shadow:0px 0px 5px #c6d2ff, 0px 0px 5px #c6d2ff, 0px 0px 5px #c6d2ff, 0px 0px 10px #c6d2ff, 0px 0px 10px #c6d2ff, 0px 0px 15px #c6d2ff, 0px 0px 15px #c6d2ff;

-ms-text-shadow:0px 0px 5px #c6d2ff, 0px 0px 5px #c6d2ff, 0px 0px 5px #c6d2ff, 0px 0px 10px #c6d2ff, 0px 0px 10px #c6d2ff, 0px 0px 15px #c6d2ff, 0px 0px 15px #c6d2ff;

	text-shadow:0px 0px 5px #c6d2ff, 0px 0px 5px #c6d2ff, 0px 0px 5px #c6d2ff, 0px 0px 10px #c6d2ff, 0px 0px 10px #c6d2ff, 0px 0px 15px #c6d2ff, 0px 0px 15px #c6d2ff;}
/*********************************section*************************************/



#menu {width:930px; height:53px; background: url(images/bg_btn.jpg) repeat-x left top; border:1px solid #001640;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
-ms-border-radius: 10px;
border-radius: 10px;
}
#menu ul {list-style:none; margin:0; padding:0;}
#menu li {float:left; display:block; color:#fff; padding:0; margin:20px 10px 0 10px;}
#menu li a{ text-decoration:none; text-transform:uppercase; color:#fff; font-weight:700; padding:0 5px 0 8px;}
#menu li a:hover {background:url(images/bg_btnhover.jpg) repeat-x top left; padding:20px 8px 16px 8px; color:#3e3e3e; border-top:1px solid #a7a7a7; border-bottom:1px solid #a7a7a7;}	
#activo2 { font-weight:700;  text-decoration:none; text-transform:uppercase; background:url(images/bg_btnhover.jpg) repeat-x top left; padding:20px 8px 16px 8px; color:#3e3e3e; border-top:1px solid #a7a7a7; border-bottom:1px solid #a7a7a7; margin:-21px 0 0 0;}


#sombra { width:980px; height:auto; margin:0 auto; padding:0; background-color:#FFF;
box-shadow:0px 0px 4px #000;
-moz-box-shadow:0px 0px 4px #000;
-o-box-shadow:0px 0px 4px #000;
-ms-box-shadow:0px 0px 4px #00;
-webkit-box-shadow:0px 0px 4px #000;
}

section {margin:0 auto; width:980px; height:auto;}
section header {height:60px; width:920px; margin:0; padding:25px 15px 15px 15px;}

#banner {width:980px; height:327px; padding:20px 0 0 23px; margin:0 auto;}

.slideshow {width:597px; height:323px; overflow:hidden; float:left;}
.marcaagua { width:597px; height:323px; float:left; z-index:999; position:absolute; background:url(images/marca_agua.png) no-repeat top left;}

.slideshow2 {width:934px; height:300px; overflow:hidden; float:left;}
.marcaagua2 { width:934px; height:300px; float:left; z-index:999; position:absolute; background:url(images/marca_agua2.png) no-repeat top center;}



.info { float:right; width:320px; height:323px; color:#000; padding:45px 50px 0 0; text-align:justify;}

h1 { font-size:25px; font-weight:400; color:#012770; padding:10px 1px 1px 0; margin:1px; text-transform:uppercase; }
h2 { padding:1px; margin:25px 1px 25px 1px; font-size:20px; color:#0248ba; font-weight:400; text-transform:uppercase;}
h3 { padding:1px; margin:1px; font-size:20px; color:#000; font-weight:400;}

.mapa {width:360px; height:170px; border:none;}

/*********************************  index  *************************************/

#index { width:900px; min-height:450px; padding:25px 35px 35px 0; font-size:16px;}

#marcas { width:313px; background:url(images/bg_marcas.jpg) repeat-x top left #000; float:right; margin:-485px 20px 0 0; height:687px; color:#fff; text-align:justify; padding:7px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
-ms-border-radius: 10px;
border-radius: 10px;
}
#marcas ul {list-style:none; margin:0; padding:0;}

#marcas figure { width:100%; text-align:center;}
#marcas figure img {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
-ms-border-radius: 10px;
border-radius: 10px;}

.cont { width:600px; list-style:none; margin:0; padding:0;}
.cont li {float:left; background:url(images/bg_apartados.jpg) top left repeat-x; margin-right:3px; border:1px solid #dadada; width:195px; height:700px; margin-bottom:10px;-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
-ms-border-radius: 10px;
border-radius: 10px;}

.bg1 {background:url(images/bg_titulo1.jpg) repeat-x left top; height:15px; padding:15px 0 20px 15px; color:#FFF; font-weight:700; font-size:16px; text-transform:uppercase;-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
-ms-border-radius: 10px;
border-radius: 10px;}

.bg2 {background:url(images/bg_titulo2.jpg) repeat-x left top; height:15px; padding:15px 0 20px 15px; color:#FFF; font-weight:700; font-size:16px; text-transform:uppercase;-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
-ms-border-radius: 10px;
border-radius: 10px;}

.bg3 {background:url(images/bg_titulo3.jpg) repeat-x left top; height:15px; padding:15px 0 20px 15px; color:#FFF; font-weight:700; font-size:16px; text-transform:uppercase;-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
-ms-border-radius: 10px;
border-radius: 10px;}




.elemento {padding:0 9px 15px 8px; text-align:justify; font-size:12px; height:200px;}
.elemento img {-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
-ms-border-radius: 10px;
border-radius: 10px;}


.leermas {width:auto;}
.leermas a {color:#1c70ff; text-decoration:underline; font-size:12px; font-weight:700; background:url(images/flecha.png) no-repeat top right; padding: 0 20px 5px 10px;}
.leermas a:hover {color:#F00; background:url(images/flecha_hover.png) no-repeat top right;}

.leermas2 {width:auto; float:right; margin:0 20px 0 0;}
.leermas2 a {color:#1c70ff; text-decoration:underline; font-size:12px; font-weight:700; background:url(images/flecha.png) no-repeat top right; padding: 0 20px 5px 10px;}
.leermas2 a:hover {color:#fff; background:url(images/flecha_hover2.png) no-repeat top right;}



#texto {width:350px; height:auto; padding:25px 15px 0 0; text-align:justify;}
.barra { border-bottom:1px solid #000; font-size:1px; width:100%; margin:25px 0 25px 0;}


.vermas {text-align:left; margin:15px 0 0 80px;}
.vermas a {font-size:24px; color:#8a1738; text-decoration:none;}
.vermas a:hover{color:#cd0b0b;}




/********************************* footer *************************************/
footer { width:900px;  height:52px;  margin:0 auto; padding:15px 0 0 0; text-align:center;}
#foot { border-top:1px solid #000; width:900px; height:40px; text-align:right; padding:10px 0 0 0;  margin:0 auto;}





/********************************* contacto *************************************/

.datos {float:left; width:250px; height:360px; padding:35px 0 0 280px; background:url(images/img_contacto.jpg) no-repeat left bottom;}
.datos strong {font-size:18px; font-weight:700; color:#0248ba;}
.forma {float:right; width:400px; height:450px;}

input{
    border:1px solid #cccccc;
    width:250px;
    height:25px;
    font-size:16px;
    color:#000;
    padding-left:5px;
    padding-top:2px;
	font-family:Arial, Helvetica, sans-serif;
}

textarea{
    border:1px solid #cccccc;
    font-size:15px;
    color:#000;
    padding-left:5px;
    padding:0px;
	width:255px;
	height:100px;
	font-family:Arial, Helvetica, sans-serif;
}

.btn {
	margin:10px 0 0 0;
text-align:center;
 height: 30px;
 width: 100px;
 text-align:right;
 padding-right:15px;
 border: 0px;
cursor:pointer;
color:#fff;
font-size:16px;
font-family:Arial, Helvetica, sans-serif; font-weight:700;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: #666 0px 2px 3px;
-moz-box-shadow: #666 0px 2px 3px;
box-shadow: #666 0px 2px 3px;
background: #012770;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#012770), to(#003bad));
background: -webkit-linear-gradient(#012770, #003bad);
background: -moz-linear-gradient(#012770, #003bad);
background: -ms-linear-gradient(#012770, #003bad);
background: -o-linear-gradient(#012770, #003bad);
background: linear-gradient(#012770, #003bad);
-pie-background: linear-gradient(#012770, #003bad);
}

.btn:hover {
	-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: #666 0px 2px 3px;
-moz-box-shadow: #666 0px 2px 3px;
box-shadow: #666 0px 2px 3px;
background: #003BAD;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#003BAD), to(#012770));
background: -webkit-linear-gradient(#003BAD, #012770);
background: -moz-linear-gradient(#003BAD, #012770);
background: -ms-linear-gradient(#003BAD, #012770);
background: -o-linear-gradient(#003BAD, #012770);
background: linear-gradient(#003BAD, #012770);
-pie-background: linear-gradient(#003BAD, #012770);
	
	}


/************* FANCY BOX *******************/

.hide { display: none;}
.content {width:550px; height:500px; overflow:auto; text-align:justify; padding:0 10px 0 0;}
.content td {padding:5px 0 5px 0;}
.content2 {width:300px; height:200px; overflow:auto;}
.td1 {width:120px; text-align:right; padding:0 15px 0 0; vertical-align:middle;	}

/********/
#push {clear:both;}



/************ menu desplegable ************/

.widget {
	width: 900px;
	padding: 10px;
	margin-bottom: 15px;
}

	.widget a {
	font-size:18px;
	color: #000;
	text-decoration: none;
	}
	
	.widget a:hover {
	color: #0248ba;	
	text-decoration: underline;

	}

	.tabnav  { float:left; width:250px; padding:0 0 15px 15px;}
	.tabnav li {
		border: 1px solid #CCC;
		margin:0 0 15px 0;
	list-style: none;
	line-height:35px;
	}
	
		.tabnav li a {
		text-decoration: none;
		color: #000;
		
		font-size:18px;
		background:none;
		padding:0 0 0 10px;
		}
			
		.tabnav li a strong { color:#0248ba}
		
		.tabnav li a:hover, .tabnav li a:active, .tabnav li.ui-tabs-selected a {
		background:none;
		color: #0248ba;
		text-decoration: none;
			background:url(images/flecha.png) left top no-repeat;
			margin:0 0 0 5px;
		padding:0 0 0 20px;
		font-weight:700;
		}
		
	.tabdiv {
		text-align:justify;
	padding: 0 25px 5px 5px;
	float:right;
	width:600px;
	color:#000;
	padding:0 0 15px 15px;}
	
	.tabdiv i {font-style:normal; font-weight:400; color:#F00; font-size:16px;}
	
	
		.tabdiv ul{ list-style:none;}
		.tabdiv li {
		margin:0;
		}
		
		

.ui-tabs-hide {
		display: none;
		}
		
/********/		

.suppliers img {margin:0 0 -3px 0;}

.descarga { padding:15px 0 0 0; height:auto; width:300px;}
.descarga2 { padding:15px 0 0 0; height:auto; width:400px;}
.descarga3 { padding:0 0 0 15px; height:auto; width:170px;}
.descarga3 img {margin:0 0 -15px 0;}

.descarga4 { padding:0 0 0 15px; height:auto; width:500px;}
.descarga4 img {margin:0 0 -15px 0;}

.descarga5 { padding:0 0 0 15px; height:auto; width:600px;}



.descarga a, .descarga2 a, .descarga3 a, .descarga4 a {text-decoration:none;}
.descarga a:hover, .descarga2 a:hover, .descarga3 a:hover{color:#0248ba; text-decoration:none;}
.descarga3 a, .descarga4 a, .descarga5 a {font-size:15px;}

.descarga4 a:hover, .descarga5 a:hover {text-decoration:underline;}

.foto1 {float:right; margin:40px 0 0 10px; padding:2px; border:1px solid #0248ba; -webkit-border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
-ms-border-radius: 10px;
border-radius: 10px;}
.foto1 img {-moz-border-radius: 10px;
-o-border-radius: 10px;
-ms-border-radius: 10px;
border-radius: 10px;}

#contenido {width:935px; margin:0 0 0 20px;}

.productos {width:600px;}
.productos ul {margin:0; padding:0; list-style:none;}
.productos li { float:left; display:block; width:170px; margin:10px; padding:3px;}
.productos figure {float:left; display:block; width:170px; text-align:center;}
.productos figure img { border:1px solid #0248ba; padding:2px;
	-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
-ms-border-radius: 10px;
border-radius: 10px;}

.productos2 {width:600px;}
.productos2 ul {margin:0; padding:0; list-style:none;}
.productos2 li { float:left; display:block; width:170px; height:230px; margin:10px; padding:3px;}
.productos2 li.figure_item {height:200px;} /*****200***/	
.productos2 li.item {height:150px;}/*****50***//*****150****/
.productos2 li.figure_item2 {height:200px;} /*****200***/	
.productos2 li.item2 {height:50px;}/*****50***//*****150****/
.productos2 li.figure_item3 {height:230px;} /*****200***/	
.productos2 li.item3 {height:150px;}/*****50***//*****150****/
.productos2 li.figure_item4 {height:230px;} /*****200***/
.productos2 li.item4 {height:150px;}/*****50***//*****150****/
.productos2 figure {float:left; display:block; width:170px; text-align:center;}
.productos2 figure img, .prod5 { border:1px solid #0248ba; padding:2px;
	-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
-ms-border-radius: 10px;
border-radius: 10px;}

.prod5 {width:170px;}

.productos3 {width:600px;}
.productos3 ul {margin:0; padding:0; list-style:none; margin-bottom:20px;}
.productos3 li {display:block; width:400px; margin:10px; padding:3px;}
.productos3 figure {float:left; display:block; width:170px; text-align:center;}


.productos4 {width:900px; padding:0 0 0 25px;}
.productos4 ul {margin:0; padding:0; list-style:none;}
.productos4 li { float:left; display:block; width:170px; height:330px; margin:10px 10px 10px 18px; padding:12px;}
.productos4 figure {float:left; display:block; width:170px; text-align:center;}
.productos4 figure img { border:1px solid #0248ba; padding:2px;
	-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
-ms-border-radius: 10px;
border-radius: 10px;}



.barra2{ width:600px; height:10px; padding:10px 0 10px 0; margin:10px 0 10px 0; border-bottom:1px solid #CCC;}

.medida1 {height:460px;} /*****420***/	
.medida2 {height:870px;} /****780***/
.medida3 {height:1330px;}/****1250***/
.medida4 {height:480px;}
.medida5 {height:480px;}
.medida6 {height:970px;}
.medida7 {height:480px;}
.medida8 {height:480px;}
.medida9 {height:480px;}
.medida10 {height:980px;}
.medida11 {height:480px;}

.indice {width:500px;}
.indice ul, .indice2 ul {list-style:none; margin:0; padding:0;}
.indice li, .indice2 li {padding:0 0 10px 0;}
.indice a, .indice2 a {text-decoration:none; background:url(images/flecha4.png) no-repeat left top; padding:0 0 0 15px;}
.indice a:hover, .indice a:hover {text-decoration:none; background:url(images/flecha4_hover.png) no-repeat left top; margin:0 0 0 5px;}

.indice2 { width:600px; background:url(images/img_inicio10.jpg) right top no-repeat;}

.iraindice {width:600px; float:left; padding:15px 0 15px 0;}
.iraindice a {color:#1c70ff; text-decoration:none; font-size:16px; font-weight:700; background:url(images/flecha3.png) no-repeat top right; padding: 0 20px 5px 10px;}
.iraindice a:hover {color:#F00; background:url(images/flecha3_hover.png) no-repeat top right;}
.foto2 {padding:0 0 30px 0;}
.foto2 img {margin:0 0 -10px 0;}