@charset "UTF-8";
html, body {height: 100%;}
body { color:#fff; margin:0; padding:0; background:#000  url(../imgs/bkg.jpg) no-repeat center top; text-align: left; font:12px Arial, Helvetica, sans-serif; }
h1, h2, h3, h4, h5, h6, p, ul, li, form, div, img, fieldset, legend, label, input, select, textarea, button, span, table, caption, td, tr, th { margin:0; padding:0; }
h1, h2, h3, h4, h5, h6 { font-weight:normal;  font-family: 'BebasNeueRegular'; line-height:inherit }

a img { border:none; }
ul { list-style:none; }

a { color:#cf2030; text-decoration:none; }
a:hover { color:#FFF; text-decoration:none;}

.clear { clear:both; height:0; }
.disappear { visibility:hidden; }
.hide { display:none; }
.bold { font-weight: bold; }
.italic { font-style: italic; }
.underline { text-decoration: underline; }
.red { color:#CF2030; }
#contactos .floatRight { float:right; margin-right:17px;}
.removerCa { cursor:pointer; }
@font-face { font-family: 'BebasNeueRegular'; src: url('BebasNeue-webfont.eot'); src: url('BebasNeue-webfont.eot?#iefix') format('embedded-opentype'), url('BebasNeue-webfont.woff') format('woff'), url('BebasNeue-webfont.ttf') format('truetype'),
url('BebasNeue-webfont.svg#BebasNeueRegular') format('svg'); font-weight: normal; font-style: normal; }

#main {min-height: 100%;}
#loading {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99999;
  -moz-box-shadow: 0px 0px 3px #8a8a8a;
  -webkit-box-shadow: 0px 0px 3px #8a8a8a;
  box-shadow: 0px 0px 3px #8a8a8a;
  background: url('../imgs/backg.png');
}
#loading .padding { position:relative; left:50%; width:190px; top:250px; background-color: rgba(0,0,0,0.7); }
/* ________________________________________________ 2. Blocks __________________________________________________________ */
div#page-wrapper { width:769px; margin:24px auto  0; overflow:hidden; padding-bottom:70px; }
div#header { background:rgba(0,0,0,0.7); height:105px; width:100% }

/* ___ 2.1. Header Contents _____________ */
div#logo  { float:left; position:relative; width:278px; height:67px; margin-left:24px; }

/*	LINKS NO TOPO DA PÁGINA.....................................................................................*/
div#top  { float:right; position:relative; font-size:18px;  font-family: 'BebasNeueRegular'; margin-top:24px; }
  
  #top li  { float:left; position:relative; margin-right:4px;  }
  #top li a  { color:#cf2030; padding:4px 10px; }
  #top li a:hover { color:#fff;}
  #top li.carrinho a { color:#FFF; background:url(../imgs/carrinho.png) no-repeat left center; padding-left:36px; }
  #top li.carrinho a:hover {  color:#CF2030; }
  

/* ___ 2.2. Navigation _________________ */

div#navigation  { background:rgba(0,0,0,0.7); float:left; position:relative; height:350px; width:190px; font-size:24px;  font-family: 'BebasNeueRegular'; }
	
	  /* _____________ 2.1.2 Navigations bar_________ */
		  ul#nav { list-style: none; margin-top:24px; margin-left:10px; }
		  ul#nav li { text-align: left; padding-left:14px; line-height:42px;}
		  ul#nav li a { display: block; text-decoration: none; color: #FFF;  }
		  ul#nav li a:hover {color:#d0192a; }
		  
		  #home ul#nav li#nav-home a,
		  #portfolio ul#nav li#nav-portfolio a,
		  #provas ul#nav li#nav-provas a,
		  #reservada ul#nav li#nav-provas a,
		  #parceiros ul#nav li#nav-parceiros a,
		  #feedback ul#nav li#nav-comentarios a,
		  #parceiros ul#nav li#nav-parcerias a,
		  #contactos ul#nav li#nav-contactos a { color:#d0192a;}	
		  
		  #loja ul#nav li ul.submenu li.publico a,
		  #lojapriv ul#nav li ul.submenu li.privado a,		  
		 #login ul#nav li ul.submenu li.login-active a  { color:#d0192a;}	
		  
		    ul#nav li > ul.submenu li { font-size:18px; line-height:24px; padding-left:0;}
				
/* _____________________________________________ 5. Padding ______________________________________________________________________ */	
.padding { padding:17px; }
.margin-right { margin-right:17px;}
.margin-sides { margin:0 17px;}
#login .bloco-2cols .padding,
#contactos .bloco-2cols .padding,
#login .bloco-destaques .padding,
#contactos .bloco-destaques .padding,
#col .padding,
#carrinho .padding { padding:17px 24px 24px; }

/* _____________________________________________ 6 Cols and Floats_________________________________________________________________________ 	*/
#mainCol { background:rgba(0,0,0,0.7); margin-bottom:7px; min-height:175px; width:777px; margin-top:10px; overflow:hidden; padding-bottom:17px; }

.bloco-destaques,
.bloco-1col,
.bloco-2cols,
.col { float:left; width:245px; height:295px; }
.col,
.col-big { background:rgba(255,255,255,0.8); height:230px}
.col-big { width:490px; overflow:hidden; height:auto;}

.bloco-2cols { width:490px; background:rgba(0,0,0,0.7);}
.bloco-destaques { background:rgba(0,0,0,0.7); margin-bottom:24px;}

#login .bloco-destaques { height:200px; }
#login .bloco-2cols,
#feedback .bloco-2cols,
#contactos .bloco-2cols,
#carrinho .bloco-2cols,
#carrinho .bloco-destaques { height:auto; }
#contactos .bloco-2cols { margin-bottom:17px; padding-bottom:0;}
#contactos .bloco-destaques { height:384px;}
#reservada .bloco-destaques,
#reservada .col { height:200px;}
#reservada .bloco-destaques {margin-bottom:17px;}
#portfolio .bloco-destaques,
#loja .bloco-destaques, #lojapriv .bloco-destaques { height:auto;}
#portfolio .col,
#loja .col { height:166px;}
#home .col { height:210px;}
#loja .bloco-destaques { height: 241px }
#lojapriv .col,
#loja .maior { height:208px;}


/* ____________________________________________ 7. headdings & respective links __________________________________________________________________ */
h1 { font-size:42px; color:#d0192a; padding-bottom:10px; }
h2 { font-size:30px; color:#000; padding-bottom:14px; }
h3 { font-size:20px; color:#FFF;  }
h4 { font-size:18px; color:#fff; padding-bottom:7px;}
h5 { font-size:16px; color:#fff; padding-bottom:24px;}
h6 { font-size:14px; color:#fff; padding-top:24px; text-align:right; }

	div#logo h1 a { background:url(../imgs/logo.png) no-repeat left top; font-size:100px; line-height:67px; word-spacing:130px; display:block; }
	#portfolio h1,
	#loja h1 { font-size:24px;}
	#home h1 { padding:0;}
	#loja h1 { height:62px; }
	
	#contactos h1 { padding-bottom:42px;}
	#login h3 { text-align:right; padding-top:60px;}
	
	#home .col h6 { padding-top:0;}
	h6.addphoto { font-size:14px; float:right; padding-bottom:17px; width:100px;}
	h6.addphoto a { color:#FFF; background:url(../imgs/carrinho_small.png) no-repeat left top; padding-left:24px;}
	
	h6 a,
	h6.addphoto a:hover { color:#CF2030;}
	h6 a:hover {  color:#FFF; }
	.col h6 a:hover { color:#000;}
	
		
/* ____________________________________________ 8. Paragraphs & txt & span___________________________________________________________ */
p { padding-bottom:10px; line-height:18px;  }
.col p { color:#000;}
.col p.pag { text-align:center; font:bold 18px 'BebasNeueRegular'; margin-top:36px;}

/* ____________________________________________ 9. imgs _______________________________________________________________________ */


/* ______ Galeria _____ */
.wraptocenter .margin { margin-left:10px; }
.wraptocenter { background-color:#38271f; width:112px; height:87px; display:table-cell; text-align:center; vertical-align:middle; }
.wraptocenter * { vertical-align:middle; }

/* ____________________________________________ 10. Lists ______________________________________________________________________*/ 
#mainCol ul  { margin:0 20px 10px;  list-style:disc inside;  }
#mainCol ol { margin:0 20px 10px;  list-style:decimal inside;  }
#mainCol li { line-height:22px;  }
#galeria #mainCol ul { list-style:none; margin:0 0 20px 0; }

/* ____________________________________________ 12. Links ______________________________________________________________________*/ 
li.pass a { color:#FFF;}
li.pass a:hover { color:#fff;}

/* _____________________________________________ 10. table______________________________________________________________________*/
table { border-collapse:collapse; border-left:1px solid  #FFF; margin: 10px 0; width:100%;}
	table td,
	table th,
	tfoot th { padding:10px; border:1px solid #FFF; border-width:0 1px 1px 0; }
	thead th,
	tfoot th { font-size:20px;  font-family: 'BebasNeueRegular';}
		
	thead th,
	thead td ,
	tfoot th {color:#FFF; background-color:rgba(255,255,255,0.8); font-weight:normal; text-align:center; }	
	tfoot th { background-color:transparent; }	
		
	tbody th { text-align:right; font-weight:normal;}
	tbody td { text-align:center;}

	thead th[rowspan] { background:none; width:100px; border:none }
	
	tbody tr.odd td { background:#bcd9e1; }


/* ____________________________________________ 12. Forms ______________________________________________________________________*/ 
form li	{ padding: 0 10px 1px 0; line-height:24px; background:none; clear:both; font-family: 'BebasNeueRegular'; }
form li.pass { color:#FFF; font-size:16px; padding-top:24px; text-align:right;}
form label { color:#fff; font-size:14px;  }
form input { float:left;  height:24px; }
form input,
form textarea,
form select  {font-size:12px;  padding:1px 5px; width:280px; margin-bottom:7px; color:#271b18; border:1px solid #FFF; background:#fff;}
form textarea { height:100px; }
	form input.button { background:#FFF; float:right; width:70px; padding:0; margin: 14px 0 17px; font-weight:bold; cursor:pointer; height:24px; text-align:center; font-family: 'BebasNeueRegular'; font-size:18px; }
	form input.radio { height:16px; width:16px;  }
	form input.small { width:50px;}

#login form,
#contactos form,
#carrinho form ul	{ width:300px; margin:24px auto 0;}

	
	/* ______________________________________________ 13. Footer _______________________________________________________________________*/ 
#footer,
#foot-frame { margin:-66px auto 0; background:rgba(0,0,0,0.7);  clear:both; font-family: 'BebasNeueRegular'; /*overflow:hidden; position:fixed; bottom:0px; left:0px; */ height:70px; width:100%;}
#foot-frame { margin:0 auto 0;}
#footer p,
#foot-frame p { padding-bottom:0; text-align:right; color:#a3a24f; font-size:11px; }
#footer ul,
#foot-frame ul { margin:0 auto; padding:10px; width:970px;}
#footer li,
#foot-frame li { float:left; padding:0 5px; }
#footer li.reservados,
#foot-frame li.reservados  { margin-top:6px; padding-left:0;}
#footer li.ideias,
#foot-frame li.ideias  { margin:6px 0; width:30px;}
#footer li.links,
#foot-frame li.links { margin:6px 16px 0;}
#footer li.redes,
#foot-frame li.redes { margin-right:0;}
#footer li.redes img,
#foot-frame  img { margin-left:3px;}

#footer li a,
#foot-frame li a { color:#fff; }
#footer li a:hover,
#foot-frame li a:hover { color:#fff; }

	/* _____________________________________________ 14. componentes ___________________________________________________________________*/
label.error { display:none!important; }
.error { border:1px solid #f00; }	
#homeslider {	overflow: hidden;   width: 769px;    height: 319px;    margin: 0; padding:0;  }
#homeinslider {  height: 319px !important;   width: 9000px;	}
#homeinslider .pg { height: 319px; width:769px; display:block; }

.tipsy { font-size: 10px; position: absolute; padding: 5px; z-index: 100000; opacity:1 !important; }
  .tipsy-inner { background-color: rgba(255,255,255,0.8); color: #000; max-width: 200px; padding: 5px 8px 4px 8px; text-align: center; }

  /* Rounded corners */
  .tipsy-inner { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
  
  /* Uncomment for shadow */
  /*.tipsy-inner { box-shadow: 0 0 5px #000000; -webkit-box-shadow: 0 0 5px #000000; -moz-box-shadow: 0 0 5px #000000; }*/
  
  .tipsy-arrow { position: absolute; width: 0; height: 0; line-height: 0; border: 5px dashed #000; }
  
  /* Rules to colour arrows */
  .tipsy-arrow-n { border-bottom-color: #fff; }
  .tipsy-arrow-s { border-top-color: #fff; }
  .tipsy-arrow-e { border-left-color: #fff; }
  .tipsy-arrow-w { border-right-color: #fff; }
  
	.tipsy-n .tipsy-arrow { top: 0px; left: 50%; margin-left: -5px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; }
    .tipsy-nw .tipsy-arrow { top: 0; left: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;}
    .tipsy-ne .tipsy-arrow { top: 0; right: 10px; border-bottom-style: solid; border-top: none;  border-left-color: transparent; border-right-color: transparent;}
  .tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
    .tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
    .tipsy-se .tipsy-arrow { bottom: 0; right: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; }
  .tipsy-e .tipsy-arrow { right: 0; top: 50%; margin-top: -5px; border-left-style: solid; border-right: none; border-top-color: transparent; border-bottom-color: transparent; }
  .tipsy-w .tipsy-arrow { left: 0; top: 50%; margin-top: -5px; border-right-style: solid; border-left: none; border-top-color: transparent; border-bottom-color: transparent; }

#tip7-title { text-align: left; height:35px; }

#tip7-title b { display: block; margin-right: 80px; }

#tip7-title span { float: right; }

#tip7-title .addphoto { padding-top:4px; }

#entrar { display: block; background: rgba(0,0,0,0.7); width: 160px; padding: 0; font-weight: bold; cursor: pointer; height: 70px; line-height: 70px; text-align: center; font-family: 'BebasNeueRegular'; font-size: 38px; margin: inherit; color: #fff; }
#mais { display: block; background: rgba(0,0,0,0.7); width: 100px; padding: 0; font-weight: bold; cursor: pointer; height: 50px; line-height: 50px; text-align: center; font-family: 'BebasNeueRegular'; font-size: 28px; margin: inherit; color: #fff; overflow: hidden; clear: both; }
.comentario { font-size: 15px;}

	#contador {
		background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
	    border: 1px solid white;
	    bottom: 10px;
	    font-family: "BebasNeueRegular";
	    font-size: 24px;
	    height: 50px;
	    position: fixed;
	    width: 190px;
	}