@import url('reset.css');
@import url('fonts.css');
/* geral */

body{

   	background-color: #e9eaeb;
 	background-repeat:no-repeat;
   	background-position: bottom, center;
    background-attachment: fixed;
    -webkit-background-size: auto, cover;
    -moz-background-size: auto, cover;
    -o-background-size: auto, cover;
    background-size: auto, cover;
	color: #fff;
	font-family: 'code_boldregular';
	font-size: 13px;
}
.geral{
	position:relative;
}
a{
	color: #fff;
	text-decoration: none;
}
.limpar{
	clear: both;
}
.content{
	position:relative;
    width:580px;
    margin: 0 auto;
}
h1{
	font-family:'AvantMedium';
	line-height: 30px;
	margin:1px 1px 1px 1px;
	font-size: 17px;
	color:#EA7621;
	/*text-transform: uppercase;*/
	-webki-text-shadow:2px 2px 2px #CCC;
	-moz-text-shadow:2px 2px 2px #CCC;
	-o-text-shadow:2px 2px 2px #CCC;
	-ms-text-shadow:2px 2px 2px #CCC;
	text-shadow:2px 2px 2px #CCC;
}

.dvPrincipal {
    width: 890px ;
    margin-left: auto ;
    margin-right: auto ;
    position:relative;
    z-index: 3;
}

.bloco {
    background-image: url(../images/blocos-homepage.png);
    height: 120px;
    width: 279px;
    position: relative;
}
.bloco_Case {
    background-image: url(../images/sombra-blocos-homepage.png);
    height: 17px;
    width: 279px;
    position: relative;
}


.Menu {
    margin-top:60px;
    float:right;
    text-transform: uppercase;
    display: block;
    font-family: "code_boldregular";
}

/*Logo*/
.logo{
	width:181px;
	height:63px;
	margin:30px 10px;
	background-image:url(../images/logo.png);
	float: left;
}
.logomcs{
	width:63px;
	height:16px;
	background-image:url(../images/logo-mcs.png);
	position:absolute;
}
.logoduosync{
	width:71px;
	height:16px;
	background-image:url(../images/duosync.png);
	position:absolute;
}
/* Cabeçalho */
.cab{
	/*font-family:'AvantBook';*/
	line-height: 300px;
	height:300px;
	font-size: 11px;
    width: 100%;
	/*background: #414042;*/
	background-image:url(../images/header.png);
	text-transform: uppercase;
	position: fixed;
	-moz-box-shadow: 1px 0px 20px #000;
	-webkit-box-shadow: 1px 0px 20px #000;
	box-shadow: 1px 0px 20px #000;
}
.cab a{
	padding: 0px 10px;
	letter-spacing: 1px;
	color: #ddd;
	display: block;
	float: left;
}
.cab p{
	padding: 0px 10px;
	letter-spacing: 1px;
	color: #ddd;
	display: block;
	float: left;
}
.cab a:hover{
	color: #fff;
}
.cab span.direita{
	float: right;
	margin:10px 8%;
}

/* Rodape */
.rod{
	/*font-family:'AvantBook';*/
	line-height: 30px;
	font-size: 11px;
    height: 70px;
	/*background:#666;*/
    background-image:url(../images/footer.png);
	text-transform: uppercase;
	text-align: center;
	position:fixed;
	bottom: 0px;
	left: 0px;
	width: 100%;	
	visibility: visible;
	display:inline;
}

.rod a{
	padding: 0px 10px;
	letter-spacing: 1px;
	color: #ddd;
	display: block;
	float: left;
}
.rod p{
	padding: 0px 10px;
	letter-spacing: 1px;
	color: #ddd;
	display: block;
	float: left;
}
.rod span.direita{
    margin-bottom: auto;
    margin-top: auto;
	float: right;
}
.rod span.esquerda{
    margin-bottom: auto;
    margin-top: auto;
	font-size: 10px;
	float:left;
}

.rod span.direita_logos{
    margin-bottom: 0px;
    /*margin-top: 15px;*/
	font-size: 10px;
	float:right;
}

/* Menu */
.more ul{
	text-transform:uppercase;
	font-size:11px;
	padding:50px 0px 30px 20px;
	height:30px;
	clear:both;
	font-family: 'AvantBook';
	width:830px;
	margin:0 auto;
    color:#fff;
}
.more ul li{
	float:left;
	margin:0px 2px;
}
.more ul li.selected a,
.more ul li.selected a:hover{
	background:#000;
	color:#fff;
	text-shadow:none;
}
.more ul li a{
	text-shadow:1px 1px 1px #fff;
	color:#555;
	background:#f7f7f7;
	padding:3px 6px;
	-moz-box-shadow:1px 1px 2px rgba(0,0,0,0.6);
	-webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.6);
	box-shadow:1px 1px 2px rgba(0,0,0,0.6);
}
.more ul li a:hover{
	background:#000;
	color:#fff;
	text-shadow:none;
}

