/* CSS Geral */
@import url(http://fonts.googleapis.com/css?family=Molengo);



font-family: 'Roboto Condensed', sans-serif;

html, body {height:100%;}

body {
    font-family: 'Molengo', Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
     background-size: cover;
}	


img {
    border: 0 none;
}

/* estrutura */
.bg_video{
	position: relative; 
	top:150px;
	right: 0; 
	bottom: 0;
	min-width: 100%; 
	min-height: 100%;
	width: auto; 
	height: auto; 
	z-index: -1000;
	background: url(painel/slide1.jpg) no-repeat;
	background-size: cover; 
}



#topo {
    background: url(../imgs/fundotop.png) repeat-x #FFF;
    height: 188px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
	letter-spacing:1px;
	font-size:14px;
}

#base {
    background: rgb(244,244,244);
    height: 190px;
    position: relative;
    width: 100%;
	margin: 0 auto;
	bottom:-30px;
}


#slide{
	position:relative;
	display:block;
	overflow:hidden;
	mini-height:570px;
	max-height:100%;
	top:188px;
}

.setascroll{
	width:100%; height:50px; position:fixed; margin:0 auto; bottom:15px; text-align:center;
}

.setatopo{
	width:50px; height:50px; position:fixed; right: 15px; bottom:15px; text-align:center; display:none; z-index:999;
}

/* Preloader */
#preloader {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#dfdfdf; /* change if the mask should have another color then white */
	z-index:999999; /* makes sure it stays on top */
	opacity: 1;
}


#status {
	width:200px;
	height:200px;
	position:absolute;
	left:50%; /* centers the loading animation horizontally one the screen */
	top:50%; /* centers the loading animation vertically one the screen */
	background-image: url(../imgs/load.gif); /* path to your loading animation */
	background-repeat:no-repeat;
	background-position:center;
	margin:-100px 0 0 -100px; /* is width and height divided by two */
}




/*** set the width and height to match your images **/

#slideshow {
    position:relative;
    height:260px;
	margin-top:5px;
	margin-left:5px;	
}

#slideshow DIV {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
    height: 260px;
    background-color: #ededed;
}

#slideshow DIV.active {
    z-index:10;
    opacity:1.0;
}

#slideshow DIV.last-active {
    z-index:9;
}

#slideshow DIV IMG {
    height: 260px;
    display: block;
    border: 0;
    margin-bottom: 10px;
}


/* Coleção */

/* Span Roll */

span.roll_look {
	background: url(../imgs/overmais.png) no-repeat;
	position: absolute;
	width: 180px;
	height: 246px;
	margin-left: -90px;
	float: left;
	z-index: 999;
}

span.roll {
	background: url(../imgs/overvideo.png) no-repeat;
	position: absolute;
	width: 180px;
	height: 246px;
	margin-left: -90px;
	float: left;
	z-index: 999;
}

/*firefox only hack*/
@-moz-document url-prefix() { 
span.roll_look {
	background: url(../imgs/overmais.png) no-repeat;
	position: absolute;
	width: 180px;
	height: 246px;
	margin-left: -90px;
	float: left;
	z-index: 999;
}
}


#btvolta {
	position:relative;
	width: 25px;
	height: 50px;
	z-index: 10;
	margin-top:-275px;
	margin-left: 30px;
}

#btvai {
	position:absolute;
	width: 25px;
	height:50px;
	z-index: 10;
	margin-top:-275px;	
	margin-left: 895px;
}

#caixasetas  ul {
    display: block;
    margin: 0 0 0 0;
    padding: 0;
}

#caixasetas  li {
    display: block;
    margin: 0;
    padding: 0;
    text-indent: -9999px;
}

#caixasetas  li.last a {
    border: 0 none;
    margin: 0;
}

#caixasetas  li a {
	background: url(../imgs/setasnav.png) no-repeat;
    display: block;
    float: left;
	height: 50px;
}

#caixasetas  li#volta a {
    background-position: 0 0;
    width: 25px;
}
#caixasetas  li#volta a:hover, #caixasetas  li#volta a.active {
    background-position: 0 -50px;
}


#caixasetas  li#vai a {
    background-position: -25px 0;
    width: 25px;
}
#caixasetas  li#vai a:hover, #caixasetas  li#vai a.active {
    background-position: -25px -50px;
}


/* FORMS // superior, direito, inferior e esquerdo */

/*Contato */
.contato form .bt {color:rgb(153,153,153);font: 14px 'Molengo', Arial, sans-serif;background:rgb(244,244,244);width:60px;  position:relative; border:none; transition:background .2s, color .2s; padding: 5px 6px 6px 6px; margin-top:4px;  margin-left:2px}
.contato form .bt:hover {color:rgb(255,255,255); background:rgb(245,174,6);}

.contato form .campo {font: 14px 'Molengo', Arial, sans-serif; width:370px; color:rgb(2,2,2); background:rgb(244,244,244); padding:5px 6px 6px 6px; border:none;margin-top:4px; margin-left:2px;}

.contato form .campomed {font: 14px 'Molengo', Arial, sans-serif; width:303px; color:rgb(2,2,2); background:rgb(244,244,244); padding:5px 6px 6px 6px; border:none;margin-top:4px; margin-left:2px}

.contato form .campoitenspeq {font: 14px 'Molengo', Arial, sans-serif; width:62px; color:rgb (2,2,2); background:rgb(244,244,244); padding:4px 6px 5px 6px; border:none;margin-top:4px;}

.contato form .campoitenspeq2 {font: 14px 'Molengo', Arial, sans-serif; width:50px; color:rgb (2,2,2); background:rgb(244,244,244);padding:5px 6px 6px 6px; border:none;margin-top:4px; margin-left:0px}

.contato form .campoitensmedio {font: 14px 'Molengo', Arial, sans-serif; width:162px; color:rgb (2,2,2); background:rgb(244,244,244); padding:4px 6px 5px 6px; border:none;margin-top:4px; margin-left:2px}

.contato form .campofone {font: 14px 'Molengo', Arial, sans-serif; width:120px; color:rgb(2,2,2); background:rgb(244,244,244); padding:5px 6px 6px 6px; border:none;margin-top:4px;  margin-left:2px}

.contato form .camposenha {font: 14px 'Molengo', Arial, sans-serif; width:100px; color:rgb(2,2,2); background:rgb(244,244,244); padding:5px 6px 6px 6px; border:none;margin-top:4px;  margin-left:2px}

.contato form .campoemp {font: 14px 'Molengo', Arial, sans-serif; width:318px; color:rgb(2,2,2); background:rgb(244,244,244); padding:5px 6px 6px 6px; border:none;margin-top:4px;  margin-left:2px}

.contato form .campofoneoperadora {font: 14px 'Molengo', Arial, sans-serif; width:94px; color:rgb(2,2,2); background:rgb(244,244,244); padding:5px 6px 6px 6px; border:none;margin-top:4px  margin-left:2px;}


/*Hack Chorme - Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
.contato form .campofoneoperadora {font: 14px 'Molengo', Arial, sans-serif; width:94px; color:rgb(2,2,2); background:rgb(244,244,244); padding:5px 6px 6px 6px; border:none;margin-top:4px  margin-left:2px;} }