/*------------------------------------
Projeto: ATELIER MAQUILLAGE
WEBSITE: www.ateliermaquillage.com
Desenvolvedor: Pablo Garrido
www.pablogp.com
------------------------------------*/

*{
	border:0;
	padding:0;
	margin:0;
	font-size:11px;
	color:#CCCCCC;
        font-family:"Arial";
}

body{
	background-color:#000;
	margin: 0 auto; width: 100%
}

.conteudo table{
    margin:0; padding:0; border:0; float:left;
}

.conteudo table tr td{
    padding:0;
    margin:0;
    border:0;
    background:none;
    overflow:visible;
}
.conteudo table tr td img{
    float:left;
    margin:0 0 0 0;
}


.titulo_table{text-align:right;}

#background{
	width:100%;
	position:absolute;
	top:0px;
	left:0px;
}

.geral{
	width:1120px;
	height: auto;
	margin:0;
	position:absolute;
	top:0px;
	left:0px;
	z-index:10;
}

.menu{ width:180px; float:left; margin:0 0 0 0; padding:5px 0 25px;}

.logo{
	width:130px;
	height:149px;
	float:left;
	margin:20px 0 0 35px;
}

.box_bandeiras  {
	float:left;
	margin:0;
	padding:10px 10px 5px 17px;
	width:100%;
}

.box_bandeiras img {
	cursor:pointer;
	height:20px;
	margin:30px 5px 0 18px;
	width:25px;
}

.menu ul{
        float:left;
        margin:20px 0 0;
        padding:5px 0 10px 0;
        width:175px;
}


.menu ul a{
    width:100%;
    float:left;
    height:32px;
    padding:0;
    margin:0;
}

.menu ul li{
	list-style:none;
	width:100%;
	float: left;
    width:199px;
    height:32px;
}


/*.li-usa-1{ background-image:url(../images/en/empresa.jpg); }
.li-usa-1:hover{ background-image:url(../images/en/empresaover.jpg); }

.li-usa-2{ background-image:url(../images/en/noticia.jpg); }
.li-usa-2:hover{ background-image:url(../images/en/noticiaover.jpg); }

.li-usa-3{ background-image:url(../images/en/formacao.jpg); }
.li-usa-3:hover{ background-image:url(../images/en/formacaoover.jpg); }

.li-usa-4{ background-image:url(../images/en/produtos.jpg); }
.li-usa-4:hover{ background-image:url(../images/en/produtosover.jpg); }

.li-usa-5{ background-image:url(../images/en/fotos.jpg); }
.li-usa-5:hover{ background-image:url(../images/en/fotosover.jpg); }

.li-usa-6{ background-image:url(../images/en/videos.jpg); }
.li-usa-6:hover{ background-image:url(../images/en/videosover.jpg); }

.li-usa-7{ background-image:url(../images/en/distribuidores.jpg); }
.li-usa-7:hover{ background-image:url(../images/en/distribuidoresover.jpg); }

.li-usa-8{ background-image:url(../images/en/contato.jpg); }
.li-usa-8:hover{ background-image:url(../images/en/contatoover.jpg); }*/


/*.li-bra-1{ background-image:url(../images/pt_br/empresa.jpg); }
.li-bra-1:hover{ background-image:url(../images/pt_br/empresaover.jpg); }

.li-bra-2{ background-image:url(../images/pt_br/noticia.jpg); }
.li-bra-2:hover{ background-image:url(../images/pt_br/noticiaover.jpg); }

.li-bra-3{ background-image:url(../images/pt_br/formacao.jpg); }
.li-bra-3:hover{ background-image:url(../images/pt_br/formacaoover.jpg); }

.li-bra-4{ background-image:url(../images/pt_br/produtos.jpg); }
.li-bra-4:hover{ background-image:url(../images/pt_br/produtosover.jpg); }

.li-bra-5{ background-image:url(../images/pt_br/fotos.jpg); }
.li-bra-5:hover{ background-image:url(../images/pt_br/fotosover.jpg); }

.li-bra-6{ background-image:url(../images/pt_br/videos.jpg); }
.li-bra-6:hover{ background-image:url(../images/pt_br/videosover.jpg); }

.li-bra-7{ background-image:url(../images/pt_br/distribuidores.jpg); }
.li-bra-7:hover{ background-image:url(../images/pt_br/distribuidoresover.jpg); }

.li-bra-8{ background-image:url(../images/pt_br/contato.jpg); }
.li-bra-8:hover{ background-image:url(../images/pt_br/contatoover.jpg); }*/


