/* CSS Document */
* {
	margin:0;
	padding:0;
}

html{
	margin:0 auto;
}

body {
	font-family:"GillSansStd";
	font-size:13px;
	color: #ffffff;
	margin:0 auto;
	background-color:#000000;
}


#main_print {
	margin: 0px auto 0px auto;
	text-align:left;
	background-color:#ffffff;
}

p {
	padding-bottom:10px;
}


ul li{
}

ol {
}

a img {
	border:0;
	text-decoration:none;
}

a {
	text-decoration:none;
	outline: none;
	color: #ffffff;
}

hr{
	background-color:#aed8f4;
	border:none;
}

.dNone {
	display:none;
}

.dBlock {
	display:block;
}


.fRight {
	float:right;
}

.fLeft {
	float:left;
}

.cBoth {
	clear:both;
	height:0px;
}

.cRight {
	clear:right;
}

.aMiddle {
	vertical-align:middle;
}

.aBottom {
	vertical-align:bottom;
}

.aCenter {
	text-align:center;
}

.aTop {
	vertical-align:text-top;
}

.aRight {
	text-align:right;
}

.aLeft {
	text-align:left;
}

.aJustify {
	text-align:justify;
}

.bold {
	font-weight:bold;
}

.lNone {
  list-style:none;
}

.uNone {
	text-decoration:none;
}

.tUpper {
	text-transform:uppercase;
}

.pRelative {
		position:relative;
}

.pAbsolute{
		position:absolute;
}

.dUnderline {
		text-decoration:underline;
}


/* **************************************** */
/* Divs *********************************** */
/* **************************************** */

#divMain {
	background:url('../../imgs/background.png') no-repeat;
	/*width:1675px;*/
	/*height:1005px;*/
	margin:0 auto 0 auto;
}

#divContent{
	width:1024px;
	height:767px;
	margin:0 auto;
}

#topo {
	height:76px;
	width:1014px;
	padding:20px 0px 0px 10px;
	position:relative;
	z-index:2;
}

.logo{
	width:186px;
	height:191px;
	float:left;
	margin-right:25px;
}

#divCenter{
	height:645px;
	width:1024px;
}

#divCenterHome{
	background: transparent url("../../imgs/cartao_home.png") no-repeat scroll center top;
	height: 728px;
	margin: 0 auto;
	position: relative;
	top: -90px;
}

#divCenterHome .buybutton_info{
	font-family: "GillSansStd";
	position: absolute;
	right: 50px;
	top: 300px;
	width: 143px;
	text-align:center;
	text-transform:uppercase;
}

#divCenterHome .buybutton_info .buybutton{
	width:143px;
	height:113px;
	background: transparent url("../../imgs/button_buyonlinehere.png") no-repeat center center;
	padding-top:30px;
}

#divCenterHome .buybutton_info .buybutton a{
        font-size: 24.56px;
}

#divCenterHome .buybutton_info p {
        font-size: 11px;
	padding-top:10px;
}


#divCenterHome .slogan{
	font-family:'GillSansMT';
        font-size:48px;
	position:absolute;
        bottom:135px;
        text-align:center;
        width:100%;

}

#divCenterHome .shoppings{
	position:absolute;
	bottom:30px;
	text-align:center;
	width:100%;
	text-transform:uppercase;
	font-family:'GillSansStd';
	font-size:12px;
}

#divCenterBackground{
        background: transparent url("../../imgs/cartoes_interiores.png") no-repeat scroll left top;
        height: 730px;
	width:1183px;
        position: relative;
        top: -90px;
	left:-160px;
}

#divCenterGeneric{
	float: right;
	height: 555px;
	margin-top: 140px;
	margin-bottom:-140px;
	padding-right: 15px;
	width: 380px;
}

#divCenterCompras{
	margin: 60px auto 0;
	width: 660px;
}

#divForm{
	height:430px;
}

#divDados{
	height:500px;
}

