:focus {
outline : 0;
}
body, input, textarea {
font-family : Arial, Tahoma, sans-serif;
}
body {
background : url("../img/gradient.jpg") 0% 0% repeat-x scroll #f6f6f6;
color : #444343;
font-size : 12px;
height : 100%;
margin : 0;
text-align : center;
width : 100%;
}
a, a img {
border : 0 none;
color : #e0e0e0;
text-decoration : none;
}
h4 {
color : #efefef;
font-family : "f2", Tahoma, Arial, sans-serif;
font-size : 19px;
font-weight : normal;
line-height : 110%;
margin : 0 0 22px;
padding : 0;
}
.description {
width : 230px;
}
h4 {
color : #1e4262;
border-bottom : 1px solid #1e4262;
font-size : 11pt;
width : auto;
}
#share h4 {
border : none !important ;
}
#logo a {
margin-left : 63%;
width : 269px;
}
#header {
background : url("../img/back.png") 0% 0% repeat-x scroll #f6f6f6;
height : 475px;
margin-bottom : 150px;
min-width : 916px;
width : 100%;
}
#logo {
display : block;
min-width : 916px;
position : absolute;
text-align : center;
top : 10px;
width : 100%;
z-index : 100;
}
#menuprincipal {
margin-left : 11%;
position : absolute;
top : 60px;
width : 400px;
z-index : 100;
}
#menuprincipal ul {
display : none;
margin : 0 auto;
position : relative;
width : 600px;
}
#menuprincipal ul li {
float : left;
margin : 0 7px;
}
#menuprincipal ul li .share {
display : inline-block;
height : 16px;
margin : -2px 4px 2px 0;
overflow : hidden;
padding : 0;
width : 16px;
}
#menuprincipal a:active, #menuprincipal a.active, #menuprincipal a:hover, #menuprincipal a.hover, a#bB-close:hover, #bigBox-Content a:hover {
color : #06e7f2;
}
#menuprincipal ul li a:hover {
background-color : #006090;
}
#menuprincipal ul li a.active {
background-color : #006090;
}
#menuprincipal ul li a {
background-color : #00b0d6;
display : block;
padding : 5px 6px 6px;
}
div.tooltip a {
padding : 0 !important ;
margin : 0 !important ;
}
div.tooltip a img {
padding : 0 !important ;
margin-bottom : 0 !important ;
}
#menuprincipal a {
color : white;
font-family : Tahoma, Arial, sans-serif;
font-size : 13px;
}
#bigBox-Content a, a#bB-close {
color : #838383;
}
#fav {
cursor : pointer;
z-index : 1000;
margin : 5px 0 0 5px;
width : 16px;
height : 16px;
overflow : hidden;
position : relative;
}
#fav img {
position : relative;
margin-top : 0;
z-index : 100;
}
#fav img:hover {
margin-top : -16px;
}
.tooltip {
background : url("../img/fav_box.png") 0% 0% no-repeat scroll transparent;
display : none;
height : 145px;
margin-left : 3px;
margin-top : -60px;
padding : 0 10px 0 50px;
position : absolute;
text-align : left;
width : 163px;
z-index : 5;
}
#content {
clear : both;
height : 100%;
min-height : 688px;
overflow : auto;
position : absolute;
top : 0;
width : 100%;
overflow : hidden;
}
#slider-wrapper {
left : 0;
min-width : 916px;
position : absolute;
text-align : left;
top : 135px;
width : 100%;
}
.slider {
margin-left : 100%;
position : absolute;
width : 100%;
}
#slider-home {
margin-left : 0;
}
#footer-wrapper {
background-color : #006090;
color : #888888;
font-size : 10px;
height : 90px;
min-width : 920px;
overflow : hidden;
position : relative;
text-align : left;
width : 100%;
background : url("../img/footback.png") 0% 0% repeat-x scroll transparent;
}
#footer {
margin-top : 10px;
}
.teaser-box {
background : url("../img/box2b.png") 0% 0% no-repeat scroll transparent;
height : 340px;
margin : 0 auto;
padding : 30px;
position : relative;
width : 769px;
}
.teaser-box2 {
background : url("../img/box2.png") 0% 0% no-repeat scroll transparent;
height : 340px;
margin : 0 auto;
padding : 45px;
position : relative;
width : 769px;
}
#inicio-info {
float : left;
width : 280px;
}
#ini-info-wrapper {
width : 400px;
}
div.txt {
color : white;
margin : 30px;
}
div.txt label {
display : block;
font-weight : bold;
font-size : 15px;
}
#map1-wrapper {
width : 300px;
height : 300px;
background : url("../img/map1back.png") 0% 0% no-repeat scroll transparent;
padding : 4px;
margin-left : 450px;
margin-top : 20px;
position : relative;
}
#windguru-wrapper {
padding-left : 8px;
height : 290px;
}
#windguru-wrapper iframe {
width : 100%;
height : 100%;
}
#map2-wrapper {
width : 608px;
padding-left : 4px;
height : 409px;
padding-top : 5px;
background : url("../img/map2back.png") 0% 0% no-repeat scroll transparent;
}
#content p {
line-height : 140%;
margin : 15px auto;
padding : 0 80px 0 0;
position : relative;
width : 680px;
}
#content h2 {
margin-top : 5px;
position : relative;
}
#content ul {
margin-top : 15px;
}
ul {
list-style-type : none;
margin : 0;
padding : 0;
}
h2 {
background-color : #d4d4d4;
color : #373737;
display : inline-block;
font-family : f, Tahoma, Arial, sans-serif;
font-size : 45px;
font-weight : normal;
margin : -39px 0 0;
position : absolute;
}
h2 a {
color : #444343;
}
h3 {
color : #222222;
display : inline-block;
font-family : "f", Tahoma, Arial, sans-serif;
font-size : 35px;
font-weight : normal;
margin : 0;
background-color : #ddd;
}
h3 a {
color : #00003c !important ;
}
.no-frame, .max-frame {
height : 355px;
margin : 0 auto;
width : 827px;
}
.max-frame {
background : url("../img/box_001.png") 15px 0% no-repeat scroll transparent;
padding : 35px 0 0 70px;
}
.left-side {
float : left;
height : 500px;
position : relative;
width : 400px;
}
.right-side {
margin-left : 630px;
position : relative;
width : 150px;
}
#map2controls {
text-align : right;
}
#map2controls li {
list-style-type : none;
}
#map2controls li a {
text-decoration : none !important ;
font-size : 10pt;
font-weight : bold;
color : #0d315e !important ;
}
#map2controls li a:hover {
text-decoration : none !important ;
}
#map2controls li a:hover span {
border-bottom : 1px dotted #0d315e !important ;
}
#map2controls li a img {
border : 0;
}
li a img {
margin-bottom : -10px;
margin-left : 5px;
}
#content li {
margin-bottom : 9px;
}
#contacto-box-wrapper {
height : 530px;
min-width : 916px;
text-align : left;
width : 100%;
}
#contacto-box-content {
margin : 0 auto;
padding-left : 13px;
position : relative;
width : 770px;
}
#contacto-box {
margin-top : 35px;
position : absolute;
width : 400px;
}
#contacto-box2 {
margin-top : 0;
position : absolute;
}
#pano-wrapper {
padding-left : 5px;
padding-top : 5px;
width : 780px;
height : 310px;
background : url("../img/panoback.png") 0% 0% no-repeat scroll transparent;
}
#pano {
width : 770px;
height : 300px;
}
#contacto-sidebox {
left : 500px;
position : absolute;
top : 0;
width : 300px;
}
.right-side li, #slider-showroom li, #contacto-box li {
text-indent : -9px;
}
#contacto-box ul li {
margin-bottom : 7px;
}
#contacto-box a {
color : #444343;
}
label {
display : block;
margin : 10px 0 3px;
}
input[type="text"], textarea, input#button {
background-color : #006090;
color : #ffffff;
display : block;
margin-bottom : 5px;
}
input {
border : 0 none;
font-size : 13px;
height : 18px;
padding : 8px 5px;
width : 277px;
}
input#button {
background-image : none;
color : #ffffff;
cursor : pointer;
display : block;
height : 28px;
margin : 8px 0 0 198px;
padding : 0 5px;
width : 90px;
}
textarea {
border : 0 none;
font-size : 13px;
height : 101px;
padding : 5px 0 0 5px;
width : 282px;
}
#contacto-box2 ul {
padding : 2px;
list-style : none;
}
#contacto-box2 ul li {
padding : 5px 0;
}
#contacto-box2 ul li.phone {
background : url("../img/phone.png") 10px 5px no-repeat scroll transparent;
padding-left : 55px;
}
#contacto-box2 ul li.email {
background : url("../img/email.png") 10px 5px no-repeat scroll transparent;
padding-left : 55px;
}
#contacto-box2 ul li.add {
background : url("../img/add.png") 10px 5px no-repeat scroll transparent;
padding-left : 55px;
}
span.list_tit_right {
color : #a1493a;
font-size : 14px;
}
span.list_text {
color : #757474;
font-size : 10pt;
}
#gal-ima {
height : auto;
margin : 0 auto;
position : relative;
width : 680px;
}
.gal-item {
background : url("../img/showroom_bck.png") 0% 0% no-repeat scroll transparent;
height : 92px;
margin : 0 0 10px 10px;
overflow : hidden;
padding : 15px;
width : 92px;
float : left;
}
div.gal-item:hover {
background-position : -122px 0%;
}
.gal-item img {
height : 93px;
width : 93px;
}