/*.li-fra-1{ background-image:url(../images/fr/empresa.jpg); }
.li-fra-1:hover{ background-image:url(../images/fr/empresaover.jpg); }

.li-fra-2{ background-image:url(../images/fr/noticia.jpg); }
.li-fra-2:hover{ background-image:url(../images/fr/noticiaover.jpg); }

.li-fra-3{ background-image:url(../images/fr/formacao.jpg); }
.li-fra-3:hover{ background-image:url(../images/fr/formacaoover.jpg); }

.li-fra-4{ background-image:url(../images/fr/produtos.jpg); }
.li-fra-4:hover{ background-image:url(../images/fr/produtosover.jpg); }

.li-fra-5{ background-image:url(../images/fr/fotos.jpg); }
.li-fra-5:hover{ background-image:url(../images/fr/fotosover.jpg); }

.li-fra-6{ background-image:url(../images/fr/videos.jpg); }
.li-fra-6:hover{ background-image:url(../images/fr/videosover.jpg); }

.li-fra-7{ background-image:url(../images/fr/distribuidores.jpg); }
.li-fra-7:hover{ background-image:url(../images/fr/distribuidoresover.jpg); }

.li-fra-8{ background-image:url(../images/fr/contato.jpg); }
.li-fra-8:hover{ background-image:url(../images/fr/contatoover.jpg); }*/


/*.menu ul li img{
	opacity:0.65;
	-moz-opacity: 0.65;
	filter: alpha(opacity=65);
	width:186px;
	height:32px;
}

.menu ul li img:hover{
	opacity:0.99;
	-moz-opacity: 0.99;
	filter: alpha(opacity=99);
}*/

.conteudo{
	width:780px;
	float:left;
	margin:0 0 0 0;
	padding:0px 25px 35px 20px;
	position:relative;
        color:#ffffff;
}

#empresa, #noticias, #contato{
    font-size:12px;
}

#form_contato{
	float:left;
	margin:0 0 0 0;
	width:550px;
}

#form_contato table{
	float:left;
	margin:0 0 0 0;
	padding:15px 0 15px 0;
	width:100%;
        font-size:12px;
}

#form_contato table tr td{
	padding:5px 0 5px 0;
	font-weight:bold;
}

#form_contato table tr td textarea{
	width:258px;
	color:#ffffff;
	background:#333333;
	border:1px solid #FFFFFF;
        font-size:12px;
}

#form_contato table tr td button{
	background:#FFFFFF;
	color:#333333;
	padding:2px 5px 2px 5px;
	float:right;
	margin:0 5px 0 5px;
}

.box_video{
	float:left;
	margin:0 0 0 0;
	padding:15px;
	width:220px;
}

.box_video h1{
	width:100%;
	float:left;
	margin:0 0 0 0;
	padding:0 0 10px 0;
	color:#FFFFFF;
	font-size:12px;
	font-weight:normal;
}

.box_video a{
	width:100%;
	float:left;
	padding:5px 15px 0 0;
	text-align:right;
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
}