#divRodape{
        width:1004px;
        padding:0px 9px;
	font-family:'GillSansStd';
	font-size:10px;
	color:#ffffff;
	text-transform:uppercase;
}

#divRodape .frase_legal{
	float:left;
	width:570px;
	line-height: 12px;
}

#divRodape .logos{
	float:right;
}

#divRodape .logos span{
	display: table-cell;
	float: left;
}

#divRodape .logos img{
	margin-left:9px;
}

#divContacto{
  height:500px;
}


/* **************************************** */
/* MENU */
/* **************************************** */
#menu{
	float:left;
	padding-top:45px;
        width:803px;
}


ul.menu li{
        display:inline;
}

ul.menu li:hover,
ul.menu li.menuOn{
	background: url("../../imgs/menu_underline.png") no-repeat scroll center bottom / 100% 4px;
	padding-bottom:5px;
}

a.menu{
	color:#ffffff;
        font-family:"GillSansStd";
        font-size:11px;
	text-transform:uppercase;
	margin-right: 8px;
}

ul.menu li:last-child a.menu,
ul.menu li:last-child a.menuOn{
	margin-right: 0px;
}

a.menu:hover, 
a.menuOn{
	color:#e40e81;
	font-family:"GillSansStd";
        font-size:11px;
        text-transform:uppercase;
        margin-right: 8px;
}


/* **************************************** */
/* TITLES/TEXTS */
/* **************************************** */
.generic_title{
	font-family:'GillSansStd';
	font-size:25px;
	color:#ffffff;
	text-transform:uppercase;
	margin-bottom:5px;
}

.alert_title{
	font-family:'GillSansStd';
	font-size:35px;
	color:#ffffff;
	text-transform:uppercase;
	margin-bottom:5px;
	text-align:center;
	font-weight:bold;
}
.alert_font{
	font-size:18px;
}



.text,
.faq_question,
.faq_answer
{
	font-family:'GillSansStd';
        font-size:13px;
        color:#ffffff;
	margin-top:20px;
	max-width:380px;
}

.faq_question{
	text-transform:uppercase;
	border-bottom:2px solid #e40e81;
}

.faq_answer{
	margin-top:10px;
}


/* class added in backoffice editor */
.editor_title{
	font-family:'GillSansStd';
        font-size:13px;
        color:#ffffff;
        border-bottom:2px solid #e40e81;
	display:table;
	margin-bottom:10px;
	margin-top:20px;
	padding-bottom:0px;
	text-transform:uppercase;
}



.form_title{
	display: table;
    	white-space: nowrap;
	text-transform:uppercase;
	color:#e40e81;
	overflow:hidden;
}
.form_title:after{
	border-top: 1px solid #e40e81;
      	content: '';
      	display: table-cell;
      	position: relative;
      	top: 0.5em;
      	width: 100%;
	left: 1.5%;
}
 


.info{
	width:20px;
	height:15px;
	padding-top:5px;
	background-color:#e40e81;
	color:#ffffff;
	text-align:center;
	font-weight:bold;
	cursor:pointer;
}

.setas{
	background-color: #e40e81;
	color: #ffffff;
	cursor: pointer;
	font-weight: bold;
	height: 13px;
	margin-bottom: 2px;
	text-align: center;
	width: 16px;
}

.button{
	width:163px;
	height:53px;
	background:url("../../imgs/btnBackground.png") no-repeat center center / 75% 75%;
	color:#ffffff;
	text-transform:uppercase;
	cursor:pointer;
	font-size:12px;
	padding:10px;
	white-space:normal;
}



/* **************************************** */
/* POPUPS                                   */
/****************************************** */
/* ERROS */

#box{
	border:2px solid #e40e81;
}

#divMensagem{
    padding-left: 80px;
    padding-top: 10px;
    width: 350px;
    min-height:100px;
}

#msgErroTopo{
	background-color:#fff;
	height:56px;
	width:472px;
}
#msgErroMeio{
	background-color:#fff;
	min-height:175px;
	width:472px;
}
#msgErroFundo{
	background-color:#fff;
	height:13px;
	width:472px;
}

