/*   
Theme Name: Tripla
Theme URI: http://escs.ipl.pt
Description: Template made by ESCS students
Author: ESCS students - Master of Audiovisual and Communication 2012/2013 (option Multimedia)
Author URI: http://escs.ipl.pt
Version: 1
*/


/* ==========================================================================
   Global:
   
      
   ========================================================================== */

/* CLEARFIX  http://nicolasgallagher.com/micro-clearfix-hack/ */
 
/* For modern browsers */
.clearfix:before, .clearfix:after {
    content:"";
    display:table;
}

.clearfix:after {
    clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.clearfix {
    *zoom:1;
}



/* BASE ===================================================================== */


@font-face {
	font-family: 'DINBLACK';
	src: url('webfonts/DINBLACK.eot');
	src: local('☺'), url('webfonts/DINBLACK.woff') format('woff'), url('webfonts/DINBLACK.ttf') format('truetype'), url('webfonts/DINBLACK.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'DINLIGHT';
	src: url('webfonts/DINLIGHT.eot');
	src: local('☺'), url('webfonts/DINLIGHT.woff') format('woff'), url('webfonts/DINLIGHT.ttf') format('truetype'), url('webfonts/DINLIGHT.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'DIN';
	src: url('webfonts/DIN.eot');
	src: local('☺'), url('webfonts/DIN.woff') format('woff'), url('webfonts/DIN.ttf') format('truetype'), url('webfonts/DIN.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


@font-face {
    font-family: 'ds-digitalnormal';
    src: url('webfonts/dsdigi-webfont.eot');
    src: url('webfonts/dsdigi-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfonts/dsdigi-webfont.woff') format('woff'),
         url('webfonts/dsdigi-webfont.ttf') format('truetype'),
         url('webfonts/dsdigi-webfont.svg#ds-digitalnormal') format('svg');
    font-weight: normal;
    font-style: normal;

}




body {
	font-size: 62.5%;
	padding: 0; margin: 0;
	font-family: DIN, sans-serif;
}
::-moz-selection { background: #000; color: #fff;}
::selection { background: #000; color: #fff;}

 
a {text-decoration: none; color: #000;}
a:link { }
a:visited {}
a:hover {}
a, a:focus; :focus {}

img {vertical-align: middle; } /*Remove the gap between images and the bottom of their containers: h5bp.com/i/440 */

h1 {font-size:1.8em}
h2 {font-size:1.6em}
h3 {font-size:1.4em}
h4 {font-size:1em; font-weight: bold; margin-bottom: 5px;}
h1,h2,h3 {margin:1em 0;}

h1,h2,h3,h4,h5,h6 {}


abbr,acronym { border-bottom:1px dotted #000; cursor:help;} 
em {font-style: italic;}
strong { font-weight: bold;}
blockquote,ul,ol,dl {}
ol,ul,dl {padding: 0;}
ol li {list-style: decimal inside;}
ul li {list-style: none;}

dl dd {margin-left:1em;}
th,td {border:0; padding:.5em;}
th {font-weight:bold; text-align:center;}
caption { margin-bottom:.5em; text-align:center;}
p,fieldset,table {margin-bottom:1em;}
textarea { resize: vertical;}/* Allow only vertical resizing of textareas.*/
hr {
	height: 1px;
  margin: 20px 0;
  padding: 0;
  color: #F00;
  background-color: #e8e8e8;
  border: 0;
  clear: both;
}




/* COMUM ===================================================================== */

section>div { width: 100%; margin: 0 auto; position: relative;}

#tema { background-color: #e7e8e8; }
#premios { background-color:#fff /*#b0b0b0 #dbd9c2; */}
#participa { background-color: #a02023; }
#faqs { background-color: #e7e8e8; min-height: 670px;}
#anteriores { background-color: #fff /*#dbd9c2*/; }
#contato { background: #dadbdc }
#creditos { background: #a02023 }

.vermelho{ color: #e21e26;}
.branco{ color:#FFF;}
.cinzento{ color:#d1d3d4;}
.medio{ font-size:70%;}
.pequeno{font-size:40%}
.arial{font-family: arial, sans-serif;}

a.botao{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
filter: alpha(opacity=90);
-moz-opacity: 0.9;
-khtml-opacity: 0.9;
opacity: 0.9;
text-align: center;
font-size: 1.3em;
line-height: 1em;
}
a.botao:hover{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}

a.smallbt {
	font: .7em DINLIGHT;
	color: white;
	background: black;	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 2px 10px;
	text-transform: uppercase;
}
a.smallbt:hover {background: #fff; color: #000;}

.bt_container{ text-align: center; margin-bottom: 20px; }

/* MENU ===================================================================== */
#menu {
    position:absolute;
    right: 10px;
    top: 150px;
    width:160px;
    z-index: 999;
    font-size: 1.2em;
    line-height: 2em;
    text-align: right;
    display: none;
}
#menu ul, #menu li { margin: 0; padding: 0;}
#menu li a {display: inline-block; text-align: right;  color: #000 ; height: 28px;padding-right: 35px ; background: url(img/icn_menu.png) no-repeat top right; }

#menu ul li span { -webkit-border-radius: 5px; -moz-border-radius: 5px; line-height: 10px; border-radius: 5px; background: #fff; padding: 0 2px; background-color: rgb(255, 255, 255);
  background-color: rgba(255, 255, 255, 0.6);}
#menu li a span:hover {color: #fff; background: #000;}
.selected {background: url(img/icn_menu-on.png) no-repeat top right !important;}

/* CAPA ===================================================================== */
#capa { background-color: #fff;  }
#capa>div{max-height: 769px; overflow: hidden; position: relative;}
#capa #bg_capa{width: 100%; height: auto;}
#capa #logo {position: absolute; top: 2%; left: 2%; width: 30.8%;}
#layerslider_4 { position: absolute; top: 20%; right: 0; max-width: 1000px; z-index: 1;}

/*#layerslider_4 img{ width: 100%; max-height: 450px;}

/* TEMA ===================================================================== */


#tema>div { position: relative;}
	
#fundo_parallax {display: none;}
#tema .parallax-layer {position: absolute; top: 0; left: 0;}

#btParticipa{ position:absolute;z-index: 5; display: none;}

#tema_content {width: 100%; font-size: 50%; text-align: center; padding: 40px 0;}
#tema_ano {width: 35%; float: left; border-right: 6px solid #000; text-align: right; padding-right: 5%;}
#tema_ano>div {text-align: right; margin-top: 20px;}
#tema_ano>div .botao {text-align: center;}
#tema_img{ width: 50%; float: left; padding-left: 5%;}

#tema_ano h1{
	font-family: 'DINBLACK';
	font-weight: normal;
	text-transform:uppercase;
	font-size: 8.5em;
	line-height: 1.0em;
	margin: 0;
	}
	
#tema_ano p.ano{
	margin: 0;
	font-family: 'DINBLACK';
	text-transform:uppercase;
	color:#e21e26;
	font-size: 3.5em;
	line-height: 0.5em;}


#tema_img img {max-width: 100%; height: auto;}



/* PREMIOS ===================================================================== */
#premios {font-size: 80%; line-height: 90%;}

#premios h1 {
	font-family: 'DINBLACK';
	font-weight: normal;
	text-transform:uppercase;
	font-size: 4.5em;
	line-height: 0.65em;
	margin: 20px 0 0 10%;
}
	
#premios .bloco2{ position:relative; left: 30%}
#premios .topo{ position:relative; bottom: 1.1em}
	
/* FIM de Defenir os estilos do titulo*/

#premios .categoria {text-align: center; margin-bottom: 50px; margin-top: 50px;}
#premios .categoria img {width: 150px; height: auto;}
#premios .timecode { font-family: 'ds-digitalnormal'; font-size: 6em; line-height: 0.65em; margin: 50px 30px 0 30px;color: #000; padding: 10px; text-align: center; text-shadow: 0px 0px 10px #333;}
#premios .tempo{ font-family: 'DINBLACK'; font-size: 4.5em; line-height: 1em; text-transform: uppercase;}
#premios .descricao{ font-family: 'DINLIGHT'; font-size: 2em; line-height: 0.65em;}
#premios .euros{font-family: 'DINBLACK'; font-size: 7.5em; color:#e21e26; line-height: 0.65em;}

#premios .grandepremio {width: 90%; margin: 0 auto 30px auto; }
#premios .patch{ display:block; display: inline-block; text-align: right; width: 40%; vertical-align: top;
}
#premios #textpatch {text-align:left; padding-top: 20px; display: inline-block; width: 50%; }



/* PARTICIPA ===================================================================== */
#participa {color: #fff;}
#participa>div {}

#participa h1 {
	font-family: 'DINBLACK';
	font-weight: normal;
	text-transform:uppercase;
	font-size: 4.5em;
	line-height: 0.65em;
	margin: 20px 0 0 20px;
}
#participa h1 .medio {margin-left: 3%;}
#participa .intro {font-family: DINLIGHT; line-height: 1.2em; margin: 40px 0 0 0;}
#participa h2 {
	font-family: 'DINBLACK';
	font-weight: normal;
	text-transform:uppercase;
	font-size: 1.5em;
}
#participa .col_esq {font-size: 2em; line-height: 1.2em; margin: 0 20px 40px 20px;}
#participa .col_dir {color: #dbd9c2; margin: 30px 20px 0 20px; }
#participa .col_dir #contador {font-size: 3em; line-height: 0.9em; text-shadow: 0px 0px 5px #444444; margin-bottom: 60px; font-weight: bold;
}
#participa .col_dir #participa_bt .botao {color: #fff; text-align: center;}

#participa .col_dir strong {font-family: 'DINBLACK'; font-size: 2em; font-weight: normal; line-height: 0.65em; color: #fff;}
#participa .bt_container{ display: inline-block; vertical-align: top;}
#participa .download{ width: 120px; }
/* FAQS ===================================================================== */

#faqs { background-image: none;  }

#faqs h1 {
	font-family: 'DINBLACK';
	font-weight: normal;
	text-transform:uppercase;
	font-size: 4.5em;
	line-height: 0.65em;
	margin: 30px 0 10px 20px;
}	

ul#bubbles {margin : 20px 0 30px 0; padding: 0; }
ul#bubbles li {list-style: none;}

.bubble {
position: relative;
/*float: left;*/
margin: 15px 1%;
padding:1.4%;
background-color:rgba(255,255,255,0.9);
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

.bubble:after 
{
content: "";
position: absolute;
bottom: -15px;
left: 23px;
border-bottom: 15px solid transparent;
border-left: 30px solid #fff;
display: block;
width: 0;
z-index: 1;
}

.sombra {
-webkit-box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 0px 10px rgba(50, 50, 50, 0.75);
box-shadow:         0px 0px 10px rgba(50, 50, 50, 0.75);
}

/*.col1 { width: 120px; }
.col2 { width: 300px; }*/
.col1 { width: 44%; }
.col2 { width: 44%; }

.pergunta {cursor:pointer; font-size: 1.7em; line-height: 1.2em; font-family: DINBLACK; text-align: center; }
.resposta {display: none; cursor: pointer; font-size: 1.4em; line-height: 1.2em; }

/* cores perguntas */
.faq_cat1 .pergunta { color: #e21f26; }
.faq_cat2 .pergunta { color: #0e8cbb; }
.faq_cat3 .pergunta { color: #719d8e; }
.faq_cat4 .pergunta { color: #e2b61f; }
.faq_cat5 .pergunta { color: #a02023; }
.faq_cat6 .pergunta { color: #527107;}


/* filtro */
ul#filtro  { margin: 0; padding: 0; font-size: 1.2em; margin: 0 20px; line-height: 2em;}
ul#filtro li { list-style: none; display: inline; margin: 0 5px; }
ul#filtro a { background-color: #000; color: #fff; padding: 1px 5px 2px 5px; -webkit-border-radius: 5px;
-moz-border-radius: 5px; line-height: 10px; border-radius: 5px; }
ul#filtro a span { font-family: DINBLACK; font-size: 1.4em; line-height: 10px;}

/* cores botões filtros */

#filtro a#faq_cat1.on { background-color: #e21f26; color: #fff;}
#filtro a#faq_cat2.on { background-color: #0e8cbb; color: #fff;}
#filtro a#faq_cat3.on { background-color: #719d8e; color: #fff;}
#filtro a#faq_cat4.on { background-color: #e2b61f; color: #000;}
#filtro a#faq_cat5.on { background-color: #a02023; color: #fff;}
#filtro a#faq_cat6.on { background-color:#527107; color: #fff;}

#filtro a#faq_cat1.on:hover { background-color: #e21f26; color: #fff;}
#filtro a#faq_cat2.on:hover { background-color: #0e8cbb; color: #fff;}
#filtro a#faq_cat3.on:hover { background-color: #719d8e; color: #fff;}
#filtro a#faq_cat4.on:hover { background-color: #e2b61f; color: #000;}
#filtro a#faq_cat5.on:hover { background-color: #a02023; color: #fff;}
#filtro a#faq_cat6.on:hover { background-color: #527107; color: #fff;}


#filtro a#faq_cat1:hover { background-color: #000; color: #fff;}
#filtro a#faq_cat2:hover { background-color: #000; color: #fff;}
#filtro a#faq_cat3:hover { background-color: #000; color: #fff;}
#filtro a#faq_cat4:hover { background-color: #000; color: #fff;}
#filtro a#faq_cat5:hover { background-color: #000; color: #fff;}
#filtro a#faq_cat6:hover { background-color: #000; color: #fff;}

/* EDIÇÕES ANTERIORES ===================================================================== */

#anteriores { padding-bottom: 30px; }

#anteriores h1 {
	font-family: 'DINBLACK';
	font-weight: normal;
	text-transform:uppercase;
	font-size: 4.5em;
	line-height: 0.65em;
	margin: 30px 0 10px 20px;
}

/* filtro */
ul#anos  { margin: 0 10px 10px 10px; padding: 0; font-size: 2em; line-height: 2em; font-family: 'DINBLACK';}
ul#anos li { list-style: none; display: inline; margin: 0 5px; }
ul#anos a { background-color: #dadbdc; color: #000; padding: 5px 10px;-webkit-border-radius: 15px;
-moz-border-radius: 15px; border-radius: 150px;}
ul#anos a.on  { background-color: #e21e26; color: #fff;  }
ul#anos a:hover{ background-color: #000; color: #fff;  }
#anteriores h2 {
	font-family: 'DINBLACK';
	font-weight: normal;
	text-transform:uppercase;
	font-size: 3em;
	margin: 0 20px;
}
#anteriores h2 span {
	font-family: 'DINLIGHT';
	font-weight: normal;
	text-transform:uppercase;
}
#anteriores h3 {font-family: 'DINBLACK';
	color: #a02023;
	font-weight: normal;
	font-size: 3em;
	margin: 10px 20px 0 20px;
	border-bottom: 1px dotted #a02023;
}
#anteriores>ul { margin-bottom: 20px; }

ul#vencedores { text-align: center;  }
li.projeto { display: inline-block; vertical-align: top; margin: 20px 10px; width: 30%; max-width: 300px; min-width: 220px; text-align: center; position: relative;}
li.projeto a img { box-shadow: 0px 5px 5px #888; width: 100%; height: auto;}
li.projeto a:hover img { box-shadow: 0px 2px 2px #999;}
#anteriores .tempo { font-family: 'DINBLACK'; font-size: 3em; margin: 10px 0 0 0; }
#anteriores .titulo { font-size: 2em; color: #e21e26; font-style: italic; margin: 0; line-height: 1.1em;
}
#anteriores .titulo a { padding-right: 30px; background: transparent url('img/bt_play_ant.png') no-repeat right 3px;  color: #e21e26;}
#anteriores .titulo a:hover { text-decoration: underline;}
#anteriores .autor { font-family: 'DINLIGHT'; font-size: 1.4em; margin: 0 0 10px 0; }

ul#mencoes { text-align: center;  }
ul#mencoes li>ul { padding: 0; margin: 0; }
ul#mencoes .projeto { margin: 0 10px }

ul#mencoes li>ul li:after { content: "~" }
ul#mencoes li>ul li:last-child:after { content: "" }

li.grandepremio:before {
    position: absolute;
    top: 10px;
    right: -10px;
    content: '';
    width:76px;
    height: 105px;
    pointer-events: none;
    background: transparent url('img/patch_small.png') no-repeat top right;
}

h3.toggle {cursor: pointer;}
#anteriores .togglecontent { font-size: 1.4em; padding: 20px 20px 30px 20px; display: none;}
#anteriores .mencoes.togglecontent { font-size: 1em;}
h3 span { color: #000; font-size: 0.7em; font-family: 'DINLIGHT'; }
.togglecontent ul { padding-left: 0;}
.togglecontent li { list-style: disc;}

.gallery-item {  min-width: 135px; }
.gallery-item img {-webkit-box-shadow: 0px 5px 5px #888888;
-moz-box-shadow:    0px 5px 5px #888888;
box-shadow:         0px 5px 5px #888888;
border: 0;
}
.gallery-item img:hover { box-shadow: 0px 2px 2px #999;}
.gallery-caption { margin: 10px 0 0 0;}

#anteriores a.smallbt:hover {background: #e21e26; color: #fff;}

/* CONTATO ===================================================================== */



#contato .form {
	font-size: 1.3em;
	line-height: 1em;
	margin: 0 20px 20px 30px;
	background: url(img/bg_contactos.png) no-repeat;
	background-position: 0 50px;
	padding-top: 230px;
	height: 662px;
	position: relative;
	max-width: 610px;
	padding-top: 50px;
}
#contactanos{ position: absolute; width: 200px; height: auto; top: 20px; left: 50px; z-index: 1;}

#contato .form form {position: absolute; top:240px; left: 60px; z-index: 3; width: 80%; max-width: 400px; }
#contato .form form label {
	display: block;
	width: 100px;
	color: #404040;
	text-transform: uppercase;
}
.nota {
	font-family: 'DINLIGHT', sans-serif;
	font-size: 0.8em;
}
#contato .form input[type=text], #contato .form input[type=email], #contato .form form select, #contato .form form textarea {
	border: solid 1px #e6e7e8;
	background-color: #e6e7e8;
	padding: 3px;
	border-radius: 3px;
	width: 70%;
}
#contato .form form select{max-width: 250px;}

#contato .form input.wpcf7-quiz { width: 25px; }
#contato .form input[type=submit], #contato .form input[type=reset]  {
	border: solid 1px #e6e7e8;
	background-color: #000;
	padding: 4px 10px;
	border-radius: 3px;
	color: #fff;
	font: 1em DINBLACK;
	font-weight: normal;
	text-transform: uppercase;
	margin-left: 20px;
}
#contato .form input[type=reset]  {background-color: #666;}

#contato .form input[type=submit]:hover, #contato .form input[type=reset]:hover  {
	background-color: #a02023;
}

#social_links { position: absolute; left: 10px; top: 450px; width: 35px;}

/* WP contact form 7 */
input.wpcf7-text {width: 90%; max-width: 200px; }
textarea.wpcf7-textarea {width: 90%; max-width: 280px; height: 80px; }
span.missing-required input, span.missing-required textarea{
	border: 1px dotted #ff8b14 !important;
	
}

.wpcf7-validates-as-required {
}
input.wpcf7-validates-as-required:focus {
	background: #555;	
}




div.wpcf7-response-output {
	margin: 2em 0.5em 1em;
	padding: 0.2em 1em;
}

div.wpcf7-mail-sent-ok {/* message feedback */
	background: #66a018 url('img/icon_cross.png') no-repeat 99% 3px ;
	cursor: pointer;
	color: #FFF;
	font-size: 1.2em;
	line-height: 1.2em;
	margin: 0;
	padding: 15px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-box-shadow:  0px 0px 15px rgba(50, 50, 50, 0.75);
	 box-shadow:  0px 0px 15px rgba(50, 50, 50, 0.75);
	position: absolute;
	top: -120px;
	width: 50%;
	z-index: 200;
	border: 0;
}

div.wpcf7-mail-sent-ng {/* message feedback */
	background: #a40000 url('img/icon_cross.png') no-repeat 99% 3px ;
	cursor: pointer;
	color: #FFF;
	font-size: 1.2em;
	line-height: 1.2em;
	margin: 0;
	padding: 15px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-box-shadow:  0px 0px 15px rgba(50, 50, 50, 0.75);
	 box-shadow:  0px 0px 15px rgba(50, 50, 50, 0.75);
	position: absolute;
	top: -120px;
	width: 50%;
	z-index: 200;
	border: 0;
}

div.wpcf7-spam-blocked {/* message feedback */
	background: #950ba9;
	color: #FFF;
	font-size: 1.2em;
	line-height: 1.2em;
	margin: 0;
	padding: 15px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-box-shadow:  0px 0px 15px rgba(50, 50, 50, 0.75);
	 box-shadow:  0px 0px 15px rgba(50, 50, 50, 0.75);
	position: absolute;
	top: -120px;
	width: 50%;
	z-index: 200;
	border: 0;
}

div.wpcf7-validation-errors { /* message feedback */
	background: #e21e26;
	color: #fff;
	font-size: 1.2em;
	line-height: 1.2em;
	margin: 0;
	padding: 15px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-box-shadow:  0px 0px 15px rgba(50, 50, 50, 0.75);
	 box-shadow:  0px 0px 15px rgba(50, 50, 50, 0.75);
	position: absolute;
	top: -120px;
	width: 50%;
	z-index: 200;
	border: 0;
}

span.wpcf7-form-control-wrap {
	position: relative;
}

span.wpcf7-not-valid-tip {
	position: absolute;
	top: -40px;
	left: 0;
	z-index: 100;
	color: #fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 5px;
	display: inline-block;
	text-align: center;
	border: 1px solid #e21e26;
	background-color: #e21e26;
	-webkit-box-shadow:  0px 0px 15px rgba(50, 50, 50, 0.75);
	 box-shadow:  0px 0px 15px rgba(50, 50, 50, 0.75);
}
span.wpcf7-not-valid-tip>* {background: transparent;}

span.wpcf7-not-valid-tip-no-ajax {
	color: #f00;
	font-size: 10pt;
	display: block;
}

span.wpcf7-list-item {
	margin-left: 0.5em;
}

.wpcf7-display-none {
	display: none;
}

div.wpcf7 img.ajax-loader {
	border: none;
	vertical-align: middle;
	margin-left: 4px;
}

div.wpcf7 .watermark {
	color: #888;
}
/* bubbles */

span.wpcf7-not-valid-tip:after, span.wpcf7-not-valid-tip:before {
	top: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

span.wpcf7-not-valid-tip:after {
	border-top-color: #e21e26;
	border-width: 10px;
	left: 50%;
	margin-left: -10px;
}
span.wpcf7-not-valid-tip:before {
	border-top-color: #e21e26;
	border-width: 11px;
	left: 50%;
	margin-left: -11px;
}



#contato .conteudo { font-size: 1.4em; margin: 50px 20px 20px 0; padding-left: 20px;}
#contato .conteudo img { margin: 10px 20px 20px 0; max-width: 100%;}


/* CREDITOS ===================================================================== */
#creditos {color: #fff; }
#creditos>div { padding-bottom: 20px;}
#creditos h1 {
	font-family: 'DINBLACK';
	font-weight: normal;
	text-transform:uppercase;
	font-size: 3em;
	line-height: 0.65em;
	margin: 0px 0 10px 20px;
	padding-top: 20px;
}
#creditos .nomes { font-size: 1.4em; margin: 0 20px 20px 20px;}

#sharethis { color: #fff; margin: 20px 0; text-align: right; }
#sharethis .stButton .chicklets{ color: #fff; }

/* INSCRIÇÃO ===================================================================== */
body { background-color: #DEE0E0;
	background-image: url('img/triangulo.png');
	background-size: cover;
    background-repeat: no-repeat;  }

#inscricao { margin: 150px 0; }
#inscricao #formulario {font-size: 1.4em; max-width: 550px; margin-left: 50px;
}
#inscricao th {
	display: block;
	color: #404040;
	text-transform: uppercase;
	text-align: right;
}
#inscricao td {
	width: 70%;
}

