/* CSS Document */

/* reset */
html, body, div, span,
h1, h2, h3, h4, h5, h6, p, blockquote,
a, em, font, img, ins, kbd, q, s,
small, strike, strong, b, u, i, center, ol, ul, li,
fieldset, form, input, textarea,tr, th, td, dl, dt, dd {
    border: 0;
    outline: 0;
}
ol, ul { list-style: none; }
a img { border: none; }
.clear { clear: both; }
.right { float: right; }
.left { float: left; }

/* ----------------- */

html, body {
    border: 0;
    margin: 0;
    padding: 0;
    font: 11px verdana;
    background-color: #000000;
}

#intro{
    width:1100px;
    height:700px;
    background: url(../images/intro.jpg) no-repeat top;
}

#header{
    margin-top: -50px;
    width:1100px;
    height:196px;
    background: url(../images/barratop.png) no-repeat top left;
}

#logo{
    position:absolute;
    z-index:1;
    width:150px;
    height:150px;
    margin-left: 75px;
    margin-top: 35px;
}

#espaco{
    width:354px;
    height:41px;
    margin-left: 260px;
    margin-top: 50px;
}

#banner{
    width:354px;
    height:41px;
    margin-left: 355px;
    margin-top: 35px;
    background: url(../images/banner.png) no-repeat top left;
}

#banner2{
    width:354px;
    height:41px;
    margin-left: 354px;
    margin-top: 10px;
    background: url(../images/banner2.png) no-repeat top left;
}

#footerFacebookMain
{
    position: relative;
    width:35px;
    height:35px;
    float:right;
    margin-top: 10px;
    margin-right:-600px;
}

#copyright{
    position: relative;
    width:300px;
    float:right;
    margin-top: 10px;
    margin-right:-185px;
}

#linhas{
    width:431px;
    height:196px;
    margin-left: 674px;
    margin-top: -167px;
    position:relative;
}

#pageintro{
    width:1100px;
    height:600px;
    margin:4% auto;
}

#page{
    width:1100px;
    min-height: 700px;
    margin: auto;
}

#left{
    height:500px;
    width:240px;
    background: url(../images/left.gif) repeat-x left top;
    font-family: Verdana;
    font-size: 12px;
    float:left;
    margin:-500px auto;
}

#concurso{
    float: right;
    width:690px;
    height: auto;
    margin-top: 20px;
}

#participantes{
    float: right;
    width:690px;
    /*height:1150px;*/
    height: auto;
    margin-top: 20px;
}

#patrocinadores{
    float: right;
    width:690px;
    /*height: 580px;*/
    height: auto;
    margin-top: 20px;
}

#parceiros{
    float: right;
    width:690px;
    /*height: 1100px;*/
    height: auto;
    margin-top: 20px;
}

#parceiroshoteleiros{
    float: right;
    width:690px;
    /*height: 1100px;*/
    height: auto;
    margin-top: 20px;
}

#galeria{
    float: right;
    width:690px;
    height:360px;
    margin-top: 20px;
}

#pinohome{ 
    width:206px;
    height:226px;
    margin-left: -55px;
    background: url(../images/pinohome.jpg) no-repeat top left;
}

#pinonews{ 
    width:206px;
    height:226px;
    margin-left: -55px;
    background: url(../images/pinonews.jpg) no-repeat top left;
}

#pinopatrocinadores{ 
    width:206px;
    height:226px;
    margin-left: -55px;
    background: url(../images/pinopatrocinadores.jpg) no-repeat top left;
}

#pinoinfo{
    width:206px;
    height:226px;
    margin-left: -55px;
    background: url(../images/pinoinfo.jpg) no-repeat top left;
}

#pinoconcurso{ 
    width:206px;
    height:226px;
    margin-left: -55px;
    background: url(../images/pinoconcurso.jpg) no-repeat top left;
}

#pinomarcas{ 
    width:206px;
    height:226px;
    margin-left: -55px;
    background: url(../images/pinomarcas.jpg) no-repeat top left;
}