.msgErroTopo{
	background-color:#fff;
	height:56px;
	width:472px;
}

.msgSucessoTopo{
	background-color:#fff;
	height:56px;
	width:472px;
}

.close a{
	color:#e40e81;
	font-size:20px;
}

/* POPUP CONDIÇÕES DE COMPRA*/

#CondCompraTopo{
background-color:#fff;
height:60px;
width:700px;
}

#CondCompraMeio{
background-color:#fff;
height:510px;
width:700px;
color:#000000;
}
#CondCompraFundo{
background-color:#fff;
height:13px;
width:700px;
}

#divCondCompra{
    padding-left: 50px;
    padding-top: 10px;
    width: 620px;
	height:450px;
	overflow:hidden;
}


/* POPUP ENCOMENDA SUCESSO */
#encomendaSucTopo{
background-color:#fff;
height:60px;
width:700px;
}

#encomendaSucMeio{
background-color:#fff;
height:510px;
width:700px;
}
#encomendaSucFundo{
background-color:#fff;
height:13px;
width:700px;
}
#divEncomendaSuc{
    padding-left: 70px;
    padding-top: 10px;
    width: 600px;
	height:450px;
}



/* ************************************ */
/* APENAS PARA TESTES */
/* ************************************ */

ul.menuEncomenda{
	width:480px;
	height:28px;
	float:right;
}

ul.menuEncomenda li{
	display:inline;
}


ul.menuEncomenda li:hover .navEncomenda,
ul.menuEncomenda li:hover .navDados,
ul.menuEncomenda li:hover .navConfirmacao,
ul.menuEncomenda li:hover .navPagamento{
	color:#e40e81;
}

ul.menuEncomenda li:hover .nrMenu{
        background-color:#e40e81;
	color:#ffffff;
}

.nrMenu{
	background-color: #ffffff;
	color:#e40e81;
	border-radius: 13px;
	float: left;
	font-size: 13px;
	height: 15px;
	padding-top: 5px;
	text-align: center;
	width: 20px;
}

.nrMenuOn, .nrMenu:hover{
    background-color: #e40e81;
    color:#ffffff;
    border-radius: 13px;
    float: left;
    font-size: 13px;
    height: 15px;
    padding-top: 5px;
    text-align: center;
    width: 20px;
}


.navEncomenda, .navEncomendaOff, .navEncomendaOn{
	width:110px;
	float:left;
	padding:5px 0px 0px 5px;
	text-transform:uppercase;
}

.navDados, .navDadosOff, .navDadosOn{
	width:70px;
	float:left;
	padding:5px 0px 0px 5px;
        text-transform:uppercase;
}

.navConfirma, .navConfirmaOff, .navConfirmaOn{
	width:110px;
	float:left;
	padding:5px 0px 0px 5px;
        text-transform:uppercase;
}

.navPagamento, .navPagamentoOff, .navPagamentoOn{
        width:85px;
        float:left;
	padding:5px 0px 0px 5px;
        text-transform:uppercase;
}


/*
#aviso{
	width: 200px;
	font-family:"Arial";
	font-size: 0.875em;
 	position:absolute;
	top: 230px;
	right: 240px;
	padding:15px;
	background-color:#fcb040;
	color:#FFFFFF;
	opacity: 0.7;
	filter: alpha(opacity=70);

}*/

/* **************************************** */
/* Height / Width ************************* */
/* **************************************** */
.width30{
        width:30px;
}
.width50{
        width:50px;
}
.width60{
        width:60px;
}
.width75{
        width:75px;
}
.width110{
        width:110px;
}
.width120{
        width:125px;
}
.width130{
        width:130px;
}
.width140{
        width:140px;
}
.width160{
        width:160px;
}
.width300{
        width:300px;
}
.width310{
        width:310px;
}
.width370{
        width:370px;
}
.width415{
        width:415px;
}
.width440{
        width:440px;
}
.width470{
        width:470px;
}
.width610{
        width:610px;
}
.width640{
        width:640px;
}