#inscricao .pdb-signup label { width: auto; }

#inscricao .helptext {font: 0.9em DINLIGHT, sans-serif;}
#inscricao input[type=text], #inscricao input[type=email], #inscricao select, #inscricao textarea {
	border: solid 1px #e6e7e8;
	background-color: #e6e7e8;
	padding: 3px;
	border-radius: 3px;
	width: 100%;
}
#inscricao select{max-width: 250px;}

#inscricao input[type=submit], #inscricao input[type=reset], a.print  {
	border: solid 1px #e6e7e8;
	background-color: #000;
	padding: 4px 10px;
	border-radius: 3px;
	color: #fff;
	font: 1em DINBLACK;
	font-weight: normal;
	text-transform: uppercase;
	margin-left: 20px;
}
a.print { background-color:#b8b8b8; color: #000;}
td.print {padding: 50px 0 0 0; margin: 0;}
#inscricao input[type=reset]  {background-color: #666;}

#inscricao input[type=submit]:hover, #inscricao input[type=reset]:hover,  a.print:hover  {background-color: #a02023; color: #fff;}

#inscricao ol.alpha li{ list-style-type: lower-alpha; margin-left: 20px;
}
td.assinatura{ height: 100px; }

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   Theses examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */
@media screen and ( max-width: 479px ) {
	/* are previous styles*/
}

