/* Theme Name: Aqua-Net Menorca Version: 1.0 Description: Diseñado por 3 Webd Author: James Kockelbergh for 3 Webd Author URI: http://3webd.com */ /* General reset - Reset general */ * {margin: 0; padding: 0} /* Default styles - Estilos por defecto */ a {text-decoration: none;} a:hover {text-decoration: underline;} img, img a {border: none; padding: 0px;} .left {float: left;} .right {float: right;} .clearfix {clear: both;} .top {margin-top: 5px;} div {position: relative;} /* The BODY - El cuerpo */ #pagewrap {width: 960px; margin: 0 auto;} body {background: url(../images/backg1.gif) repeat; font-family: Arial, Verdana, Helvetica; font-size: 0.9em; font-weight: normal; color: #666666; letter-spacing: 0.05em; line-height: 1.4em;} #index #pagewrap #header h1 {background: url(../images/header-background-1.jpg) no-repeat; display: block; height: 280px; width: 100%; overflow: hidden;} #aquanet-alarm #pagewrap #header h1 {background: url(../images/header-background-7.jpg) no-repeat; display: block; height: 280px; width: 100%; overflow: hidden;} #aquanet #pagewrap #header h1 {background: url(../images/header-background-2.jpg) no-repeat; display: block; height: 280px; width: 100%; overflow: hidden;} #how-aquanet-works #pagewrap #header h1 {background: url(../images/header-background-3.jpg) no-repeat; display: block; height: 280px; width: 100%; overflow: hidden;} #child-safety #pagewrap #header h1 {background: url(../images/header-background-4.jpg) no-repeat; display: block; height: 280px; width: 100%; overflow: hidden;} #aquanet-gallery #pagewrap #header h1 {background: url(../images/header-background-5.jpg) no-repeat; display: block; height: 280px; width: 100%; overflow: hidden;} #contact #pagewrap #header h1, #thankyou #pagewrap #header h1, #error #pagewrap #header h1 {background: url(../images/header-background-6.jpg) no-repeat; display: block; height: 280px; width: 100%; overflow: hidden;} #thankyou #pagewrap #header h1 {background: url(../images/header-background-6.jpg) no-repeat; display: block; height: 280px; width: 100%; overflow: hidden;} #error #pagewrap #header h1 {background: url(../images/header-background-6.jpg) no-repeat; display: block; height: 280px; width: 100%; overflow: hidden;} #privacy-policy #pagewrap #header h1 {background: url(../images/header-background-2.jpg) no-repeat; display: block; height: 280px; width: 100%; overflow: hidden;} #legal-statement #pagewrap #header h1 {background: url(../images/header-background-3.jpg) no-repeat; display: block; height: 280px; width: 100%; overflow: hidden;} /* The Header - La Cabecera */ #header {margin: 25px 0 10px 0; height: 310px; background-color: #04396c; padding: 10px;} #header h1 {display: block; width: 100%; height: 280px; margin-bottom: 10px;} #header h1 a {display: block; width: 396px; height: 55px; background: url(../images/aquanet-logo.png) no-repeat; margin: 12px 0 0 12px;} #header h1 a span {display: none;} #header p {display: block; height: 35px; width: 940px; top: 220px; position: absolute; background-color: #04396c; text-align: right; font-size: 1.2em;} #header p span {color: #999999; line-height: 35px; vertical-align: middle;} #main-nav li, #lang li {list-style: none; float: left;} #lang {margin-right: 10px;} #main-nav li a {color: #F63; font-size: 0.8em; text-transform: uppercase; margin-right: 15px;} #main-nav li a:hover, .active {text-decoration: none; border-bottom: 5px solid #F63; color: #ffffff !important;} #lang li a {color: #ffffff; font-size: 0.7em; margin-left: 10px; vertical-align: middle; line-height: 1em;} /* Pages with sidebar - Páginas con sidebar */ #main {padding: 10px; background-color: #04396c; margin-bottom: 10px;} #content {width: 65%; background: url(../images/backg1.gif) repeat; padding: 10px;} #content h2, #content h3 {color: #ffffff; margin-bottom: 10px;} #content h2 {line-height: 1.3em;} #content blockquote {font-style: italic; margin-bottom: 10px; color: #ffffff; font-size: 1em;} #content p {color: #333333; margin-bottom: 10px;} #content p a {text-decoration: underline; color: #333333;} #content p a:hover {text-decoration: none;} #content object {margin-right: 10px;} #aquanet-gallery #pagewrap #content, #error #pagewrap #content, #contact #pagewrap #content, #thankyou #pagewrap #content, #legal-statement #pagewrap #content, #privacy-policy #pagewrap #content {width: 71.7% !important;} #aquanet-gallery #pagewrap #content #gallery ul li {list-style: none; float: left; padding: 24px;} #sidebar {width: 29.6%; padding: 10px; background-color: #ffffff;} #sidebar h4 {display: block; width: 100%; vertical-align: middle; background-color: #F63; text-align: center; color: #04396c; line-height: 1.4em; margin-bottom: 10px; padding: 5px 0 5px 0;} #sidebar ul {padding-left: 20px;} #sidebar ul li {list-style-image: url(../images/bubble.gif); margin-bottom: 5px; font-size: 0.8em; color: #666666; line-height: 1.2em;} #sidebar p {font-size: 0.8em; font-weight: bold; color: #666666; margin: 10px 0 10px 0; font-style: italic;} #aquanet-gallery #pagewrap #sidebar, #error #pagewrap #sidebar, #contact #pagewrap #sidebar, #thankyou #pagewrap #sidebar, #legal-statement #pagewrap #sidebar, #privacy-policy #pagewrap #sidebar {width: auto !important;} #ashome {display: block; background: url(../images/asome.jpg) no-repeat center; height: 100px; width: 100%; margin-bottom: 10px;} #ashome a {display: block; height: 100px; width: 100%;} #ashome a span {display: none;} #business-oppotunity {display: block; background: url(../images/AquanetBusinessOpportunity.gif) no-repeat center; height: 193px; width: 100%; margin-bottom: 10px;} #business-oppotunity a {display: block; height: 193px; width: 100%;} #business-oppotunity a span {display: none;} #oportunidad-negocio {display: block; background: url(../images/AquanetOportunidadNegocio.gif) no-repeat center; height: 193px; width: 100%; margin-bottom: 10px;} #oportunidad-negocio a {display: block; height: 193px; width: 100%;} #oportunidad-negocio a span {display: none;} #oportunidad-negocio-aleman {display: block; background: url(../images/AquanetOportunidadNegocioAleman.gif) no-repeat center; height: 193px; width: 100%; margin-bottom: 10px;} #oportunidad-negocio-aleman a {display: block; height: 193px; width: 100%;} #oportunidad-negocio-aleman a span {display: none;} /* Pages with photo in main content - Páginas con foto en el texto */ #aquanet #pagewrap #content span {display: block; background: url(../images/swimmingPoolPhoto.jpg) no-repeat; height: 373px; width: 561px; border: 3px solid #04396c; margin-left: 20px;} #aquanet #pagewrap #sidebar span {display: block; background: url(../images/mumAndDaughter.jpg) no-repeat; height: 128px; width: 200px; margin: 10px 0 0 40px;} #how-aquanet-works #pagewrap #content span {display: block; background: url(../images/aquaroller2.jpg) no-repeat; height: 160px; width: 200px; border: 3px solid #04396c; margin-right: 10px;} #how-aquanet-works #pagewrap #sidebar span {display: block; background: url(../images/children.jpg) no-repeat; height: 152px; width: 203px; margin: 10px 0 0 40px;} #aquanet-alarm #pagewrap #sidebar span {display: block; background: url(../images/aquanet-alarm-components.jpg) no-repeat; height: 132px; width: 203px; margin: 10px 0 0 40px;} #child-safety #pagewrap #content span {display: block; background: url(../images/baby_net.jpg) no-repeat; height: 275px; width: 323px; border: 3px solid #04396c; margin-left: 140px;} #aquanet-alarm #pagewrap #content span {display: block; background: url(../images/aquanet-alarm.jpg) no-repeat; height: 421px; width: 561px; border: 3px solid #04396c; margin-left: 20px;} /* Legal Pages - Páginas de información Legal */ body#legal-statement #pagewrap #main #content ul {margin: 0 0 10px 20px; color: #333333;} body#legal-statement #pagewrap #main #content ul li {list-style: none;} /* Footer - Pie de página */ #footer {background-color: #04396c; margin-bottom: 10px; padding-left: 5px; color: #ffffff;} #footer ul li {list-style: none; padding: 0 20px 0 10px; font-size: 0.8em;} #footer ul li a {color: #ffffff;} #footer ul li h3 {font-size: 1.1em; font-weight: bold; color: #F63;} .footer-block {float: left; margin: 10px 5px 10px 5px; border-left: 1px solid #F63;} #design {height: 20px; margin-bottom: 10px;} #design a {font-size: 0.75em; color: #333333;} /* Contact page - Página de contacto */ form {width: 350px; margin: 20px 0 0 0;} label {float: left; width: 75px; line-height: 36px; vertical-align: middle; text-align: left; color: #ffffff; font-size: 0.9em;} input, textarea {float: right; width: 250px; height: 20px; line-height: 20px; vertical-align: middle; border: 3px solid #04396c; padding: 5px; margin-bottom: 10px;} textarea {height: 250px; font-family: Arial, Verdana, Helvetica;} input:focus, textarea:focus {border: 3px solid #F63;} .button {width: 80px; height: 30px; margin: 0 0 60px 10px;} .button:hover {border: 3px solid #F63; cursor: pointer;} iframe {display: block; width: 307px; height: 393px; background-color: #ffffff; border: 3px solid #04396c; margin-top: 20px;}