#horario-box-wrapper {
text-align : left;
min-width : 900px;
width : 100%;
margin-bottom : 30px;
}
#horario-wrapper {
width : 770px;
margin : 0 auto;
position : relative;
}
#horario-box {
padding-left : 20px;
}
div.inter {
margin-top : 10px;
background : url("../img/clock.png") 0% 0% no-repeat scroll transparent;
height : 24px;
}
div.hparte {
padding-left : 30px;
padding-top : 5px;
}
#meteo-wrapper {
width : 100%;
text-align : center !important ;
}
#meteo-logos {
position : relative;
width : 300px;
left : 420px;
top : 110px;
}
#meteo-box-wrapper {
margin : auto;
width : 250px;
text-align : left;
position : relative;
top : 80px;
}
#meteo-box-wrapper ul li {
display : block;
height : 25px;
padding-left : 30px;
padding-top : 5px;
color : white;
font-weight : bold;
font-size : 15px;
}
#meteo-box-wrapper ul li a {
color : white;
}
#meteo-box-wrapper ul li a:hover {
text-decoration : underline;
}
#meteo-box-wrapper ul li a:active {
color : #0881c0;
}
#imareas {
background : url("../img/marea.png") 0% 0% no-repeat scroll transparent;
}
#ipmeteo {
background : url("../img/meteo.png") 0% 0% no-repeat scroll transparent;
}
#iwindguru {
background : url("../img/windguru.png") 0% 0% no-repeat scroll transparent;
}
#modal_mareas {
color : #00003c;
padding-left : 33px;
}
div.dmarea {
float : left;
text-align : left;
padding : 0;
height : 130px;
}
div.dmarea span {
text-decoration : underline;
font-weight : bold;
display : block;
background : url("../img/ical.png") 0% 0% no-repeat scroll transparent !important ;
height : 18px;
padding-left : 22px;
margin-left : 2px;
}
div.dmarea div {
width : 264px;
height : 103px;
padding-left : 7px;
padding-top : 5px;
background : url("../img/tmareas-back.png") 0% 0% no-repeat scroll transparent !important ;
}
div.dmarea div table {
border-collapse : collapse;
padding : 0;
width : 250px;
height : 90px;
}
div.dmarea div table thead {
background-color : transparent;
}
div.dmarea div table thead th {
color : white;
height : 20px;
}
div.dmarea div table tbody tr td {
padding : 0;
margin : 0;
border : none;
}
#basic-modal-content {
display : none;
}
div.modal-tit {
font-weight : bold;
font-size : 15px;
color : white;
height : 30px;
background : url("../img/modal-tit-back.png") repeat-x transparent;
padding-top : 3px;
}
#simplemodal-overlay {
background-color : #000;
}
#simplemodal-container {
height : 430px;
width : 600px;
color : #bbb;
border : 1px solid #444;
background : #e0e0e0;
}
.simplemodal-container {
background : url("css_pirobox/ajax-loader.gif") 50% 50% no-repeat scroll #000 !important ;
}
#simplemodal-container code {
background : #141414;
border-left : 3px solid #65b43d;
color : #bbb;
display : block;
font-size : 12px;
margin-bottom : 12px;
padding : 4px 6px 6px;
}
#simplemodal-container a {
color : #ddd;
}
#simplemodal-container a.modalCloseImg {
background : url(../img/x.png) no-repeat;
width : 25px;
height : 29px;
display : inline;
z-index : 3200;
position : absolute;
top : -15px;
right : -16px;
cursor : pointer;
}
#simplemodal-container h3 {
color : #84b8d9;
}
#selfecha, #selfecha a {
color : #00003c;
}
#modal_maritima {
color : #00003c;
padding-left : 28px;
}
div.dprevision > div {
clear : both;
}
div.dprevision > div {
position : absolute;
margin-top : 35px;
width : 633px;
height : 189px;
padding-left : 7px;
padding-top : 5px;
background : url("../img/tpredic-back.png") 0% 0% no-repeat scroll transparent !important ;
}
div.dprevision > div > table {
border-collapse : collapse;
padding : 0;
width : 625px;
}
div.dprevision > div > table > thead > tr {
height : 20px;
color : #fff;
}
div.dprevision > div > table > tbody > tr {
height : 40px;
}
div.dcomen {
padding-top : 10px;
text-align : left;
}
#navegador-no {
display : none;
}
#modal-nav-no {
background : #eee !important ;
border : 8px solid #ddd;
height : 190px;
width : 450px;
padding : 10px;
}
#navegador-no a.simplemodal-close {
color : #000;
font-size : 12px;
}
#navegador-no a.simplemodal-close:hover {
text-decoration : underline;
}
#a_ini {
display : block;
position : absolute;
top : 0;
}
#menulist {
display : block !important ;
}
#share h4 {
display : block;
width : 230px !important ;
margin : 35px 0 8px;
color : rgb(170, 170, 170);
}
iframe.frmfacebook {
border : medium none;
display : block;
overflow : hidden;
width : 80px !important ;
height : 35px !important ;
margin-top : 3px;
z-index : 30;
border : 0;
overflow : hidden;
}
#selidioma {
position : absolute;
top : 10px;
left : 94%;
z-index : 1000;
}
#content {
overflow : hidden;
}
#slider-wrapper {
top : 165px;
}
#mapv1 {
width : 287px;
height : 293px;
}
#slider-entorno {
left : 1000px;
}
div.max-frame {
/*opacity : 0.0;*/
margin-top : 200px;
}
#mapv2 {
width : 600px;
height : 400px;
}
#map2centrar {
margin-top : 40px;
}
#slider-meteo {
left : 2500px;
}
#nav-comp {
background-color : #507a8f;
text-align : right;
padding-top : 8px;
padding-right : 15px;
font-size : 10px;
color : white;
font-weight : normal;
border-top : 1px solid #ccc;
}
#footer-logos div {
text-align : center;
}
#logofin {
position : absolute;
left : 69%;
top : 20px;
}
.sp-u {
text-decoration : underline;
}
#i-saec {
display : none;
position : absolute;
left : 17%;
top : 20px;
}
#div-w3c {
float:left;
padding-top : 6px;
padding-left : 6px;
}

#img-css{
	border:0;
	width:88px;
	height:31px
}