.height30{
        height:30px;
}

.height270{
        height:270px;
}

.height570{
	height:570px;
}

/* **************************************** */
/* Margin ********************************* */
/* **************************************** */
.mTop10{
        margin-top:10px;
}
.mTop20{
        margin-top:20px;
}

.mTop25{
        margin-top:25px;
}

.mTop100{
        margin-top:100px;
}

.mRight20{
	margin-right:20px;
}

.mRight25{
	margin-right:25px;
}



/* **************************************** */
/*  Padding ******************************* */
/* **************************************** */
.pTop5{
        padding-top:5px;
}
.pTop10{
	padding-top:10px;
}
.pTop20{
	padding-top:20px;
}
.pRight5{
        padding-right:5px;
}
.pRight10{
	padding-right:10px;
}
.pLeft20{
	padding-left:20px;
}

.pLeft30{
	padding-left:40px;
}

/* **************************************** */
/* colours ******************************** */
/* **************************************** */

/* Black */
.tColor1 { 
	color:#000000;
}

/* White */
.tColor2 {
	color:#FFFFFF;
}

/* Pink */
.tColor3 { 
	color:#e40e81;
}


/* black */
.bgColor1{
	background-color:#000000;
}

/* **************************************** */
/* Forms ********************************** */
/* **************************************** */
form, input , checkbox{
        font-family:"GillSansStd";
        color: #ffffff;
        border:0 none #000000;
        margin: 0px;
        padding:0px;
}


select#fnacionalidade {
   -webkit-appearance: button;

   -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
   -webkit-padding-end: 20px;
   -webkit-padding-start: 2px;
   -webkit-user-select: none;
   border:0px;
   border-bottom: 1px solid #AAA;
   color: #FFFFFF;
   background-color:#000000;
   font-size: inherit;
   margin: 2px;
   overflow: hidden;
   padding: 5px 10px;
   text-overflow: ellipsis;
   white-space: nowrap;
   width: 300px;
}

.input_box{
        color:#000000;
	height:25px;
	padding: 1px 5px;
}

/* form fields */
.labels{
	color:#ffffff;
	font-size:13px;
	text-transform:uppercase;
}

.input_box1{
	border-bottom:2px solid #ffffff;
	background-color:transparent;
	color:#ffffff;
	font-size:14px;
	font-height:bold;
	text-align:left;
	height:23px;
	padding: 2px 0px 2px 5px;
}

.input_box1on{
	border-bottom:2px solid #e40e81;
        background-color:transparent;
        color:#ffffff;
        font-size:14px;
        font-height:bold;
        text-align:left;
        height:23px;
        padding: 2px 0px 2px 5px;
}


.input_box2{
        border:none;
        background-color:transparent;
        color:#ffffff;
        font-size:14px;
        font-height:bold;
        text-align:left;
        height:23px;
        padding: 2px 0px 2px 5px;
}


/* Postal code */
.postalcode{
	border-bottom:2px solid #ffffff;
}

/* Checkbox */
input[type="checkbox"]{
	display:none;	
}
input[type="checkbox"] + label span {
    display:inline-block;
    width:19px;
    height:19px;
    margin:-1px 4px 0 0;
    vertical-align:middle;
    background:url("../../imgs/checkbox_sprite.png") left top no-repeat;
    cursor:pointer;
}
input[type="checkbox"]:checked + label span {
    background:url("../../imgs/checkbox_sprite.png") -23px top no-repeat;
}

/* radio buttons */

input[type="radio"]{
        display:none;
}
input[type="radio"] + label span {
    display:inline-block;
    width:19px;
    height:19px;
    margin:-1px 4px 0 0;
    vertical-align:middle;
    background:url("../../imgs/radio_sprite.png") left top no-repeat;
    cursor:pointer;
}
input[type="radio"]:checked + label span {
    background:url("../../imgs/radio_sprite.png") -20px top no-repeat;
}