.bmenu{
    padding: 0px, 20px;
    margin: 0px;
    position: relative;
}
.bmenu li{
    font-size: 15px;
    display: block;
	float: right;
}
.bmenu li a{
	color: transparent;
	display: block;
	text-transform: uppercase;
	text-shadow: 0px 0px 1px #fff;
	letter-spacing: 1px;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.bmenu:hover li a{
	text-shadow: 0px 0px 5px #0d1a3a;
}
.bmenu li a:hover{
	color: #fff;
	text-shadow: 0px 0px 2px #fff;
	padding-left: 10px;
}
/*Título*/
.sorte{
	position:absolute;
	bottom: 17%;
	right: 10%;
	width: 154px;
	height: 95px;
	visibility: visible;
	display:inline;
	background-image:url(../images/boa-sorte.png);
	background-size: auto, cover;	
}
.tabela {
	width:506px;
	margin:2% 10%;
	vertical-align:top;
	text-align:left;
}
.tabela_form {
	width:506px;
	margin:1% 1%;
	vertical-align:top;
	text-align:left;
	padding:3px;
	margin-left: auto;
	margin-right: auto;
}
.titulo{
	width:506px;
	height:261px;
	margin:40px 10%;
	background-image:url(../images/Titulo.png);
	background-size: auto, cover;	
}
.texto{
	width:506px;
	margin:0% 10%;
	font-family: 'AvantBook';
	font-size: 13px;
	text-align:justify;
	color:#4A4A4C;
}
.textopremio{
	margin:0% 10%;
	font-family: 'AvantMedium'; 
	font-size: 16px;
	text-align:center;
	color:#4A4A4C;
}
.jogo{
	display:none;

}
.condicoes{
	display:none;

}
.resultado{
	display:none;
}
#contactos { 
    width: 600px;
    margin: 0 auto;
}
#morada    {
	margin:2px 2px 2px 2px;
    width: 300px;
    background: #ffffff;
    float: left;
}
#mapa  {
    width: 300px;
    background: #ffffff;
    margin-left: 300px;
}
.overflow{
	 overflow: auto;
	 height: 460px; 
	 width: 590px;  
	 font-family: 'AvantBook';  
	 font-size: small;  
	 text-align: justify;    
	 padding-right: 10px;
}

ul
{
list-style-type:none;
padding: 0px;
margin: 5px;
}
li
{
background-image:url(../images/icon.png);
background-repeat: no-repeat;
background-position: 0px 0px;
margin: 18px 18px;
padding-left: 18px;
}
/*Scroll bar*/
::-webkit-scrollbar{
    width:0.8em;
    height:0.8em;
    background-color:#fff;
}
::-webkit-scrollbar:hover{
    background-color:#eee;
}
::-webkit-resizer{
    -webkit-border-radius:4px;
    background-color:#666;
}
::-webkit-scrollbar-thumb{
    min-height:0.8em;
    min-width:0.8em;
    -webkit-border-radius:4px;
    background-color: #ddd;
}
::-webkit-scrollbar-thumb:hover{
    background-color: #bbb;
}
::-webkit-scrollbar-thumb:active{
    background-color:#888;
}
/*POPUP*/

.popup {
      top:0px;
	  left:0px;
	  background-color:#FFF;
	  color:#333;
      height: 500px; 
	  width: 600px;
      border: 2px solid #666;
	  -moz-box-shadow: 0px 0px 5px #000;
	  -webkit-box-shadow: 0px 0px 5px #000;
	  -ms-box-shadow: 0px 0px 5px #000;
	  box-shadow: 0px 0px 5px #000;
      position: absolute; 
	  visibility: hidden;
      font-family: 'AvantBook';
      font-size: small; text-align: justify;
      padding: 5px; 
	  /*overflow: auto;
	  filter: alpha(opacity=70); 
      opacity: 0.7;*/ /* CSS3 standard */
      z-index: 2;
}
.popup_contactos {
      top:0px;
	  left:0px;
	  background-color:#FFF;
	  color:#333;
      height: 320px; 
	  width: 600px;
      border: 2px solid #666;
	  -moz-box-shadow: 0px 0px 5px #000;
	  -webkit-box-shadow: 0px 0px 5px #000;
	  -ms-box-shadow: 0px 0px 5px #000;
	  box-shadow: 0px 0px 5px #000;
      position: absolute; 
	  visibility: hidden;
      font-family: 'AvantBook';
      font-size: small; text-align: justify;
      padding: 5px; 
	  /*overflow: auto;
	  filter: alpha(opacity=70); 
      opacity: 0.7;*/ /* CSS3 standard */
      z-index: 2;
}