.box_video_detalhe{
	width:100%;
	float:left;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

.box_video_detalhe h1{
	width:100%;
	float:left;
	margin:0 0 0 0;
	padding:10px 0 10px 0;
	font-size:16px;
	font-weight:normal;
}

.formacoes{
	width:210px;
	float:left;
	margin:0 0 0 0;
	padding:30px 10px 10px 10px;
}

.formacoes h1{
	width:100%;
	float:left;
	margin:0 0 15px 0;
	padding:5px 0 10px 0;
	font-size:24px;
	color:#FFFFFF;
}

.formacoes ul {
	width:210px;
	float:left;
	margin:2px 0 0 0 ;
	padding:10px 0 10px 0;
	border-left:10px solid #6600CC;
}

.formacoes ul li{
	list-style:none;
	padding:10px 0 10px 0px;
	float:left;
	width:200px;
}

.formacoes ul li a{
	width:200px;
	float:left;
	margin:0 0 0 0;
	text-decoration:none;
	color:#FFFFFF;
	padding:0px 0 10px 10px;	
	border-bottom:1px solid #6600CC;
	font-size:12px;
}

.formacoes ul li a:hover{
	color:#FF66FF;
}

/*=======================================================================================================*/
.content_formacoes{
	width:396px;
	float:left;
	margin:0 0 0 0;
	padding:25px 15px 15px 15px;
	text-align: left;
	font-size:12px;
}
/*=======================================================================================================*/
.content_formacoes img{
	width:115px;
	height:125px;
	float:left;
	margin:5px 10px 5px 5px;
	padding:0 0 0 0;
}

.content_formacoes h1{
	width:100%;
	float:left;
	color:#FAB7FF;
	font-size:26px;
	margin:0 0 0 0;
	padding:5px 0 30px 0
}

/*===================================================================================*/
.box_informacoes{
	width:220px;
	float:left;
	margin:0 0 0 0;
	padding:15px;
}

.box_informacoes h1{
	width:100%;
	float:left;
	margin:0 0 15px 0;
	padding:20px 0 10px 0;
	font-size:16px;
	color:#FFFFFF;
	text-decoration:underline;
}

.box_informacoes ul{
	width:100%;
	float:left;
	margin:0 0 0 0;
	padding:15px 0 15px 0;
}

.box_informacoes ul li{
	list-style:none;
	margin:0 0 0 0;
	float:left;
	padding:5px 0 5px 0;
	font-size:13px;
}

.box_duvidas{
	width:100%;
	float:left;
	margin:0 0 0 0;
	text-align:left;
	padding:20px 0 0 0;
}

.box_duvidas img{
	width:53px;
	height:49px;
	float:left;
	margin:0 5px 5px 0;
}

.box_duvidas a{
	text-decoration:none;
}

.produtos_destaque{
	width:750px;
	float:left;
	margin:0 0 0 0;
	padding:10px;
}

.box_produto{
	width:150px;
	padding:0px;
	float:left;
	height:200px;
}

/*.box_produto a{
	width:100%;
	float:left;
	margin:5px 0 10px 0;
	padding:5px 0 15px 0; 
	text-decoration:none;
	color:#FF33FF;
	text-align:center;
	font-size:12px;
}*/
/*================meu=============*/
.box_produto a{
	width:85%;
	float:left;
	margin:0 0 0 0;
	padding:0 0 5px 0; 
	text-decoration:none;
	color:#FF33FF;
	text-align:left;
	font-size:12px;
}

.box_produto img{
	width:127px;
	height:104px;
	float:left;
	margin:5px 0 0 0px;
}
/*================meu=============*/

/*.box_produto img{
	width:127px;
	height:134px;
	float:left;
	margin:5px 0 0 10px;
}*/


.produto_detalhe{
	width:800px;
	float:left;
	margin:0 0 0 0;
	padding:15px;
}

.produto_detalhe h1{
	width:100%;
	float:left;
	margin:0 0 0 0;
	padding:0px 0 15px 0;
	font-size:25px;
	color:#FFFFFF;
}

.produto_detalhe .img_detail_produto{
	width:200px;
	height:195px;
	float:left;
	margin:9px 0 0 0;
}

.box_variacoes{
	width:405px;
	float: right;
	margin:0 0 0 10px;
	padding:0px 20px 10px 20px;
	font-size:13px;
}

.box_variacoes table{
	float:left;
	margin:0 0 0 0;
	padding:0 0 15px 0;
}

.box_variacoes table tr th{
	color:#FF33CC;
	text-align:center;
	font-size:14px;
	padding:0 0 5px 0;
}

.box_variacoes table tr td{
	padding:1px 10px 1px 10px;
	text-align:center;
        font-size:12px;
}

.img_variacao{
	width:49px;
	height:16px;
	float:left;
	margin:0;
}

.img_carrinho{
	width:24px;
	height:24px;
	float:left;
	margin:0;
	cursor:pointer;
}

.produto_detalhe p{
	width:700px;
	padding:30px 15px 0 0 ;
	float:left;
	text-align:justify;
}

.looks{
	width:100%;
	float:left;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

.looks h1{
	width:100%;
	float:left;
	margin:0 0 0 0;
	padding:10px 10px 15px 0;
	font-size:18px;
	color:#FD66F1;
}

.looks h2{
	width:450px;
	float:left;
	margin:0 0 0 0;
	padding:5px 0 5px 15px;
	font-size:16px;
}

.looks h3{
	width:350px;
	float:left;
	margin:0 0 0 0;
	color:#FF99FF;
	font-size:12px;
	padding:5px 0 5px 15px;
}

.looks p{
	width:450px;
	float:left;
	margin:0 0 0 0;
	padding:15px 15px 0 15px;
}

.looks .img_look{
	width:189px;
	height:237px;
	float:left;
	margin:15px 15px 15px 0;
}

#tooltip{
	position:absolute;
	border:1px solid #333;
	background:#f7f5d1;
	padding:2px 5px;
	color:#333;
	display:none;
}

.box_view_photo{
	float:left;
	width:150px;
	height:150px;
	border:2px solid #AA01C2;
	margin:20px;
}

.box_fotos{
	width:850px;
	left:50%;
	margin:50px 0 0 0;
	background:#1F1B1B;
	float:left;
	border:1px solid #CCCCCC;
	overflow:auto;
	opacity:0.95;
	-moz-opacity: 0.95;
	filter: alpha(opacity=95);
}

.view_photo{
	width:740px;
	height:400px;
	float:left;
	margin:0 0 0 0;
	padding:30px;
}	

.view_photo p{
	width:100%;
	float:left;
	margin:0 0 0 0;
	padding:10px 0 0 0;
	text-align:center;
}

.foto_principal{
	width:570px;
	height:350px;
	float:left;
	margin:0 0 0 90px;
	border:2px solid #FFFFFF;
}

.photo_galeria{
	width:800px;
	float:left;
	margin:0 0 0 0;
}

.primeira_noticia{
	width:95%;
	float:left;
	margin:0 0 20px 0;
	padding:15px 15px 15px 15px;
	border: #fd60eb 1px solid;
}

.titulo_noticia_principal{
	width:100%;
	float:left;
	margin:0 0 0 0;
	padding:10px 0 10px 0;
	font-size:16px;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
}

.descricao_noticia{
	width:100%;
	float:left;
	margin:0 0 0 0;
	text-decoration:none;
	color:#fff;
        font-size:12px;
}

.leia_mais{
	float:right;
	margin:0 0 0 0;
	padding:5px 0 5px 0;
	color:#fff;
	text-align:right;
	text-decoration:none;
}

.leia_mais:hover{
	color:#FFCC66;
}

.other_news{
	float:left;
	margin:0 0 0 0;
	padding:0 0 0 20px;
}

.news_peq{
	width:330px;
	float:left;
	margin:0 20px 0 0;
	padding:0 20px 0 0;
}

.view_noticia{
	width:760px;
	float:left;
	margin:0 0 0 0;
	padding:30px 10px 15px 10px;
	font-size:12px;
	color:#FFFFFF; 
}

.view_noticia h1{
	width:750px;
	float:left;
	margin:0 0 0 0;
	padding:0 0 10px 25px;
	font-size:20px;
	color:#FFFFFF;
}

.view_noticia img{
	float:left;
	margin:5px 30px 20px 25px;
	width:330px;
	height:250px;
}

.view_noticia p{
    width:380px;
    float:right;
    padding:0 0 0 0;
    margin:0 0 0 0;
}

.view_noticia a{
	float:right;
	margin:10px 0 10px 0;
	text-decoration:none;
	color:#FFFF99;
}

.view_noticia a:hover{
	color:#FFFF99;
}

.paginacao{
	float:right;
	padding:15px 0 15px 0;
	width:100%;
	text-align:center;
}

.paginacao a{
	text-decoration:none;
	font-weight:bold;
}

.distribuidores{
	width:100%;
	float:left;
	margin:0 0 0 0;
}

.box_distribuidor{
	float:left;
	margin:0 0 0 0;
	padding:15px;
	width:200px;
	height:120px;
}

.box_distribuidor h1{
	float:left;
	margin:0 0 0 0;
	width:100%;
	padding:5px 0 5px 0;
	font-size:16px;
	font-weight:bold;
	color:#FFFFFF;
}

.box_distribuidor ul{
	float:left;
	margin:0 0 0 0;
	padding:0 0 0 0;
	list-style:none;
}

.box_distribuidor ul li{
	width:100%;
	margin:0;
	padding:0;
        font-size:12px;
}

.orcamento_produtos{
	float:left;
	margin:0 0 0 0;
	padding:15px 0 15px 0;
	width:100%;
}

.orcamento_produtos table tr td{
	padding:5px 15px 5px 15px;
}

.table_exib_produtos{
	float:left;
	margin:15px 0 0 15px;
	padding:25px 30px 0 35px;
}

.table_exib_produtos tr th{
	padding:3px 10px 3px 10px;
	text-align:center;
	margin:0;
	color:#FF66CC;
	font-weight:bold;
	font-size:12px;
}

.table_exib_produtos tr td{
padding:3px 20px 3px 20px;
text-align:center;
}

.orcamento_produtos button{
	float:right;
	margin:20px 0 0 10px;
	padding:0 3px 0 3px;
	background:#FFFFFF;
	color:#333333;
}


/* */
div#produtos.margim{ margin:0 0 0 10px;}
.topoPage{ margin:95px 0 0 0;}
/**/


.orcamento_produtos input, #form_contato table tr td input{
	color:#ffffff;
	background:#333333;
	border:1px solid #FFFFFF;
}

