@charset "utf-8";
/* CSS Document */
* { padding:0; margin:0; outline:0; }
@import url(http://fonts.googleapis.com/css?family=Lobster);
@import url(http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:extralight);
@font-face {
  font-family: 'Yanone Kaffeesatz';
  font-style: normal;
  font-weight: 200;
  src: local('Yanone Kaffeesatz Thin'), local('YanoneKaffeesatz-Thin'), url('http://themes.googleusercontent.com/font?kit=We_iSDqttE3etzfdfhuPRQqTbvZhoFeVhlHCS0LaBIg') format('truetype');
}
h2 { margin-top:60px; font-size:24px; }
h3 { font-size:20px; color:#8dd3ff; }
body { background:#0448ad url(../images/bottom.jpg) repeat-x center bottom;font-family: Calibri ;font-size:14px;	line-height:19px;color:#fff;}
#bg { background:url(../images/top2.jpg) repeat-x center 0;}
#shell { width:960px; margin:0 auto; min-height:1700px; padding-bottom:200px; position:relative;}
h1#logo { font-size:0; line-height:0; width:194px; height:51px; padding:30px 0 20px 0;}
h1#logo a{ display:block; height:51px; background:url(../images/logo.png); text-indent: -4000px;}
#container { position:relative; top:20px;margin: 0 auto;width: 800px;}
#portfolio { padding-bottom:135px;}
.rel-content { position:relative; z-index:2;}
.copy { text-align: left; position:absolute; bottom:-140px; width:100%; left:0; color:#fff; font-size:16px; font-weight:bold; }
.copy a{ color:#fff; }
.copy a:hover{ color:#297bb5; }
textarea { overflow:auto; resize: none;}
#logo{position:fixed;width: 960px;height: 50px;left: 50%;margin-left: -480px;}
#menu{position:fixed;height:50px;left: 50%;margin-left: -252px;}
#products{position:relative;height:440px;font-size:18px; font-weight:normal; line-height:22px;font-family:Calibri;padding-top:120px;}
#servicios{position:relative;height:440px;font-size:18px; font-weight:normal; line-height:22px;font-family:Calibri;padding-top:120px; margin-top:160px;}
#about{position:relative;height:440px;font-size:18px; font-weight:normal; line-height:22px;font-family:Calibri;padding-top:60px;}
#about p
{
    display:block;margin:10px 0 0 0;padding:10px;background-color:#4e7ec4;
    /*text-shadow: blue 1px 1px 1px;*/font-size:16px;color:white;
    font-weight:normal;font-family:Calibri;border:solid 1px #7fd3ff;
}
#productos{position:relative;height:520px;font-size:18px; font-weight:normal; line-height:22px;font-family:Calibri;padding-top:60px; margin-top:160px;}
.left{float:left;position:relative;left:0px;}
.right{float:right;position:relative;right:8px;}
#pool{position:relative;height:580px;padding-top:60px;}
#pool #wizard{position:relative;height:800px;font-size:18px;}
#pool p
{
    display:block;margin:10px 0 0 0;padding:10px;background-color:#4e7ec4;
    /*text-shadow: blue 1px 1px 1px;*/font-size:16px;color:white;
    font-weight:normal;font-family:Calibri;border:solid 1px #7fd3ff;
}
#thumbs
{
    position:relative;
    left:-40px;
    width:auto;
    height:auto;
    border:solid 0px red;
}
#contacto{position:relative;height:500px;/*font-size:12px;*/font-size:14px; line-height:20px;font-family:calibri,arial,verdana;padding-top:120px;}
#contacto #aboutBox .ubicacion p 
{
    height:178px;
    display:block;margin:10px 0 0 0;padding:15px 10px 10px 10px;background-color:#0b2f63;
    /*text-shadow: blue 1px 1px 1px;*/font-size:16px;color:white;
    font-weight:normal;font-family:Calibri;border:solid 1px #7799cc;
}
#contacto img {width:397px; height:284px;}
#contactoBox{position:relative;height:350px;}
#contacto textarea{background:transparent;color:#fff;/*font-size:27px;*/height:115px;width:340px;;text-align:center;border:0;padding:5px;font-size:24px; font-weight:normal; line-height:35px;font-family:"Yanone Kaffeesatz", Georgia, "Times New Roman", Times, serif; box-shadow:inset 0px 0px 6px #072c48;}
#contacto #sendC{position:relative;top:0px;border:1px solid #006ab3;}

#contacto .contactForm input[type="button"]
{
    width:80px;
    height:33px;
    padding:5px;
    border:solid 0px red;
    background-color:#02253c;
    font-family:calibri,arial,verdana;
    font-size:14px;
    color:#fff;
    font-weight:bold;
    cursor:pointer;
}
#contacto .contactForm input[type="button"]:hover
{
    width:80px;
    height:33px;
    border:solid 0px red;
    background-color:#1681cc;
    cursor:pointer;
}
#contacto .contactForm input[type="button"]:active
{
    width:80px;
    height:33px;
    border:solid 0px red;
    background-color:##1681cc;
    cursor:pointer;
}
/*MENU*/
p,ul { margin: 0; padding: 0;}
#nav, #navEj { list-style: none; position: fixed; top: 24px; color: #222; z-index:1000; left:13%; width:700px; background:rgba(255,255,255,0.3) url(../images/logo.png) no-repeat left center; padding:15px 10px 15px 280px; border-radius:6px;}
#nav li, #navEj li { margin-bottom: 2px; display:inline-block; margin-right:8px;}
#nav a, #navEj a { background:rgba(83, 157, 196, 0.8); color: #FFFFFF; display: block; font-size: 12px; font-weight:600; padding: 10px 15px 10px 15px; text-decoration: none; text-transform: uppercase; border-radius:6px; box-shadow: 0px 0px 3px #003598;}
#nav a:hover, #navEj a:hover { background:url(../images/bg-menu2.png);}
#nav .current a { background:rgba(19, 64, 100, 0.8); color: #FFFFFF;}
.section { border-bottom: 5px solid #ccc; padding: 20px;}
.section p:last-child { margin-bottom: 0;}
#navEj { z-index:900; left:50%; margin-left:320px;}
/* SLIDER */
.pxs_container{	width:100%;height:545px;position:relative;overflow:hidden;top:0px;}
.pxs_bg{background:transparent url(../images/bg.png) repeat top left;}
.pxs_bg div{position:absolute;top:0px;left:0px;	width:7584px; /*1264px window width times number of images*/height:455px;background-repeat:repeat;background-position:top left;	background-color:transparent;}
.pxs_bg .pxs_bg1{background-image:url(../images/bg1.png);}
.pxs_bg .pxs_bg2{background-image:url(../images/bg2.png);}
.pxs_bg .pxs_bg3{background-image:url(../images/bg3.png);}
.pxs_slider_wrapper{display:none;}
.pxs_container ul{margin:0px;padding:0px;list-style:none;}
ul.pxs_slider{position:absolute;left:0px;top:0px;height:420px;}
ul.pxs_slider li{height:420px;float:left;position:relative;}
ul.pxs_slider li img{display:block;margin:35px auto 0px auto;}
ul.pxs_thumbnails{height:35px;position:absolute;top:420px;left:50%;}
ul.pxs_thumbnails li{position:absolute;display:block;}
ul.pxs_thumbnails li img{cursor:pointer;display:block;opacity:0.7;}
ul.pxs_thumbnails li.selected img{opacity:1.0;}
.pxs_navigation span{position:absolute;width:35px;height:90px;top:145px;opacity:0.25;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;cursor:pointer;top:240px;}
.pxs_navigation span:hover{opacity:0.9;}
.pxs_navigation span.pxs_prev{background:#fff url(../images/prev2.png) no-repeat center center;}
.pxs_navigation span.pxs_next{background:#fff url(../images/next2.png) no-repeat center center;}
.pxs_loading{color:#fff;font-size:20px;padding:15px 15px 15px 50px;position:absolute;background:#333 url(images/ajax-loader.gif) no-repeat 10px 50%;-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px;	opacity:0.7;width:180px;position:absolute;top:150px;left:50%;margin-left:-90px;}
/* WIZARD*/
#wizard input, #contacto input{background:transparent;color:#fff;/*font-size:27px;*/height:28px;width:370px;text-align:center;border:0;padding:5px;font-size:20px; font-weight:normal; line-height:28px;font-family:"Yanone Kaffeesatz", Georgia, "Times New Roman", Times, serif; box-shadow:inset 0px 0px 10px #072c48;}
#wizard #veneciano, #wizard #espanol,#wizard #vitreo,#wizard #siCalentador,#wizard #noCalentador,#wizard #siNado,#wizard #noNado{background:#297bb5;color:fff;height:35px;width:30px;text-align:left;font-size:30px;}
#wizard label{color:fff;/*font-size:12px;*/font-size:20px; font-weight:bold; line-height:24px;font-family:"Yanone Kaffeesatz", Georgia, "Times New Roman", Times, serif;}
#wizard .desc{color:fff;/*font-size:12px;*/text-align:left;height:102px;position:relative;font-size:20px; font-weight:normal; line-height:24px;font-family:"Yanone Kaffeesatz", Georgia, "Times New Roman", Times, serif;}
#wizard p .next, #wizard #sendWizard {position:absolute;top:230px;left:705px;width:auto;}
#wizard p .prev{position:absolute;top:230px;right:736px;}
#wizard img{width:270px;height:45px;}
fieldset { border:none; width:800px; margin-top:5px;}
legend { font-size:25px; margin:0px; padding:40px 0px; color:#fff; font-weight:bold;}
label { display:block; margin:5px 0 0px;}
.prev, .next, #wizard #sendWizard, #products a, #contacto #sendC{ background:#003860; padding:9px; color:#fff; text-decoration:none; font-size:9px; font-weight:bold; text-transform:uppercase;}
.prev:hover, .next:hover, #wizard #sendWizard:hover, #products a:hover, #contacto #sendC:hover { background-color:#297bb5; color:#fff; text-decoration:none;}
.prev { float:left;}
#sendWizard  { border:none;}
.next, #sendWizard  { float:right;}
#steps { list-style:none; width:100%; overflow:hidden; margin:0px; padding:0px;}
#steps li {font-size:25px; font-weight:bold; float:left; padding:11px; color:#297bb5;background:#004A7E;text-transform:uppercase;}
#steps li span {font-size:11px; display:block;text-transform:lowercase;font-weight:200;}
#steps li.current { color:#fff; background:#297bb5;}
#makeWizard { background-color:#b0232a; color:#fff; padding:5px 10px; text-decoration:none; font-size:18px;}
#makeWizard:hover { background-color:#000;}
#pool span a{font-size:13px; color:#88ceff;}
button, #products a{font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;font-size:9px; font-weight:bold;}