@charset "utf-8";

/*-----------------------------------------------------------------------------
[Hotel Gran Proa] Screen Stylesheet
version:   1.0
date:      14/07/2010
author:    [J Quintana]
website:   [maismedia.com]
-----------------------------------------------------------------------------*/

@import url("reset.css"); 

* {margin:0;padding:0;border:0}

/* layout
-----------------------------------------------------------------------------*/
.clear{clear:both}
.right{float:right}
.left{float:left}

/* Setup
-----------------------------------------------------------------------------*/
body{font:62.5%/1.5 "Arial",Tahoma,Verdana,sans-serif;background:url(../img/bkg.jpg) no-repeat center 0 #85afbd;color:#000;text-align:left}
#content{padding:20px;background:url("../img/bkg-trans.png") repeat 0 0}
#slideshow{height:248px;position:relative;width:550px;margin:30px 30px 10px}

.area{width:610px;float:left}
.area ul.lis{margin:21px 30px 20px}
.area ul.lis li{font-size:13px;list-style:disc inside none;margin:0 20px}
.area ul.lis li a,.area ul.lis li a:visited{color:#1C8CB5}

.white{background:#fff}
p.highlight{font-size:16px;color:#1c8cb5;line-height:1.25;margin:21px 30px 20px}
.quatro{margin:0 0 0 30px;width:380px;line-height:1.42}
p.mapita{margin:0 30px 24px 20px}
.block{margin:20px 0 25px 0;width:610px}
.block .left{margin:0 0 0 30px}
.block .right{margin:-10px 20px 26px;width:235px}
.block .right p{margin:0}
p.apartit{color:#1c8cb5;font-size:10px;font-weight:bold;text-transform:uppercase;text-align:center;margin:0 0 10px}

.col{float:left;width:310px}
.col h2{color:#fff;font-size:20px;margin:8px 0 0 40px}
.col h2 span{color:#abdeef;font-weight:normal;font-size:16px}

ul.tabsr{padding:0;float:left;list-style:none;width:100%;margin:0 0 0 32px}
ul.tabsr li{float:left;margin:0;padding:0;height:31px;line-height:31px;border-left:none;	margin-bottom:-1px;overflow:hidden;position:relative}
ul.tabsr li a,h2 a{text-decoration:none;color:#abdeef;border-bottom:2px solid;font-size:20px;font-weight:bold;padding:0 9px;outline:none}
ul.tabsr li a:hover,h2 a:hover{color:#fff}	
html ul.tabsr li.active,html ul.tabsr li.active a:hover{color:#fff}
ul.tabsr li.active a{color:#fff;border:none}
.tab_container{clear:both;float:left;width:100%;margin:0 0 38px}
.tab_content{font-size:1.2em;background:url(../img/bkg-video.png) no-repeat 0 0;padding:35px 30px;width:250px;margin:-8px 0 0 20px;height:188px}
.tabdiv{padding:5px 5px 5px 5px;background:url(../img/bkg-video.png) no-repeat 0 0;height:260px;width:305px}
.callus{background:url(../img/telephone.gif) no-repeat 0 0;height:50px;margin:50px 0 0 40px;padding:0 0 0 20px}
.callus p{color:#abdeef;font-size:25px;font-weight:bold;line-height:.8;text-transform:uppercase;letter-spacing:-1.2px}

/* Typography
-----------------------------------------------------------------------------*/
strong{font-weight:bold}
h1,h2{font-size:26px;color:#1c8cb5;font-weight:bold;margin:0 30px}
.block h2{margin:23px 30px 30px}
h3{font-size: 1.8em}
p{font-size:12px;color:#0f131f;margin:10px 30px}
ul,ol,dl{list-style:none;font-size:1.2em}
li,dd,dt{font-size:1.2em}
a{color:#1C8CB5}

/* Header
-----------------------------------------------------------------------------*/
#wrapper{width:960px;text-align:left;margin:0 auto}
#header span.logo{margin:19px 10px 0;height:126px;width:209px;display:block;float:left}
#header span.logo a{background:url("../img/logo.png") no-repeat 0 0;display:block;height:116px;overflow:hidden;text-indent:-900px;white-space:nowrap;width:209px}
#header span.husa{background:url("../img/husa.png") no-repeat 0 0;display:block;height:24px;overflow:hidden;white-space:nowrap;width:46px;float:left;margin:30px 0 0}

/* Navigation
-----------------------------------------------------------------------------*/
#menu{margin:130px 0 0;height:40px}
ul.tabs{margin:0}
ul.tabs li{display:block;float:left;line-height:1}
ul.tabs li a{display:block;font-weight:bold;margin:0 0 0 -1px;padding:14px 15px 9px;border-left:1px solid transparent;text-decoration:none;color:#333;text-shadow:0.1px 1px #85AFBD}
ul.tabs li a:hover{color:#fff;border:0;margin:0;padding-top:14px;background:url("../img/bkg-trans.png") repeat 0 0}
ul.tabs li span{display:block;font-size:17px;line-height:1;font-weight:bold}
#menu li a:active,#hotel-rias-baixas #menu li.mhom a,#servicios #menu li.mser a,#habitaciones #menu li.mhab a, #ofertas #menu li.mofe a,#entorno #menu li.ment a,#localizacion #menu li.mloc a{color:#fff;border:0;margin:0;padding-top:14px;background:url("../img/bkg-trans.png") repeat 0 0}

/* Footer
-----------------------------------------------------------------------------*/
#footer{padding:17px 0}
#footer p{float:left;margin:0;font-size:11px;margin:0 20px}
#footer p a{color:#0f131f;text-decoration:none}
#footer p.design a, #footer p.design{color:#fff}

.social {height:19px;list-style:none;margin:0 105px 0 25px;display:inline-block;float:left}
.social li{float:left;margin:0 3px 0 0}
.social li.pic{background:url(../img/social.png) no-repeat 0 0px;height:19px;width:19px}
.social li.you{background:url(../img/social.png) no-repeat -23px 0px;height:19px;width:19px}
.social li.fac{background:url(../img/social.png) no-repeat -50px 0px;height:19px;width:19px}
.social li a{display:block;overflow:hidden;text-indent:-999px;height:30px;width:30px}
.design{color:#666;display:block;margin:0 0 0 15px}

/* Local
-----------------------------------------------------------------------------*/
#map_canvas{height:421px;border:1px solid #ccc;margin:20px 30px}

/* Misc
-----------------------------------------------------------------------------*/
.control-panel{font-size:10px!important}
.lastb{margin:3px 0 40px 40px}
.lastb ul li{list-style:disc inside none;color:#ABDEEF}
.lastb ul li a{color:#ABDEEF}
.lastpromos li{}