@import url(reset.css);
@import url(jcarousel.css);
@import url(lightbox.css);
@import url(videobox.css);
/* PALETA
#16c2f4 - Celeste
#484848 - Gris oscuro
#bfbfc1 - Gris claro
*/

body {
  background: transparent url(../img/backgrounds/water.jpg) center top fixed;
  font-family: "Arial", sans-serif;
  color: #d1d2d4;
  font-family: "Lucida Grande", "Arial Unicode MS", "Trebuchet MS", "Arial", sans-serif;
}

strong {font-weight: bold}

body.proyectos
  {background-image: url(../img/backgrounds/sand.jpg)}
body.gallery-collection-piscinas,
body.piscinas
  {background-image: url(../img/backgrounds/pool.jpg)}
body.gallery-collection-saunas,
body.saunas
  {background-image: url(../img/backgrounds/deck.jpg)}
body.gallery-collection-spas,
body.spas
  {background-image: url(../img/backgrounds/towell.jpg)}
body.ofertas
  {background-image: url(../img/backgrounds/grass.jpg)}

a:active, a:focus {outline: none}

a {text-decoration: none}

/*** layout *******************************************************************/

#page {
  width: 975px;
  margin: 0 auto;
}

#header {
  height: 80px;
  background: transparent url(../img/black_bg_2col.png) left top repeat-y;
}

/* logo */
#logo {
  display: block;
  float: left;
  margin-top: 6px;
  margin-left: 20px;
}

/* main-nav */
#main-nav {
  margin-top: 40px;
  float: right;
  width: 661px;
}

#main-nav li {
  width: 20%;
  text-align: center;
  float: left;
  background-position: center center;
  background-repeat: no-repeat;
  font-size: 16px;
}

#main-nav li span
  {display: none}

#main-nav li.proyectos
  {background-image: url(../img/main_nav/proyectos.png)}
#main-nav li.piscinas
  {background-image: url(../img/main_nav/piscinas.png)}
#main-nav li.saunas
  {background-image: url(../img/main_nav/saunas.png)}
#main-nav li.spas
  {background-image: url(../img/main_nav/spas.png)}
#main-nav li.ofertas
  {background-image: url(../img/main_nav/sale.png)}

#main-nav a {
  font-family: "Trebuchet MS", "Arial", sans-serif;
  text-transform: uppercase;
  display: block;
  height: 13px;
  width: 90px;
  margin: 0 auto;
  padding: 6px;
  border: 2px solid transparent;
}
#main-nav a:hover {
  border-color: #484848;
}
body.proyectos #main-nav li.proyectos a,
body.piscinas #main-nav li.piscinas a,
body.spas #main-nav li.spas a,
body.saunas #main-nav li.saunas a,
body.ofertas #main-nav li.ofertas a {
  border-color: #16c2f4;
}

/* blank */
#blank {
  background: transparent url(../img/black_bg_corners_2col.png) left top no-repeat;  
  width: 975px;
  height: 84px;
}
body.wide-col #blank {
  background-image: url(../img/black_bg_corners_1col.png);
}

/* main */
#main {
  clear: both;
  background: transparent url(../img/black_bg_2col.png) left top repeat-y;  
  overflow: auto;
  min-height: 500px;
}
body.wide-col #main {
  background: transparent url(../img/black_bg.png) top left repeat;
  padding: 10px 25px 25px 25px;
}

/* sidebar */
#sidebar {
  float: left;
  width: 218px;
  padding: 25px 15px;
}

/* content */
#content {
  float: right;
  width: 611px;
  padding: 14px 25px 25px 25px;
}

/* footer */
#footer {
  clear: both;
  background: transparent url(../img/black_bg_2col.png) left top repeat-y;  
  overflow: none;
  height: 37px;
  border-top: 1px solid #484848;
}
body.wide-col #footer {
  background: transparent url(../img/black_bg.png) top left repeat;
}
#footer .author,
#footer .copyright {
  color: #bfbfc1;
  float: left;
  line-height: 35px;
  font-size: 10px;
}
#footer .author {
  width: 221px;
  margin-right: 70px;
  padding-left: 25px;
}
#footer .author img {
  vertical-align: middle;
}
#footer .copyright {
  margin-left: 25px;
}
#footer hr {
  display: none;
}