.popup_bg {
      position: absolute;
      visibility: hidden;
      height: 100%; 
	  width: 100%;
      left: 0px; 
	  top: 0px;
      filter: alpha(opacity=70); /* for IE */
      opacity: 0.7; /* CSS3 standard */
      background-color: #999;
      z-index: 1;
}
.close_button {
		position: absolute;
    	top: -20px; 
		right: -20px;
   		width: 42px; height: 42px
}

.caixatexto {  
        padding:  10px;  
        border: solid 1px #E5E5E5;  
        outline: 0;   
        width: 200px;
		height: 12px; 
		margin: 5px 0;
        float: left;  
		font-family: 'AvantBook';
		font-size: 12px;
        background: #FFFFFF url('../images/bg_form.png') left top repeat-x;  
        background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));  
        background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);  
        box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;  
        -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;  
        -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;  
		-o-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
		-ms-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px; 
		box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;  
		       
        border-radius: 6px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
		-ms-border-radius: 6px;
		-o-border-radius: 6px;
        }  
      


 
      
    input:hover, textarea:hover,  
    input:focus, textarea:focus {  
        border-color: #C9C9C9;  
        -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;  
		-moz-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px; 
		-o-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px; 
		-ms-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px; 
		box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px; 
        }  
      .erroDIV{
	color:#C00;
	font-family:'AvantBook';
	font-size: 10px;
}
.p info {
	text-align: center;
	font-size: 5px;
}
    .form label {  
		font-family:'AvantBook';
        margin-left: 12px;  
        color: #999999;  
		        }  
      
    .submit input {  
        width: 15px;  
        padding: 9px 15px;  
        background: #617798;  
        border: 0;  
        font-size: 14px;  
        color: #FFFFFF;  
        -moz-border-radius: 5px;  
        -webkit-border-radius: 5px;
		-moz-border-radius: 5px;  
		-o-border-radius: 5px;  
		-ms-border-radius: 5px;  
		border-radius: 5px;    
}

/*Cross fade imagens*/

#cf1 {
	position:relative;
}
#cf1 img {
	position:absolute;
	left:0;
	-webkit-transition: opacity 0.5s ease-in-out;
	-moz-transition: opacity 0.5s ease-in-out;
	-o-transition: opacity 0.5s ease-in-out;
	-ms-transition: opacity 0.5s ease-in-out;	
	transition: opacity 0.5s ease-in-out;
}

#cf1 img.top:hover {
	opacity:0;
}	
#cf {
	position:relative;
	float: right;
	padding-right:40px;
	margin:10px 0;	
}
#cf img {
	position:absolute;
	left:0;
	-webkit-transition: opacity 0.5s ease-in-out;
	-moz-transition: opacity 0.5s ease-in-out;
	-o-transition: opacity 0.5s ease-in-out;
	-ms-transition: opacity 0.5s ease-in-out;	
	transition: opacity 0.5s ease-in-out;
}

#cf img.top:hover {
	opacity:0;
}	


#slideshow {
    position:absolute;
    height:300px;
    width:890px;
    margin:0 auto;
    margin-top: 130px;
}

#slideshow_shadow {
    position:absolute;
    height:20px;
    width:890px;
    margin:0 auto;
    background-image: url(../images/sombra-slider-homepage.png);
    margin-top: 430px;
}


#slideshow img {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow img.active {
    z-index:10;
}

#slideshow img.last-active {
    z-index:9;
}

#Facebook {
    position:absolute;
    height:37px;
    width:60px;
    margin: 160px 890px;
    float: right;
    z-index: 10;
}

#Facebook img {
	position:absolute;
	left:0;
	-webkit-transition: opacity 0.5s ease-in-out;
	-moz-transition: opacity 0.5s ease-in-out;
	-o-transition: opacity 0.5s ease-in-out;
	-ms-transition: opacity 0.5s ease-in-out;	
	transition: opacity 0.5s ease-in-out;
}

#Facebook img.top:hover {
	opacity:0;
}	