.orcamento_produtos select, #form_contato table tr td select{
	color:#ffffff;
	background:#333333;
	border:1px solid #FFFFFF;
}

.continuar_comprando{
	float:right;
	text-decoration:none;
	margin:0 0 0 0;
	padding:15px 0 15px 0;
	width:350px;
	text-align:right;
}

.continuar_comprando:hover{
	color:#FF33CC;
}

.convida_distribuidor{
        width:300px;
        float:left;
        padding:15px;
}

.convida_distribuidor a{
    width:225px;
    float:right;
    padding:20px 0 0 0;
    text-decoration:none;
    color:#F40AE0;

}

.carrinho_compras{
	float:left;
	margin:25px 0 0 60px;
}

.album_fotos{
	width:500px;
	float:left;
	margin:20px;
	border:1px solid #FF0000;
}

.pagina_itens{
	width:800px;
	float:left;
	margin:0 0 10px 0;
	padding:5px 0 5px 15px;
	background-color:#333333;
}

.paginator{
	font-size:12px;
	color:#FFFFFF;
	text-decoration:none;
}

.box-fotos{
    width:250px;
    float:left;
    text-align:center;
    margin:5px;
    height:285px;
}

.box-fotos img{
    width:246px;
    height:198px;
    float:left;
    margin: 0 0 0 0;
}