/* sec-nav */
#sec-nav {
  float: right;
  font-size: 12px;
  margin-top: 5px;
}

#sec-nav li {
  float: left;
  background: transparent url(../img/gray_square.png) left center no-repeat;
  padding-left: 20px;
  margin: 0.4em 1.5em 0.4em 2em;
}
#sec-nav li a {
  text-transform: uppercase;
  padding: 6px;
}
body.la-empresa #sec-nav li.la-empresa a,
body.locales #sec-nav li.locales a,
body.contact #sec-nav li.contact a {
  color: #16c2f4 !important;
}

/*** contenido ****************************************************************/
a {
  color: white;
}

h1 {
  font-size: 30px;
  /*border-bottom: 1px solid #484848;*/
}

h2, h3 {
  font-size: 28px;
  border-bottom: 1px solid #484848;
  letter-spacing: 0.02em;
}

h2 {
  font-size: 28px;
  margin-top: 0.9em;
  margin-bottom: 0.7em;
  clear: both;
}

h3 {
  font-size: 20px;
  margin-top: 1.5em;
  margin-bottom: 1.0em;
}

p {
  margin: 1em 0;
  font-size: 14px;
}

#content .subtitle {
  text-transform: uppercase;
  font-size: 20px;
  color: #828282;
  width: auto;
  letter-spacing: -0.02em;
  margin-top: 0;
  margin-bottom: 2em;
}

.error {
  color: red;
  font-weight: bold;
}

p.read-more {
  text-align: right;
  margin-right: 15px;
}


/* forms */
form.big {
  margin-top: 2em;
}
form.small {
  margin-left: 30px;
}
form.big label {
  width: 100px;
}
form.small label {
  width: 80px;
}
form.big label,
form.small label {
  display: block;
  float: left;
}

form.big input,
form.big textarea,
form.small input,
form.small textarea {
  border: 1px solid #333;
  padding: 3px 5px;
  font-size: 13px;
}
form.big input,
form.big textarea {
  width: 300px;
}

form.small input,
form.small textarea {
  width: 227px;
}
form.big input:focus,
form.big textarea:focus,
form.small input:focus,
form.small textarea:focus {
  border-color: #16c2f4;
}

form.big .buttons,
form.small .buttons {
  text-align: right;
}
form.big .buttons {
  width: 412px;
}

form.big .buttons input,
form.small .buttons input {
  width: auto;
}

form.big .errorlist {
  color: red;
}

/* paginator */
.paginator {
  text-align: center;
  margin: 25px 0 5px;
}
.paginator .current {
  font-weight: bold;
  font-size: 16px;
}
.paginator .disabled {
  color: #aaa;
}

.paginator .pages {
  padding: 0 12px;

}

.paginator .previous,
.paginator .next {
  background-position: left top;
  background-repeat: no-repeat;
  padding-left: 70px;
  height: 10px;
  font-size: 10px;
}
.paginator .previous span,
.paginator .next span
  {display: none}

.paginator .previous {
  background-image: url(../img/paginator/prev.png);
}
.paginator .previous-disabled {
  background-position: left -12px;
}

.paginator .next {
  background-image: url(../img/paginator/next.png);
}
.paginator .next-disabled {
  background-position: left -12px;
}

/* menu sidebar */
#sidebar .menu {
  font-size: 12px;
  margin-top: 30px;
}

#sidebar .menu li {
  padding-left: 24px;
  margin-left: 15px;
  margin-bottom: 20px;
  background: transparent url(../img/gray_square.png) left 5px no-repeat;
  width: 150px;
}
#sidebar .menu li.active a {
  color: #16c2f4;
}
#sidebar .menu li.active li a {
  color: white;
}
#sidebar .galleries-highlight img {
  margin-bottom: 18px;
  display: block;
}
#sidebar .menu li.subitems {
}
#sidebar .menu .expand {
  padding: 0 8px;
  line-height: 12px;
  cursor: pointer;
  width: 20px;
  background: transparent url(../img/down.png) center center no-repeat;
}
#sidebar .menu .expanded {
  background-image: url(../img/up.png);
}
#sidebar .menu .submenu {
  display: none;
}
#sidebar .menu .submenu li {
  width: auto;
  background: none;
  padding-left: 0;
  margin: .8em 0 .8em 10px;
  font-size: 12px;
}

/* galleries */
.gallery-controls {
  float: right;
}