#pinoeventos{ 
    width:206px;
    height:226px;
    margin-left: -55px;
    background: url(../images/pinoeventos.jpg) no-repeat top left;
}

#pinoparticipantes{ 
    width:206px;
    height:226px;
    margin-left: -55px;
    background: url(../images/pinohome.jpg) no-repeat top left;
}

#pinoparceiros{ 
    width:206px;
    height:226px;
    margin-left: -55px;
    background: url(../images/pinoparceiros.jpg) no-repeat top left;
}

#textohome{
    float: right;
    margin-right: 10px;
    margin-top: -240px;
    width:405px;
}

#textogaleria{
    float: right;
    margin-right: 10px;
    margin-top: -215px;
    width:405px;
    height:325px;
}


#textoinfo{
    float: right;
    margin-right: 10px;
    margin-top: -240px;
    width:405px;
}

#textoparceiros{
    float: right;
    margin-right: 0px;
    margin-top: -11px;
    width:330px;
    height:325px;
}

#textoparticipantes{
    float: right;
    margin-right: 10px;
    margin-top: -240px;
    width:405px;
}



.home{
    color: #673b78;
}




#textogeral{
    position:relative;
    float: right;
    margin-right: 29px;
    margin-top: -230px;
    width:330px;
    max-height:325px;
    min-height:200px;
}

#info{
    float: right;
    width:690px;
    height: auto;
    margin-top: 20px;
}

#home{
    float: right;
    width:690px;
    height: auto;
    margin-top: 20px;
}

#tos08{
    float: right;
    width:690px;
    /*height: 2890px;*/
    height: auto;
    margin-top: 20px;
}

#visitantes{
    position:relative;
    float: right;
    width:690px;
    height:360px;
    margin-top: 20px;
}

#pinovisitantes{

    width:206px;
    height:226px;
    margin-left: -55px;
    background: url(../images/pinovisitantes.jpg) no-repeat top left;
}


#textoprecos{
    position:relative;
    float: right;
    margin-right: 29px;
    margin-top: -230px;
    width:330px;
    max-height:325px;
    min-height:200px;
}

#textoinscricoes{
    position:relative;
    float: right;
    margin-right: 25px;
    margin-top: -236px;
    width:330px;
    max-height:325px;
    min-height:100px;
}

#textovisitantes{
    float: right;
    margin-right: 0px;
    margin-top: 5px;
    width:330px;
    max-height:325px;
    min-height:100px;
}

#infobarrameio{
    float: right;
    width:715px;
    height:225px;
    margin-top:-196px;
    background: url(../images/barrainfomeio.gif) no-repeat bottom left;
}

#inscricoesbarrameio{
    float: right;
    width:715px;
    height:225px;
    margin-right: -1px;
    margin-top:-91px;
    background: url(../images/barrainscricoesmeio.gif) no-repeat bottom left;
}

#precosbarrameio{
    float: right;
    width:715px;
    height:225px;
    margin-top:-90px;
    margin-right: 1px;
    background: url(../images/barrainfomeio.gif) no-repeat bottom left;
}

#visitantesbarrameio{
    float: right;
    width:715px;
    height:225px;
    margin-top:-91px;
    background: url(../images/barravisitantesmeio.gif) no-repeat bottom left;
}

.info{
    color: #e60a16;
    text-decoration: none;
}

a.info {
    color: #e60a16;
    text-decoration: none;
}

a.info:hover {
    color: #ffffff;
}

#contactos{
    float: right;
    width:715px;
    height:360px;
    margin-top: 20px;
}



#textocontactos{
    float: right;
    margin-right: 29px;
    margin-top: -230px;
    width:330px;
    max-height:325px;
    min-height:100px;
}

#contactosbarrameio{
    float: right;
    width:715px;
    height:225px;
    margin-top:-90px;
    background: url(../images/barracontactosmeio.gif) no-repeat bottom left;
}


#mapa{
    float: right;
    width:690px;
    height:360px;
    margin-top: 20px;
}

#pinomapa{
    width:206px;
    height:226px;
    margin-left: -55px;
    background: url(../images/pinomapa.jpg) no-repeat top left;
}