.link-album {
    width:100%;
    float:left;
    margin:0 0 0 0;
    text-align:center;
    padding:5px 0 5px 0;
    font-size:14px;
    text-decoration:none;
}

.descricao-album{
    float:left;
    width:100%;
    float:left;
    margin:0 0 0 0;
    padding:3px 0 0px 0;
    text-decoration:none;
}

.content1{
    width:450px;
    float:left;
    margin:0 0 0 0;
    color:#fff;
    font-family: "Trebuchet MS";
    /*border:1px solid;*/
}

.formacao1{
    width:380px;
    float:left;
    margin:20px 0 0 25px;
    border-top:2px solid #fff;
}

.formacao1 .titulo-curso{
    width:265px;
    color:#fff;
    float:left;
    font-size:24px;
    text-decoration:none;
    padding:5px 0 0 10px;
}

.titulo-curso:hover, .titulo-modulo:hover, .duracao-curso:hover, .duracao-curso:hover, .data-curso:hover, .data-modulo:hover, .valor-curso:hover, .valor-modulo:hover, .final-txtcurso:hover, .final-txtmodulo:hover{
    color:#FF6FFF;
}

.duracao-curso{
    width:265px;
    color:#fff;
    float:left;
    font-size:11px;
    text-decoration:none;
    padding:0px 0 0 10px;
}