.gallery-controls a {
  display: block;
  height: 7px;
  width: 7px;
  margin: 3px 3px 3px 0;
  background-color: #484848;
  float: left;
}
.gallery-controls a.active {
  background-color: #16c2f4;
}
.gallery-controls a span {
  display: none;
}
.click-zoom {
  background: transparent url(../img/icons/zoomin_dark.png) bottom right no-repeat;
  z-index: 1000;
  height: 20px;
  width: 20px;
  display: block;
  position: absolute;
  bottom: 5px;
  right: 5px;
}


/*** dtt **********************************************************************/

/* home */
body.home #content h1 {
  background: transparent url(../img/title_mileto.png) top left no-repeat;
  height: 24px;
  padding-bottom: 8px;
  margin-bottom: 0;
}
body.home #content h1 span
  {display: none}

/*** articles *****************************************************************/

body.articles .products-link {
  margin-top: 2em;
  display: block;
  border: 2px solid #484848;
  float: right;
  width: 255px;
  height: 14px;
  background-position: center center;
  background-repeat: no-repeat;
  padding: 6px;
}
body.articles .products-link:hover
  {border-color: #999}
body.articles .piscinas-products-link
  {background-image: url(../img/products_buttons/piscinas.png); width: 265px;}
body.articles .spas-products-link
  {background-image: url(../img/products_buttons/spas.png)}
body.articles .saunas-products-link
  {background-image: url(../img/products_buttons/saunas.png)}
body.articles .products-link span
  {display: none}

/* article-list */
body.home .article-image,
body.article-list .article-image {
  float: left; 
  margin-right: 10px;
  margin-bottom: 5px;
}

/*** projects *****************************************************************/

/* project-detail */
body.project-detail h1 {
  display: none;
}

body.project-detail dl.sheet {
  height: 5em;
  margin-bottom: 25px;
}

body.project-detail dl.sheet .row {
  float: left;
  border-left: 1px solid #484848;
  padding: 0 20px;
  height: 50px;
  padding-top: .8em;
}
body.project-detail dl.sheet .first-row {
  padding-left: 0;
  border-width: 0;
}

body.project-detail dl.sheet dd,
body.project-detail dl.sheet dt {
  font-weight: bold;
}

body.project-detail dl.sheet dt {
  text-transform: uppercase;
  color: #aaa;
  font-size: 11px;
}

body.project-detail dl.sheet dd {
  font-size: 18px;
  color: #d0d0d0;
}
body.project-detail dl.sheet .first-row dd {
  color: white;
}

body.project-detail .nav {
  float: right;
}

body.project-detail .nav li {
  float: left;
}

body.project-detail .nav li {
  border-right: 1px solid #484848;
  padding: 0 20px;
  height: 50px;
  padding-top: .8em;
  font-size: 18px;
  color: white;
  width: 5.3em;
  text-align: center;
}

body.project-detail .nav li.last {
  border: 0;
}
body.project-detail .nav li a {
}
body.project-detail .nav li .arrow {
  font-size:22px;
}

body.project-detail .description {
  width: 265px;
  float: right;
  min-height: 340px;
  _height: 340px;
}

body.project-detail .description p {
  margin-top: 0;
}

body.project-detail  li {
  display: absolute;
}


body.project-detail .gallery-wrapper {
  width: 635px;
  background-color: black;
  overflow: auto;
}

body.project-detail .gallery {
  width: 635px;
  height: 320px;
  overflow: hidden;
}

body.project-detail .gallery li {
  height: 320px;
  position: relative;
}

body.project-detail .gallery .jcarousel-list {
  height: 320px;
}

/* project-list */
body.project-list .project-grid {
  width: 100%;
}

body.project-list .project-grid td {
  padding-top: 20px;
  padding-right: 20px;
  width: 195px;
}

body.project-list .project-grid .last {
  padding-right: 0;
}

body.project-list .project-grid .data {
  width: 295px;
}
body.project-list .project-grid .data dt {
  text-transform: uppercase;
  width: 80px;
  font-weight: bold;
  float: left;
  color: #aaa;
  color: #d0d0d0;
  clear: both;
  font-size: 10px;
  padding-top: 2px;
}
body.project-list .project-grid .data dd {
  float: left;
  display: block;
  width: 215px;
  font-size: 12px;
}
body.project-list .project-grid .data dd.name
  {color: white}

/*** products *****************************************************************/

body.article-list a.gallery,
body.product-detail a.gallery,
body.product-list a.gallery {
  text-transform: uppercase;
  display: block;
  background: transparent url(../img/icons/camera.png) 20px 23px no-repeat;
  padding-left: 53px;
  margin-left: 20px;
  padding-top: 20px;
  margin-top: 50px;
  border-top: 1px solid #484848;
  width: 120px;
}

#sidebar .newsletter {
  text-transform: uppercase;
  display: block;
  background: transparent url(../img/icons/mail_open.png) 18px 3px no-repeat;
  padding-left: 53px;
  margin-bottom: 2em;
}