/* entre 480px et 1024px de large  */
@media screen and (min-width: 480px) {
	

}

/* ipad  */
@media screen and (min-width: 768px) {

#tema>div { 
		background: url("img/bg_tema.png") no-repeat center; 
	  -webkit-background-size: cover; /* pour Chrome et Safari */
	  -moz-background-size: cover; /* pour Firefox */
	  -o-background-size: cover; /* pour Opera */
	  background-size: cover; /* version standardisée */
	  height: 550px;}
#tema_content {position:absolute; top: 150px; left: 0; z-index: 3;width: 100%; font-size: 100%;}
#btParticipa{ display: block;}

#premios h1 {font-size: 10em; }

#premios .categoria {width:33%; text-align: center; float: left; margin-bottom: 50px; }
#premios .categoria img {width: auto;}

#premios { font-size: 100%;line-height: 100%; }
#premios img { width: auto}
#premios .grandepremio {width: 50%; margin: 0 auto 30px auto;}
.patch{width: 40%;}
#textpatch {width: 60%; }
#premios .grandepremio {width: 600px; margin: 0 auto;}
#premios .grandepremio #textpatch {width: auto; }
#premios .grandepremio img{ max-width: 200px; }

#participa>div { background: #a02023 url('img/bg_participa.png') no-repeat 90% 20px; background-size: 112.5px 120px; }