.data-curso{
    width:265px;
    color:#fff;
    float:left;
    font-size:12px;
    text-decoration:none;
    padding:5px 0 7px 10px;
}

.valor-curso{
    color:#2f2f2f;
    float:left;
    font-size:12px;
    text-decoration:none;
    padding:3px 25px 3px 10px;
    background-color:#fff;
    width:110px;
}

.final-txtcurso{
    float:left;
    margin:1px 0 0 0;
    width:220px;
    font-size:12px;
    text-decoration:none;
    border-bottom:1px solid #fff;
    padding:8px 0 0 13px;
}
/*chrome*/
/*\*/
@media screen and (-webkit-min-device-pixel-ratio:0){
.final-txtcurso {margin-top: 3px;}
.data-curso{padding:5px 0 8px 10px;}
}



.formacao1 img{
    border:2px solid #fff;
    float:left;
}

.modulos{
    width:512px;
    float:left;
    margin:0 0 0 0;
}

.divisa-modulo{
    float:left;
    margin:0px 0 0 73px;
}

.box-modulo{
    background-image:url(../images/background-modulos.png);
    background-repeat:repeat-y;
    float:left;
    margin:0 0 0 64px;
    padding:0 0 15px 45px;
    width:400px;
}

.box-modulo-ultimo{
    background-image:url(../images/background-modulos-fim.png);
    background-repeat:repeat-y;
    float:left;
    margin:0 0 0 64px;
    padding:0 0 0px 45px;
    width:400px;
    height:105px;
}

.box-modulo img, .box-modulo-ultimo img{
    border:2px solid #fff;
    float:left;
}

.titulo-modulo{
    color:#FFFFFF;
    float:left;
    font-size:18px;
    padding:0 30px 0 10px;
    text-decoration:none;
    width:250px;
    border-top:2px solid #fff;
}

.duracao-modulo{
    color:#fff;
    float:left;
    font-size:11px;
    text-decoration:none;
    padding:3px 0 0 10px;
}

.data-modulo{
    color:#FFFFFF;
    float:left;
    font-size:12px;
    padding:5px 0 8px 10px;
    text-decoration:none;
    width:240px;
}

.valor-modulo{
    color:#2f2f2f;
    float:left;
    font-size:12px;
    text-decoration:none;
    padding:4px 25px 1px 10px;
    background-color:#fff;
    width:110px;
}

.final-txtmodulo{
    border-bottom:1px solid;
	float:left;
	font-size:11px;
	margin:2px 90px 0 0;
	padding:4px 0 0 13px;
	text-decoration:none;
	width:65px;
}
/*chrome*/
/*\*/
@media screen and (-webkit-min-device-pixel-ratio:0){
.final-txtmodulo {margin: 4px 90px 0 0;}
}

.content2{
    width:280px;
    float:right;
    margin:0 0 0 0;
}

.outros_cursos{
    width:100%;
    float:left;
    margin:25px 0 0 25px;
}