#pinocontactos{
    width:206px;
    height:226px;
    margin-left: -55px;
    background: url(../images/pinocontactos.jpg) no-repeat top left;
}

#pinotos08{
    width:206px;
    height:226px;
    margin-left: -55px;
    background: url(../images/pinotos08.jpg) no-repeat top left;
}

#textomapa{
    float: right;
    margin-right: 29px;
    margin-top: -230px;
    width:330px;
    max-height:325px;
    min-height:200px;
}

#mapabarrameio{
    float: right;
    width:715px;
    height:165px;
    margin-top:-30px;
    background: url(../images/barramapameio.gif) no-repeat bottom left;
}

.mapa{
    color: #0090b0;
    text-decoration: none;
}

a.mapa:hover{
    color: #ffffff;
    text-decoration: none;
}

.email{
    color: #ae8c11;
    text-decoration: none;
}

a.email:hover{
    color: #ffffff;
    text-decoration: none;
}

.text{
    font-family: Verdana;
    font-size: 12px;
    font-weight: normal;
    color: #FFFFFF;
    text-decoration: none;
}
a.text  {
    text-decoration: none;
    color : #FFFFFF;
}
a.text:hover  {
    text-decoration: none;
    color : #FFFFFF;
}

.textbold {
    font-family: Verdana;
    font-size: 11px;
    color: #FFFFFF;
    text-decoration: none;
    font-weight: bold;
}
a.textbold {
    text-decoration: none;
    color : #FFFFFF;
}
a.textbold:hover  {
    text-decoration: none;
    color : #FFFFFF;
}

/*FOOTER*/
#footermapa{
    float: right;
    width: 1100px;
    height: 80px;
    background: url(../images/barramapafooter.png) top right no-repeat;
}

#footertos08{
    float: right;
    width: 1100px;
    height: 80px;
    background: url(../images/barratos08footer.png) top right no-repeat;
}

#footerparticipantesold{
    float: right;
    width: 1100px;
    height: 80px;
    background: url(../images/barratos08footer.png) top right no-repeat;
}

#footergooglemaps{
    float: right;
    width: 1100px;
    height: 80px;
    background: url(../images/barramapafooter.png) top right no-repeat;
}

#footerhome{
    float: right;
    width: 1100px;
    height: 80px;
    background: url(../images/barrahomefooter.png) top right no-repeat;
}

#footernews{
    float: right;
    width: 1100px;
    height: 80px;
    background: url(../images/barranewsfooter.png) top right no-repeat;
}


#footerconcurso{
    float: right;
    width: 1100px;
    height: 80px;
    background: url(../images/barrahomefooter.png) top right no-repeat;
}

#footerparticipantes{
    float: right;
    width: 1100px;
    height: 80px;
    background: url(../images/barrahomefooter.png) top right no-repeat;
}

#footerpublicacoes{
    float: right;
    width: 1100px;
    height: 80px;
    background: url(../images/barrahomefooter.png) top right no-repeat;
}

#footertendencias{
    float: right;
    width: 1100px;
    height: 80px;
    background: url(../images/barrahomefooter.png) top right no-repeat;
}

#footerparceiros{
    float: right;
    width: 1100px;
    height: 80px;
    background: url(../images/barrapatrocinadoresfooter.png) top right no-repeat;
}


#footerparceiroshoteleiros{
    float: right;
    width: 1100px;
    height: 80px;
    background: url(../images/barrapatrocinadoresfooter.png) top right no-repeat;
}

#footerpatrocinadores{
    float: right;
    width: 1100px;
    height: 80px;
    background: url(../images/barrapatrocinadoresfooter.png) top right no-repeat;
}

#footergaleria{
    float: right;
    width: 1100px;
    height: 80px;
    background: url(../images/barratos08footer.png) top right no-repeat;
}

#footereventos{
    float: right;
    width: 1100px;
    height: 80px;
    background: url(../images/barrahomefooter.png) top right no-repeat;
}


#footerpalestras{
    float: right;
    width: 1100px;
    height: 80px;
    background: url(../images/barrahomefooter.png) top right no-repeat;
}

