@import url('fckeditor.css');

.transicao{-webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out}

.transicao2{-webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out}	

#wrapper{/*width:935px; height:435px;*/ width:100%; min-width:935px; height:100%; display:block; position:absolute; /*left:50%; top:50%; margin-left:-468px; margin-top:-240px;*/ }
#logo{float:left;margin:10px 0px 0px 10px; position:fixed; }
.logo_intro{padding:30px; background:#fff; width:155px; height:150px; position:absolute; top:50%; left:50%; margin-left:-107px; margin-top:-119px; background:rgba(255, 255, 255, 0.75); text-align:center; }
.logo_intro div{width:70px; margin:0 auto; margin-top:10px;}
.logo_intro a{display:inline-block; float:left; width:24px; color:#4f1a1f; font-size:16px; font-weight:700; text-align:center; margin-left:15px; padding-bottom:20px}
.logo_intro a:hover{color:#000;}
.logo_intro a:first-child{margin-left:0px; background:url('../images/portugal.png')left bottom no-repeat;}
.logo_intro a:last-child{background:url('../images/United-Kingdom.png')left bottom no-repeat;}

#menu{clear:both; float:left; position:fixed; top:130px; z-index:1}
.menu_control{display:none; width:23px;height:22px; background:url(../images/sprite_menu.png) left top no-repeat; margin:10px; position:relative; }
.menu_control div{display:none; padding:3px 5px 5px 5px; background:rgba(79, 26, 31, 0.70); color:#ffffff; position:absolute; top:0px; left:32px; white-space:nowrap; font-size:11px; text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.66); }
.menu_control:hover div{display:block;}
.menu_control.open{background:url(../images/sprite_menu.png) left bottom no-repeat;}
#menu ul.inicio{float:left; display:block; padding:0px 10px 10px 10px; /*background:rgba(15, 1, 2, 0.50)*/ min-width:230px;}
#menu ul.inicio>li{width:auto; clear:both; float:left;}
#menu ul.inicio>li ul{float:left;}
#menu ul.inicio>li ul li{float:left;}
#menu ul.inicio a{padding:3px 10px; width:230px; font-size:14px; margin-bottom:1px; text-transform:uppercase; color:#fff; text-decoration:none; display:inline-block; text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.66); background:url(../images/bg_menu.png) repeat-y;}
#menu ul.inicio a:hover, #menu ul.inicio a.activo{background:url(../images/bg_menu2.png) repeat-y; color:#ffffff}


.icon_esconde{position:absolute; left:83.5%; top:100px; z-index:100; cursor:pointer}
.icon_esconde:hover{opacity:0.75; filter:alpha(opacity=75);}

/*#conteudo{width:70%; height:325px; padding:0px 0px 0px 13px; position:absolute; top:110px; right:2%; overflow:hidden; background:rgba(255, 255, 255, 0.90); z-index:0}
#conteudo .interior1{width:72%;float:left; height:255px; overflow:hidden; padding-right:1%;}
#conteudo .interior2{width:99%;}*/
#conteudo{width:70%; height:325px; padding:0px 0px 0px 13px; position:absolute; top:110px; right:2%; overflow:hidden; background:rgba(255, 255, 255, 0.85); z-index:0}
#conteudo .interior1{width:72%;float:left; height:255px; overflow:hidden; padding-right:1%;}
#conteudo .interior2{width:98%;}
#conteudo #menu_dto{width:27%; height:100%; float:right; background:#c9c2c2; overflow:hidden; display:block; position:relative}
#conteudo #menu_dto a.reservarBT{display:inline-block; position:absolute; bottom:5px; left:13px; padding:5px; background:#4f1a1f; color:#fff;}
#conteudo #menu_dto a.reservarBT:hover{background:#2d0f12;}
#conteudo #menu_dto ul{float:left; margin:55px 0px 0px 13px; }
#conteudo #menu_dto ul li{clear:both; float:left}
#conteudo #menu_dto a{font-size:12px; color:#4f1a1f; text-transform:uppercase; display:inline-block; margin-bottom:5px}
#conteudo #menu_dto a.activo, #conteudo #menu_dto a:hover{color:#fff;}


/*Galeria */
.galeria {width:100%;}
.galeria a{display:block; float:left; width:19%; margin:0% 1% 1% 0%;font-size:0px;padding:0}
.galeria a:hover{font-size:0px; background:black}
.galeria img{width:100%;margin:0;padding:0}
.galeria img:hover{opacity:0.75; filter:alpha(opacity=75);}


/* carrousel home */
#wrapper2{width: 681px; height: 195px; padding: 0px; position:absolute; bottom:70px; clear:both; left:10px; }
#carousel{width:100%;}
.destaque{width:203px; height:180px; padding:7px; margin: 0 10px 0px 0px; float: left; position:relative; background-color: #fff; font-size:11px; line-height:12px;}
.destaque h2 {font-weight: 700; color:#4f1a1f; font-size:12px; text-transform:uppercase}
.destaque .mask_img{width: 203px; height: 94px; overflow:hidden; margin-bottom:10px;}
.texto_destaque {width:100%;text-align:left}
.destaque .bt{width:12px; padding:3px; position:absolute; bottom:7px; right:7px; background:#4f1a1f; line-height:0;}
.destaque .bt:hover{opacity:.80; filter:alpha(opacity=80);}


/*contactos */
.cont2{width:100%;color:#4f1a1f; margin-bottom:50px;float:left; }
.cont2 .int2{clear:both; width: 98%; padding:1%; float:left; background:rgba(255, 255, 255, 0.90);}
.cont2 .col{width:39%; float:left;}
.cont2 .col img{float:left; margin-right:2%;}
.cont2 .formulario_area {width:61%; float:left;}
#map{width:100%; height:240px; clear:both; float:right; /*border-bottom:1px solid #4f1a1f*/}

#formcontactos {float:right; display:block;}
#formcontactos label{float:left;  width:80px; padding-top:15px; clear:both;}
#formcontactos input[type="text"],  #formcontactos textarea {display: block; width:310px; font-family: 'Open Sans', sans-serif; font-size: 13px; float:left; float:right; padding:3px; margin:10px 0px 0px 0px; border:1px solid #4f1a1f;}
#formcontactos textarea {height:100px; overflow:auto; resize:none; }
#formcontactos  .submit {clear:both; float:right; border:none; cursor:pointer; background: #4f1a1f;  color:#ffffff; display:block; padding:4px 15px; margin-top:10px}
#formcontactos  .submit:hover {background: #2d0e11;color:#ffffff}
#formcontactos input.error, #formcontactos textarea.error {border:1px solid red}
#formcontactos label.error{color:red; font-style:italic; display:block; font-style:italic; display:block; font-size:10px;  padding:0px 0px 0px 78px; width:120px;}
.msgLoading {background:url(../images/loader.gif) no-repeat center center; width:100%; height:240px; margin:0 auto}	
.formSuccess, .formErro {width:100%; text-align:center; padding-top:70px; height:170px; line-height:24px; margin:0 auto}


/*reservar */
.formulario_area_reservar{width:100% !important; }
.formulario_area_reservar #formreservar {width:100% !important; float:right; display:block;}
#formreservar label{float:left;  width:80px; padding-top:15px; clear:both;}
#formreservar input[type="text"],  #formreservar textarea {display: block; width:80%; font-family: 'Open Sans', sans-serif; font-size: 13px; float:left; float:right; padding:3px; margin:10px 0px 0px 0px; border:1px solid #4f1a1f;}
#formreservar textarea {height:65px; overflow:auto; resize:none; }
#formreservar  .submit {clear:both; float:right; border:none; cursor:pointer; background: #4f1a1f;  color:#ffffff; display:block; padding:4px 15px; margin-top:10px}
#formreservar  .submit:hover {background: #2d0e11;color:#ffffff}
#formreservar input.error, #formcontactos textarea.error {border:1px solid red}
#formreservar label.error{color:red; font-style:italic; display:block; font-style:italic; display:block; font-size:10px;  padding:0px 0px 0px 0px; width:120px; margin-left:19%}
#formreservar .datepicker_container{width:150px; float:left; margin-left:20px;}
#formreservar .datepicker_container label{width:100%; font-weight:700; margin-bottom:5px;}
#formreservar .datepicker_container label.error{width:auto; font-weight:normal; margin-bottom:5px; clear:both; float:left; padding:0;}
#formreservar .datepicker_container input[type="text"]{width:105px; margin: 0px 0px 0px 0px; float:left;}

/* programa */
.formulario_area_programa{width: 390px !important; float:left; margin-left:5px; }
#formprograma label{float:left;  width:100%; padding-top:3px; clear:both;}
#formprograma input[type="text"],  #formprograma textarea {display: block; width:98%; padding:1%; font-family: 'Open Sans', sans-serif; font-size: 13px; float:left; float:right;  margin:3px 0px 0px 0px; border:1px solid #4f1a1f;}
#formprograma textarea {height:40px; overflow:auto; resize:none; }
#formprograma  .submit {clear:both; float:right; border:none; cursor:pointer; background: #4f1a1f;  color:#ffffff; display:block; padding:4px 15px; margin-top:10px}
#formprograma  .submit:hover {background: #2d0e11;color:#ffffff}
#formprograma input.error, #formcontactos textarea.error {border:1px solid red}
#formprograma label.error{color:red; font-style:italic; display:block; font-style:italic; display:block; font-size:10px;  padding:0px 0px 0px 0px; width:120px; }
#formprograma .datepicker_container{width:150px; float:left; margin-left:0px;}
#formprograma .datepicker_container label{width:100%; font-weight:700; margin-bottom:5px;}
#formprograma .datepicker_container label.error{width:auto; font-weight:normal; margin-bottom:5px; clear:both; float:left; padding:0;}
#formprograma .datepicker_container input[type="text"]{width:105px; margin: 0px 0px 0px 0px; float:left;}

.maskimg{float:left; width:440px; margin-bottom:40px; overflow:hidden;}
.maskimg img{margin-bottom:10px; float:left;}
.interior1 .reservarBT{padding:5px 10px; background:#4f1a1f; color:#fff; display:inline-block; float:right;}
.interior1 .reservarBT:hover{background:#2d0f12;}
.imgprograma{float:left; display:block; float:left; margin-right:20px}





/*404 */
.e404{font-size:16px;  padding:70px 0px; width:400px; margin:0 auto;}
.e404 h2{font-size:25px;}


/* Rodape
-------------------------------------------------------------- */
#rodape {padding: 10px 0; font-size: 11px; color: #666; clear: both; float: left; width:100%; background:#0f0102; opacity:.93; filter:alpha(opacity=93); color:#fff; position:fixed; bottom:0;}

#rodape a{text-decoration: none}
#rodape .copy {float: left; margin-left:10px;}
#rodape .copy span{color:#928e8f; font-size:10px}
#rodape .copy span a{color:#928e8f;}
#rodape .copy span a:hover{color:#ffffff;}
#rodape .social {float: right;  margin-right:2%; margin-top:5px;}
#rodape .social a{display:block; float:right; width:auto; height:17px; overflow:hidden; margin-left:5px; color:#fff; font-size:14px; text-transform:uppercase}
#rodape .social a:hover{opacity:0.7; filter:alpha(opacity=70); }
#rodape .social img {border:none;}



@media all and (min-width: 1100px) {
  	#conteudo .interior1{width:79%;padding-right:1%;}
	#conteudo #menu_dto{width:20%;}
	#conteudo .interior2{width:99%;}
	/*galeria*/
	.galeria a{display:block; float:left; width:12%; margin:0% 0.5% 0.5% 0%;}
}

@media all and (max-width: 1180px) {
	/*galeria*/
	.cont2 .col img{display:none}
	.icon_esconde{left:78%;}
}
@media all and (min-width: 1620px) {
	.formulario_area_programa{margin-top:0px; margin-left:40px;}
	.interior1 .reservarBT{display:none;}
}