#participa h1 {font-size: 10em; }
#participa .col_dir #contador {font-size: 5em;}

#faqs { background-image: url('img/bg_faqs.png');background-repeat:no-repeat;background-position:center center; }
#faqs h1 {font-size: 10em; }

.col1 { width: 11.4%; }
.col2 { width: 28%; }


#anteriores h1 {font-size: 10em; }

#contato .form form label { float: left; width: 21%; margin-right: 10px;}
#contato .form form p.botoes { margin-left: 22%;}
#contactanos{ width: 393px; top: 70px; left: 180px;}


}

/* iPads (portrait) ----------- */
@media screen and (min-width : 768px) and (orientation : portrait) {
#premios .timecode {font-size: 4em;}
}

/* iPads (landscape) ----------- */
@media screen and (min-width : 768px) and (orientation : landscape) {
}

/* a partir de 1024px */
@media screen and (min-width : 1024px) {
	section>div { width: 1000px; margin: 0 auto; position: relative;}
	
	
	/* CAPA */
	
	/* TEMA */
	#tema>div {height: 670px; background: none;}
	#fundo_parallax {
	display: block;
	overflow: hidden;
	position: relative;
	width: 1000px;
	height: 670px;
	
	}	
	/* PREMIOS */
	#premios .tempo { white-space:nowrap; }
	
	/* PARTICIPA */
	#participa>div {background-size: 225px 240px; }
	#participa .col_esq {width: 45%; float: left; }
	#participa .col_dir {width: 45%; float: right; margin: 100px 20px 0 0;}
	
	/* FAQs */
	
	/* EDIÇÕES ANTERIORES */
	.togglecontent ul { padding-left: 40px;}
	
	/* CONTACTOS */
	#contato .conteudo { width: 290px; float: left; }
	#contato .form { width: 610px; float: right; }
}

/* 1024px e + */
@media screen and (min-width : 1025px) {
	#menu { display: block; }
}


@media screen and (-webkit-min-device-pixel-ratio: 1.5),
       screen and (min-resolution: 144dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow:none !important;
        text-shadow: none !important;
    }
	#inscricao { margin: 0; padding: 0; }
	.submit-buttons { display: none; }
	.nota { display: none; }
    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}