#footerfestas{
    float: right;
    width: 1100px;
    height: 80px;
    background: url(../images/barrahomefooter.png) top right no-repeat;
}
#footercontactos{
    float: right;
    width: 1100px;
    height: 80px;
    background: url(../images/barracontactosfooter.png) top right no-repeat;
}

#footerinscricoes{
    float: right;
    width: 1100px;
    height: 80px;
    background: url(../images/barrainfofooter.png) top right no-repeat;
}



#footerprecos{
    float: right;
    width: 1100px;
    height: 80px;
    background: url(../images/barrainfofooter.png) top right no-repeat;
}

#footervisitantes{
    float: right;
    width: 1100px;
    height: 80px;
    background: url(../images/barravisitantesfooter.png) top right no-repeat;
}

#footerregulamento{
    float: right;
    width: 1100px;
    height: 80px;
    background: url(../images/barrainfofooter.png) top right no-repeat;
}

#footerinfo{
    float: right;
    width: 1100px;
    height: 80px;
    background: url(../images/barrainfofooter.png) top right no-repeat;
}



#footerPt{
    position: relative;
    width:45px;
    height:40px;
    float:right;
    margin-top: 10px;
    margin-left:700px;
}

#footerUk{
    position: relative;
    width:45px;
    height:40px;
    float:right;
    margin-top: 10px;
    margin-right:-700px;
}

/*intro*/

#footerFacebook
{
    width:65px;
    float:right;
}

#footerIntroPt{
    width:45px;
    height:40px;
    float:right;
}

#footerIntroUk{
    width:45px;
    height:40px;
    float:right;
}


/*botao linguas*/
#botaopt
{
    display: block;
    width: 45px;
    height: 40px;
    background: url("../images/BandeiraPT.png") no-repeat 0 0;
}

#botaoptactive
{
    display: block;
    width: 45px;
    height: 40px;
    background: url("../images/BandeiraPT.png") no-repeat 0 0;
    background-position: 0 -40px;
}

#botaopt:hover
{ 
    background-position: 0 -40px;
}

#botaopt span
{
    display: none;
}


#botaouk
{
    display: block;
    width: 45px;
    height: 40px;
    background: url("../images/BandeiraUK.png") no-repeat 0 0;
}

#botaoukactive
{
    display: block;
    width: 45px;
    height: 40px;
    background: url("../images/BandeiraUK.png") no-repeat 0 0;
    background-position: 0 -40px;
}

#botaouk:hover
{ 
    background-position: 0 -40px;
}

#botaouk span
{
    display: none;
}


/*galeria*/
.bancofotos4{
    vertical-align:middle;
    width:103px;
    height:103px;
    float:left;
    margin-top:15px;
    margin-left:35px;
}

.bancoimg3{
    font-size:11px;
    color:#142B3D;
    text-align:left;
    float:left;
    margin-top:145px;
    margin-left:-100px;
}

.imgsculuna{
    position:relative;
    width:100px;
    height:100px;
    z-index:2;
}

/*********************************************************************************************************
5.) CSS FOR contact
**********************************************************************************************************/
#contact-info {
    width: 35%;
}

#contact-info p { padding-bottom: 0px }
#contact-info span { color: white }

#contact-form {
    margin-top: 5px;
    /*width: 50%;*/
}
#contact-form input#name, #contact-form input#email, #contact-form input#profissao, #contact-form input#box{
    padding: 5px;
    width: 330px;
    height: 15px;
    color: white;
    background-color: black;
    border-top: 1px solid white;
}

#contact-form input#name:hover, #contact-form input#email:hover, #contact-form input#profissao:hover, #contact-form input#box:hover{
    background-color: #807e7e;
}


#contact-form input#send {
    margin-top: 13px;
    width: 100px;
    height: 15px;
    font: normal 10px/1.5em verdana;
    text-align: center;
    color: white;
    text-transform: uppercase;
    background-color: #807e7e;
    cursor: pointer;
}
#contact-form input#send:hover {
    color: white;
}

.form-loader {
    display: none;
    margin-top: 13px;
}