body {
font-family: Tahoma, Arial,'Trebuchet MS', sans-serif;
color: #000;
font-size: 10pt;
background: #4989D8 url(img/bg-biopool.jpg) no-repeat center fixed;
margin:0;
		text-align: center; /* for IE */
}

p {
margin: 0.3em 0 0.8em 0;
}



h1 {
font-weight: normal;
color: #1C1805;
font-size: 200%;
margin: 20px 0 5px 0px;
padding: 0;
letter-spacing: 0.2em
}




h2 {
text-transform: uppercase;
color: #4989D8;
font-size: 130%;
margin-bottom: 0.5em;
margin-top: 0;
font-weight: normal;
}

h2.p-prods {
letter-spacing: -0.07em;
}

h3 {
color: #F69622;
clear: both;
margin: 2em  0 0 0;
font-weight: bold;
font-size: 100%;
letter-spacing: 0;
text-transform: uppercase
}

h4 {
color: #4989D8;
margin: 1em 0 0 0;
padding: 0;
}

#contenedor {
margin: 20px auto;   /* align for good browsers */
text-align: left; /* counter the body center */
width: 715px;
}

#contenedor2 {
float: left;
width: 525px;
display: inline;
}

#header {
display: block;
width: 505px;
height: 151px;
background: url(img/header-biopool.jpg) no-repeat ;
margin: -13px 0 15px 0;
}

#header h1 {
margin:0;
padding: 0;
text-indent: -2000px;
}

#contenido {
color: #1D1B11;
float: left;
margin-left: 1px;
/*width: 470px;*/
width: 504px;
background: #fff;
padding: 10px;
display:inline;
}

#top-round {
height: 14px;
background: url(img/top-round.gif) no-repeat center;
}

#bottom-round {
height: 14px;
background: url(img/bottom-round.gif) no-repeat center;
}


#izq {
width: 180px;
float: left;
display:inline;
margin-top: 8px
}

#contacto {
text-align: right;
margin: 5em 5px  0 0;
font-size: 8pt;
color: #9AD6F7;
float: right;
}


#pie {
float: left;
width: 100%;
color:#FFFFFF;
text-align: center;
font-size: 80%;
}





a:link {
color: #4687D9
}

a:visited{
color: #4687D9;
text-decoration: none;
}

a:hover {
color: #DFA22D;
}



#contacto a:link {
color: #C7DFEB
}

#contacto a:hover {
color: #DFA22D;
}

a:link img {
border: 2px solid #82794D;
}

a:hover img {
border: 2px solid #1C1805;
}

#version {
text-align: right;
margin-right: 5px;
}


img.img-productos {
float: right;
margin: 0 20px;
}

img.img-productos-robots {
float: right;
margin: -35px 0 0 30px;
}

img.img-productos-platos {
float: right;
margin: 0px 0 10px 10px;
border: 1px solid #A9D2E8;
padding: 2px;
}

img.img-contacto {

margin: 0 0 5px 0;
border: 1px solid #A9D2E8;
padding: 2px;
}


/*------------menu---------------------*/
ul#nav {
padding:0;
margin: 0px 0 0 0;
text-transform: capitalize;
}

ul#nav li {
list-style: none;
}

#nav a{
color: #fff;
font-size: 20px;
text-align: right;
text-decoration: none;
padding: 5px;
margin: 2px 5px;
width: 160px;
display: block;
display: inline;
float: right;
}


#nav a:hover{
color: #A1D6F6; /*D9C84A;*/
text-decoration: underline;
}



ul#nav li ul{
float: right;
list-style: none;
margin: -0.3em 0 1em 0
}

ul#nav li ul li a{
font-size: 15px;
margin-top: 0;
margin-bottom: 2px;
padding-top: 0;
padding-bottom: 2px;

}

ul#nav li a.pointer{
cursor: default;
}

ul#nav li a.pointer:hover{
color: #fff;
text-decoration: none;
}



/*------------productos home---------------------*/

ul#prods-home {
margin: 0 0 0 5px;
padding: 0;
list-style: none;
}

ul#prods-home li {
position:relative;
display: block;
float: left;
width: 240px;
height: 100px;
border: 1px solid #ccc;
margin: 3px 5px 3px 0;
padding: 1px
}

ul#prods-home li img {
float: left;
margin: 8px 5px 0 3px;
}

ul#prods-home li p {
margin: 8px 0px 0 0;
}

ul#prods-home  li a{
position: absolute;
font-size: 8pt;
right: 5px;
bottom: 5px
}

ul#prods-home li.ecopool {
    width: 489px;
}

ul#prods-home li h2 {
text-align: center;
width: 100%;
margin: 0;
color: #fff;
text-transform: uppercase;
font-size: 14px;
font-weight: normal;
}

ul#prods-home li.ecopool h2 {
background: #693;
}

ul#prods-home li.biopiscinas h2 {
background: #DFA22D;
}

ul#prods-home li.robots h2 {
background: #4283d7;
}

ul#prods-home li.platos h2 {
background: #2CA6DE;
}

ul#prods-home li.paneles h2 {
background: #D13F1B; /*70042A*/
}






/*--------------tablas-----------------*/

table {
border: 1px solid #ccc;
border-collapse: collapse;
padding: 0;
margin: 1em 0 0 0;
}

tr.tr1 {
background: #CEE4F2;


}

tr.tr2 {
background: #EFF6FE;/*9EC7E5;*/
}

th {
text-align: center;
background: #4280D5; /*F7941D;*/
color: #fff;
padding: 5px;
font-size: 10pt;
text-transform: uppercase;
border: 1px solid #666;
}

td {
border: 1px solid #666;
margin: 0;
padding: 3px;
font-size: 80%;
}


/*----------------contacto------------------------------*/

p.mapa-grande {
font-size: 80%;
margin: 0;
}

div#contacto-izq {
float: left;
width: 200px;
margin-top: 20px
}

div#contacto-der{
float: left;
width: 300px;

}



div.form-dist {
margin-bottom: 5px;
}

form {

}

label { 
display:block; 
font-weight:bold; 
margin-bottom:3px;
margin-top: 0.7em;
}  

label.error {
color: #FFA51B;
}

input, textarea, select{
background: #fff;
border: 1px solid #0081ff;
color:#1C1805;
font-size:100%;
font-weight: normal;
padding:2px;
}

textarea{overflow:auto;
font-family: Arial, Verdana, 'Trebuchet MS', sans-serif;

}

input.boton {
cursor: pointer;
font-weight: bold;
background: #0081ff;
color: #fff;
border-color: #ccc;
padding: 0.3em 1em;
}

input.boton:hover {
background: #F69622;
}



h3.gracias {
margin: 40px 0;
text-align: center;
font-weight: bold;
font-size: 180%;
letter-spacing: 0.1em
}

p.gracias {
text-align: center;
margin-bottom: 100px
}

p.error_oculto {
display:none;
}

span.form_error {
font-weight: bold;
color: red;
font-size: 9pt;
display: block;
}