/* 
html5doctor.com Reset Stylesheet
v1.4.1 
2010-03-01
Author: Richard Clark - http://richclarkdesign.com
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
		
body {
	font-family: Georgia, Times, Times New Roman, serif;
	background: white;
	color: #333333;
	-webkit-text-size-adjust: 100%;
}

#todo{
	position:fixed;
	width:100%;
	border-top:8px solid #333333;
	z-index: 1;
	height: 25px;

}
		
#container {
	margin-left:20px;
	width:100%;
	max-width: 1200px;
	
}

#esquerda {
	text-align:left;
	width: 14%;
	float:left;
	margin-right:20px;
	font-size: 10pt;
	margin-top:20px;
	position: fixed;


}

.logo{
	padding-top:10px;
	padding-bottom:15px;
}

body a {
	color: #333333; 
	text-decoration:underline;
}

body a:hover {
	color: #333333; 
	text-decoration:none;
}

#main {
	width: 80%;
	float:right;
	margin-top:140px;
	border-top:1px solid #333333;
	padding-top:15px;
	font-size: 10pt;
	z-index:0;
	margin-right:40px;
		border-bottom:1px solid #333333;
		padding-bottom:20px;

	
}

.img {
	margin-bottom:5px;
	width: 100%;
}

.img2 {
	margin-bottom:75px;
	width: 100%;
}

.img3 {
	margin-bottom:20px;
	width: 100%;
}

.img_side {

	margin-bottom:5px;
	width:57%;
	margin-right:5.4%;
}

  .vert_video {
    width: 37.2%;
    margin-bottom: 5px;

  }


.img_side2 {

	margin-bottom:5px;
	width:46%;
	margin-right:0%;


}

li.border {
	padding-top:20px;
	border-top:1px solid #333333;
	
}

li.border2 {
	margin-top:40px;
	border-top:1px solid #333333;
}

#footer {
	font-family: Verdana, Geneva, sans-serif;
	padding-top:20px;
	float:right;
	font-size:7pt;
	width:1180px;
	text-align: right;
		margin-right:40px;
		margin-bottom: 25px;
}

h1 {
	font-family: Verdana, Geneva, sans-serif;	
	font-size:9pt;
	font-weight:bold;
	color:#333333;
	margin-bottom:7px;
}

h2 {
	font-family: Verdana, Geneva, sans-serif;	
	font-size:9pt;
	font-weight:bold;
	color:#333333;
	margin-bottom:160px;
}

p{
	margin-bottom:10px;
	line-height:160%;
}

p a {
	color: #333333; 
	text-decoration:underline;
}

p a:hover {
	color: #333333; 
	text-decoration:none;
}


.subst {
	margin-left:15px;
	font-size:9pt;
}

#texto {

float:left;
margin-top:10px;
font-size:10pt;
font-family: 'Georgia', serif;
width:190px;
line-height:150%;
font-style: italic;

}

.menutit {

margin-top:0px;
font-weight:bold;
font-family: Verdana, Geneva, sans-serif;
font-size:10pt;
}

.bbottom {
padding-top:5px;
padding-bottom:50px;
}

.tempos {
padding-top:3px;
}

.legenda {

font-size:10pt;
margin-bottom:40px;
width:100%;
position:;
text-align:left;
line-height:150%;
margin-top:10px;
}

.legenda2 {

font-size:9pt;
margin-bottom:9px;
width:740px;
position:;
text-align:left;
line-height:150%;
margin-top:10px;
}

.legenda3 {

font-size:10pt;
margin-bottom:10px;
width:100%;
position:;
text-align:left;
line-height:150%;
margin-top:10px;
}

.legenda4 {

font-size:10pt;
margin-bottom:40px;
width:100%;
position:;
text-align:left;
line-height:150%;
margin-top:10px;
}


.titulo {
font-size:10pt;
font-style:italic;
color:#333333;
line-height:150%;
font-weight: bold;
}

.imgs {
margin-bottom:75px;
width: 100%;
}

.vimeo {
margin-bottom:75px;

}

.vimeo2 {
margin-bottom:55px;

}

.quad {
padding-right:6px;
}



.subst {
	margin-left:15px;
	font-size:9pt;
}

.pcontact {
	padding-bottom: 3px;
	line-height: 140%;
}

.title {
	font-size: 25pt;
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	text-transform: uppercase;

}

.title2 {
	font-size: 15pt;
	margin-top: -15px;
	font-family: 'Georgia', serif;
	font-weight: 100;

	margin-bottom: 20px;

}

.sinopse {
	font-size: 10pt;
	line-height: 25px;
	

}

.sinopse2 {
	font-size: 10pt;
	line-height: 25px;
	margin-bottom: 40px; 

}

.sinopse3 {
	font-size: 10pt;
	line-height: 25px;
	margin-bottom: 30px; 

}

.sinopse4 {
	font-size: 10pt;
	line-height: 25px;
	margin-top: 30px; 

}

.sinopse5 {
	font-size: 10pt;
	line-height: 25px;
	margin-bottom: 30px; 
	text-align: right;

}


.nome {
	float:right;
	margin-bottom: 40px;
	text-align: right;
	

}

.nome3 {
	float:right;
	margin-bottom: 80px;
	background-color: red;

}

.nome2 {
	
	margin-bottom: 40px;
}

.italico {
	font-style: italic;
}

h3 {
	padding-top:35px;
	padding-bottom:35px;
	border-top:1px solid #333333;
	font-family: 'Georgia', serif;
	font-weight: 100;
	font-size: 15pt;
}


 @media only all and (max-width : 1200px) {
		#esquerda{
			width:10%;
		}
#container {
	margin-left:20px;
	width:100%;
	max-width: 1200px;
	
}

#esquerda {
	text-align:left;
	width: 14%;
	float:left;
	margin-right:20px;
	font-size: 10pt;
	margin-top:20px;

}


@media only all and (max-width : 1000px) {

	.img_side {

	margin-bottom:5px;
	width:57%;
	margin-right:4.8%;
}


@media only all and (max-width : 444px) {

	.img_side {

	margin-bottom:5px;
	width:57%;
	margin-right:4.4%;
}


}
#texto {

float:left;
margin-top:10px;
font-size:1em;
font-family: 'Georgia', serif;
width:80%;
line-height:150%;
font-style: italic;

}


.nome {
	font-size:100%;
	float:right;
	margin-bottom: 40px;
	text-align: right;

}



    }