/* product-list */
body.product-list h1 {
  display: none;
}

td.product-block {
  width: 220px;
  padding-bottom: 25px;
}

td.product-block-last {
  width: 185px;
}

td.product-block .name {
  margin-top: 5px;
  display: block;
}

/* product-detail */
body.product-detail .content-left {
  width: 350px;
}
body.product-detail .content-right {
  width: 240px;
  float: right;
}
body.product-detail .description {
  margin-top: 1em;
}
body.product-detail .description p {
  margin: 0 0 1em 0;
}
body.product-detail form.mail {
  display: none;
}
body.product-detail h2.mail,
body.product-detail a.zoom-button {
  font-size: 12px;
  border: 0;
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 30px;
  cursor: pointer;
  letter-spacing: 0.02em;
  display: block;
  color: #d1d2d4;
  margin-top: 0.9em;
  margin-bottom: 0.7em;
}
body.product-detail h2.query {
  background-image: url(../img/icons/mail.png);
}
body.product-detail h2.recommend {
  background-image: url(../img/icons/box.png);
}
body.product-detail a.zoom-button {
  background-image: url(../img/icons/zoomin.png);
  line-height: 20px;
  margin-top: .3em;
  margin-bottom: 1.5em;
}
body.product-detail .links,
body.product-detail .videos,
body.product-detail .attachments {
  margin-top: 1.5em;
}
body.product-detail .links li,
body.product-detail .videos li,
body.product-detail .attachments li {
  background-repeat: no-repeat;
  background-position: left top;
  padding-left: 24px;
  line-height: 22px;
  margin-bottom: .4em;
}
body.product-detail .attachments li {
  background-image: url(../img/icons/file.png);
  background-position: 3px top;
}
body.product-detail .links li {
  background-image: url(../img/icons/globe.png);
}
body.product-detail .videos li {
  background-image: url(../img/icons/video.png);
}

body.product-detail .gallery-wrapper {
  width: 350px;
  background-color: black;
  overflow: hidden;
}

body.product-detail div.gallery ul {
  width: 350px;
  height: 350px;
  overflow: hidden;
  position: relative;
}

body.product-detail div.gallery li {
  height: 350px;
}

body.product-detail div.gallery .jcarousel-list {
  height: 350px;
}

body.product-detail .related-products-block li {
  float: left;
  margin-right: 22px;
  margin-bottom: 19px;
}

body.product-detail .related-products-block li .name {
  display: block;
  width: 100px;
  font-size: 10px;
  height: 2em;
}

/*** galleries ****************************************************************/

/* item-list */
body.gallery .title {
  text-transform: uppercase;
  display: block;
  background: transparent url(../img/icons/camera.png) 12px 2px no-repeat;
  border-bottom: 1px solid #484848;
  padding-left: 44px;
  margin-bottom: 1.5em;
  padding-bottom: 5px;
}

body.gallery h1 {
  display: none;
}

/*** locales ******************************************************************/
body.locales .local-description {
  width: 388px;
  float: left;
  margin-left: 20px;
}

body.locales .local-description p {
  margin: 0 0 1em 0;
}

body.locales .local-images {
  width: 200px;
  float: left;
  margin-bottom: 30px;
}

body.locales .local-images .photo {
  display: block;
}

body.locales .local-images .photo {
  margin-bottom: 25px;
}

body.locales .local-data dt {
  text-transform: uppercase;
  width: 65px;
  float: left;
  font-size: 10px;
  color: #d0d0d0;
  font-weight: bold;
  padding-top: 4px;
}

body.locales .local-data dd {
  width: 300px;
  float: left;
}