/*
Theme Name: Bullos Outdoor
Theme URI: 
Description: Bullos Outdoor - Outdoor 2013
Author: Perfil Virtual
Author URI: www.perfilvirtual.com.br
Version: 1.0
Copyright 2013
Front-end - @luanildosilva
*/




@font-face {
    font-family: 'vijayaregular';
    src: url('fonts/proximanova-reg-webfont.eot');
    src: url('fonts/proximanova-reg-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/proximanova-reg-webfont.woff') format('woff'),
         url('fonts/proximanova-reg-webfont.ttf') format('truetype'),
         url('fonts/proximanova-reg-webfont.svg#vijayaregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'proxima_nova_ltregular';
    src: url('fonts/proximanova-light-webfont.eot');
    src: url('fonts/proximanova-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/proximanova-light-webfont.woff') format('woff'),
         url('fonts/proximanova-light-webfont.ttf') format('truetype'),
         url('fonts/proximanova-light-webfont.svg#proxima_nova_ltregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*resets e defaults
======================*/
*{margin:0px; padding:0px; outline: none;}
body {
    background-color:#F7F7F7;
    font-family:'proxima_nova_ltregular', Arial, Helvetica, sans-serif;
}
img{border:none; outline: none;}
a{text-decoration: none; color:#333;}
p{font-size:13px; color:#777777;  font-family:'proxima_nova_ltregular', Arial, Helvetica, sans-serif; }

.clear{clear: both;}
#container {
    width: 100%;
    min-width: 960px;
    height: auto;
    float: left;
    background:#F7F7F7 url('img/bg.jpg') repeat-x top;
}
#container-page{
    width: 100%;
    min-width: 960px;
    height: auto;
    float: left;
    background:url('img/bg-content.png') no-repeat center 177px;
}
.wrap{
    width:960px; 
    height:auto;  
    margin: 0 auto;
}

#header {
    width: 100%;
    height: 510px;
    background:url('img/img_header.png') center top no-repeat;
}
.page #header, .single #header, .category #header{height: 174px; background:url('img/bg-header-in.png') center top no-repeat; }

#top{width: 100%; height: auto; float: left;}


#logo-bullos{
    width: 254px;
    height: 90px;
    float: left;
    margin: 20px 0 0 0px;
}
#logo-bullos img{float:left;}

.menu{ width: auto; float: right; list-style:none; margin: 10px 0 0 0px;}
.menu li{ float: left; margin-left: 10px; position: relative;}

.menu li a{	
    color:#C33;
    float:left;
    font-size:13px;
    padding: 5px 10px;
    text-transform: uppercase;
}


.menu li a:hover, .menu li.current-menu-item a, .menu li:hover {
    background:#933; 
    color:#FFF;
    border-radius: 5px;
    float:left;
} 
.menu li:hover a{color:#fff;}
.sub-menu {
    display: none;
    position: absolute;
    width: 170px;
    background: #933;
    margin-top: 25px;
    float: left;
    list-style: none;
    left: 0px;
}
.menu li:hover .sub-menu{display: block; border-radius: 5px;}
.sub-menu li {margin-left: 0px;}
.menu .sub-menu li a:hover{text-decoration: underline;}

p#tel-atendimento { color:#7F7F7F; float:right; margin: 20px 10px 0 0; font-size: 16px;}
#painel {width:770px; height:278px; float:left; margin-left:150px; margin-top:80px;}
#slider{width:770px; height:278px; float:left; position: relative; list-style: none;}
#slider li{width:770px; height:278px; float: left;}
.destaque-slider{width:410px; height:274px; float:left;}

.box_texto_painel {
    width:310px;
    height:auto;
    float:left;
    border:none;
    margin: 5px 20px 0px 25px;
}
.box_texto_painel a{float: left; height: auto}
.box_texto_painel h2{
    font-weight:normal;
    font-size:17px;
    color:#444444;
    margin-bottom: 10px;
}

h1.titulo_painel{ 
    font-weight:normal;
    font-size:30px;
    color:#8C0000;
    margin-bottom:20px;
    line-height: 25px;
}

.box_texto_painel p{
    float:left;
    font-size:15px;
    color:#444444;
    margin-bottom: 20px;
}	
#content {
    height: auto;
    width: 100%;
    float:left;
    background:#F9F9F9;
    padding-bottom: 20px;
}
.box{margin-top:50px; height:auto; min-height: 570px; float:left; }
.box p{float: left;}
.box p a{ color:#777777;}
.box p a:hover{text-decoration: underline;}
.box .thumb-box{float: left; margin-bottom: 20px;}

.box h1{ 
    margin:0 0 35px 0; 
    font-family:'proxima_nova_ltregular', Arial, Helvetica, sans-serif;
    font-size:30px;
    color:#666666;
    font-weight:normal;
}
.box h2{
    width: 100%;
    float: left;
    margin-bottom:5px;
    font-family:Arial, Helvetica, sans-serif;
    color:#000000;
    font-size: 15px;
}

.box ul{list-style: none;}
.box li{float: left; margin-bottom:20px;}

#box1 {	width: 260px; padding-right: 40px; border-right:1px solid #ECECED;}	
#box2 {	width: 260px;  padding: 0 40px;}
#box_noticias{float: left; width: auto; height: auto;}

#box3 {	width: 260px;float: right; border-left: 1px solid #ECECED; padding-left: 40px;}

#form_enviar{
    width: 220px;
    height:auto;
    padding: 20px;
    float: left;
    background:#e6e6e6;
    margin-top: 20px;
}	

#form_enviar h3, #newsletter h3{
    font-family:'proxima_nova_ltregular', Arial, Helvetica, sans-serif;
    font-size:30px;
    color:#444444;
    font-weight: normal;
    float:left;
}
#newsletter h3{color:#fff;}

#form_enviar span.campos{
    width:222px;
    height:38px;
    background:url('img/img-form.png');
    border:none;
    margin:20px 0 0 0;
    float:left;
}	
#form_enviar span.campos #campo_senha{
    width:170px;
    border:none;
    margin:10px 0 0 10px;
    float:left;
    color:#777777;
    font-size:13px;
}

#form_enviar span.campos #img-enviar{
    width:31px;
    height:25px;
    background:url('img/btn-enviar.png') no-repeat;
    border:none;
    float:right;
    margin: 7px 7px 7px 0px;
    cursor: pointer;
}

.enviar-arquivo form label{
    width: 240px;
    height: 16px;
    padding: 10px 10px;
    float: left;
    background: #fff;
    border: 1px solid #AAAAAA;
    margin-bottom: 5px;
    border-radius: 5px;
}

.enviar-arquivo form p input[type="submit"]{
    width: 124px;
    height: 35px;
    float: left;
    background: #13993B;
    color: #FFF;
    border-radius: 5px;
    border: none;
    cursor: pointer;
    text-transform: uppercase;
    margin-left: 10px;
}

#newsletter{
    width: 220px;
    height:auto;
    padding: 20px;
    float: left;
    background:#2ba237;
    margin-top: 20px;
}
#newsletter p{
    font-family:'proxima_nova_ltregular', Arial, Helvetica, sans-serif;
    color:#FFFFFF;
    float: left;
}

#newsletter span.campos2{
    width:222px;
    height:38px;
    background:url('img/img-form.png');
    border:none;
    margin:10px 0px 0 0px;
    float:left;
}

#newsletter span.campos2 #campo_newsletter{
     width:170px;
    border:none;
    margin:10px 0 0 10px;
    float:left;
    color:#777777;
    font-size:13px;
}
#newsletter span.campos2 #img-enviar-newsletter{
     width:31px;
    height:25px;
    background:url('img/btn-enviar.png') no-repeat;
    border:none;
    float:right;
    margin: 7px 7px 7px 0px;
    cursor: pointer;
}
#clientes {
    height: 365px;
    width: 100%;
    background:#F1F1F1 url('img/bg-clientes.jpg') repeat-x top ;	
    float:left;
}

.title{ 
    font-weight:normal;
    font-family:'proxima_nova_ltregular', Arial, Helvetica, sans-serif;
    font-size: 30px;
    color:#999;
    margin: 20px 0;
    float: left;
}

ul#logo_clientes{
    width: 100%;
    height:auto;
    float:left;
    list-style:none;	
}	

ul#logo_clientes li{ 
    width:227px;
    height:230px; 
    float:left;
    margin:0 6px 0 7px;
    background:url('img/box-clientes.png') no-repeat center top;
}

ul#logo_clientes li a.marca-cliente{
    width:227px;
    height:204px; 
    float:left;
    text-align: center;
}

ul#logo_clientes li a img {margin-top: 20px;}	

ul#logo_clientes .nome-cliente{ 
    color:#222222;
    font-size:14px;
    text-align:center;
    float:left;
    width:227px;
    text-transform: uppercase;
}


#box_bg { 
    width:920px;
    height:auto; 
    background:#F9F9F9 url('img/bg-shadow.png') no-repeat center bottom;
    float:left;
    padding: 30px 20px 50px 20px;
    margin-bottom: 50px;
}

.titulo { 
    width: 100%;
    float: left;
    font-size:30px;
    color:#8C0000;
    font-weight:normal; 
}

.subtitulo{
    font-weight:normal;
    font-size:17px;
    color:#444444;
    margin-bottom: 10px;
    margin-right: 5px;
}

.text{
    width:100%;
    float: left;
    margin-top: 20px;
}
.text p{margin-bottom: 20px; font-size: 15px;}


.recepcao  {
    width: 100%;
    height:auto; 
    float:left;
    list-style: none;
    margin-top: 20px;
}
.recepcao li {
    width:218px;
    height:160px;
    float:left;
    background:#fff;
    border: 1px solid #EAEAEA;
    border-bottom: 2px solid #D7D7D7;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    margin:  0 5px 10px 5px;
}

.recepcao li:hover{border:1px solid #C33; border-bottom: 2px solid #C33; box-shadow: 0px 1px 8px 0px #D7D7D7;}
.recepcao li a{
    width:200px;
    height:140px;
    float:left;
    text-align: center;
    padding: 10px;
}

#box-down { 
    height: 120px;
    width: 100%;
    float:left;
    margin-top:60px;
}



.info{float:left; width:260px; height:125px; }
#box_um{border-right:1px solid #e7e7e7; padding-right: 20px;}
#box_dois{ width:300px; padding: 0 25px;  }
#box_tres{border-left:1px solid #e7e7e7; padding-left: 20px;}

h1.cl_info { 
    font-weight:normal;
    font-size:18px;
    color:#555555;
    text-decoration:none;
    margin: 0px 0px 10px 0px;
}

p.cl_texto {   
    font-weight:normal;
    font-size:13px;
    color:#444444;
    text-decoration:none;
    margin: 0px 0px 10px 0px;

}


.info { list-style:none;}


.botao_link {
    text-align:center;
    color:#FFFFFF;
    width:125px;
    height:26px;
}




#box_bg_pr {  
    width:1040px;
    height:auto; 
    background:#F9F9F9;
    float:left;
    margin-top:61px;
    z-index:1;
    position:relative;
    border:none;

}



#box_texto_pr{ 
    border:none;
    float:right;
    width:640px; 
    height:auto; 
    background:#F9F9F9;
}	

 /*titulo-pagina produtos */
.titulo_pr {
    font-size:30px;
    color:#8C0000;
    font-weight:normal;
    height:auto;
    margin:55px 0px 10px 15px;


}	

#btn-orcamento{
    width:200px;
    height:auto;
    border:none;
    float:right;
    margin-top:100px;
    margin-right:15px;
}

#nossos_produtos{
    border:none;
    float:left;
    width:300px;
    height:576px;
} 

#nossos_produtos h1 {
    font-size:35px;
    font-weight:normal;
    color:#8C0000;
    margin:25px 5px 38px 15px;

}



#box_produtos {
    width:640px;
    height:auto;
    float:right;
    list-style:none;
    border:none;
    margin-bottom: 20px;
}



.title-hover:hover  {
    filter:alpha(opacity=100);
    -moz-opacity:0.52;
    opacity:0.52;
    color: rgba (255, 125, 0, 0.5);

}

#box_total {
    border:none;
    width:640px;
    float:right;
    height:auto;
}


.box-side{
    width: 280px;
    height: 600px;
    float:left;
    margin-top: 20px;
}
.menu_pr {width: 270px;  list-style:none;}
.menu_pr li {
   width: 270px;
   float: left;
   margin: 0px 0px 5px 0px;
}
.menu_pr li a {
    width: 230px;
    text-decoration:none;
    font-size:15px;
    color:#8C0000;
    padding: 5px 20px;
    background: url('img/seta-re.png') no-repeat 5px 7px;
    float: left;
}

.menu_pr li:hover, .menu_pr li.select  {
    background:#933;
    border-radius: 4px;
}

.menu_pr li:hover a, .menu_pr li.select a {
    background: url('img/seta-w.png') no-repeat 5px 7px;
    color:#FFF;
}


.box-produtos{
    width: 600px;
    min-height: 600px;
    height: auto;
    float:right;
    background: url('img/shadow-lateral.png') no-repeat left top;
    padding: 0 0 0 40px;
    font-size: 14px;
}
.box-produtos h2{margin-bottom: 20px;}

.list-produto{float: left; list-style:none; }
.list-produto li {
    width:170px;
    height:120px;
    float:left;
    margin:0 8px 10px 0px;
    background: #fff;
    padding: 10px;
    border: 1px solid #EAEAEA;
    border-bottom: 2px solid #D7D7D7;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.list-produto li:hover{border:1px solid #C33; border-bottom: 2px solid #C33; box-shadow: 0px 1px 8px 0px #D7D7D7;}
.list-produto li a{
    width:170px;
    height:120px;
    float:left;
} 
.list-produto li a img{max-width:170px; }

.thumb-post{width: 120px; float: left; margin-right: 10px;}
.thumb-post img{width: 120px; height: auto; }
.post-list h3, .post-list p{float: left; width: 470px;}
.post-list img{max-width: 600px;}
.box-side h3{margin-bottom: 20px;}

#footer { 
    width: 100%;
    height: 190px;
    background: #F7F7F7 url('img/bg_footer.jpg') center top;
    float:left;
}
#bg-footer { width: 100%; height: 190px; float: left; background: url('img/img-footer.png') no-repeat 340px top;}
#encontre_footer {width:100%;  height:120px; float:left;}	
h3#encontre {width:100%; font-size:32px; color:#FFFFFF; float: left; font-weight: normal; margin-top: 20px;}
p#endereco {width:100%; font-size:13px; color:#FFFFFF; float: left;}
p#copy_perfil, p#nome_perfil {
    font-size: 12px;
    color:#7F7F7F;
    float:left;
    margin-top:30px;
}
p#nome_perfil { float:right;}  

.content-contato{width:400px; height:auto; float:left;}
.content-contato p{ color:#333; font-size: 13px; font-weight: normal; letter-spacing: 1px;}
#formContato{width:420px; height:auto; float:left; margin-bottom:50px;}
#formContato span{width:420px; height:36px; float:left;  border:1px solid #AAAAAA; margin-bottom:5px; border-radius: 5px;}
#formContato span input{width:400px; float:left; color:#333; margin:10px 0 0 10px;  border:none; background:#fff; font-family: 'open_sanslight', Arial, Helvetica, sans-serif;}
#formContato span #arquivo{margin-top:7px; width: 250px}
#formContato #mensagem{width:400px; height:147px; float:left; border:1px solid #8C0000; background:#fff; margin-bottom:10px; padding:10px; color:#333; font-family: 'open_sanslight', Arial, Helvetica, sans-serif; border-radius: 5px; border:1px solid #AAAAAA;}
#formContato span strong{color:#fff; float:left; margin: 10px 10px 0 10px;}
#butEnviar{width:124px; height:35px; float:right; background: #933; color: #FFF; border-radius: 5px; border:none; cursor:pointer; text-transform: uppercase;}

#butOrcamento{width:auto; padding: 10px 20px; float:left; margin: 20px 0; background: #933; color: #FFF; border-radius: 5px; border:none; cursor:pointer; text-transform: uppercase;}


#formOrcamento{width:100%; height:auto; float:left; margin-bottom:50px;}
#formOrcamento span{width:438px; height:36px; float:left;  border:1px solid #AAAAAA; margin-bottom:5px; border-radius: 5px; margin-right:  20px;}
#formOrcamento span input{width:418px; float:left; color:#333; margin:10px 0 0 10px;  border:none; background:#fff; font-family: 'open_sanslight', Arial, Helvetica, sans-serif;}
#formOrcamento span #arquivo{margin-top:7px; width: 250px}
#formOrcamento #mensagem{width:880px; height:147px; float:left; border:1px solid #8C0000; background:#fff; margin-bottom:10px; padding:10px; color:#333; font-family: 'open_sanslight', Arial, Helvetica, sans-serif; border-radius: 5px; border:1px solid #AAAAAA;}
#formOrcamento span strong{color:#fff; float:left; margin: 10px 10px 0 10px;}
#formOrcamento #butEnviar{margin-right: 20px;}


.content-mapa{width:450px; height:auto; float:left;}
.text .content-mapa p{margin-bottom: 5px;}
.content-mapa table{margin-top: 20px;}
.content-mapa table td {padding: 5px 0px; font-size: 14px; width: 225px}
.imagemMap {float: right; padding: 10px; border:1px solid #BBBBBB;}

.filtros{width: 100%; height: 50px; border:1px solid #D6D6D6;}
.filtros span {float: left; margin: 15px 0 0 20px;}
.filtros select{float: right; height: 30px; margin: 10px 20px 10px 0; background: #8C0000; color: #fff; border: 1px solid #8C0000; padding: 5px 5px 5px 10px;}

.resultado{float: left; width: 100%; margin-top: 40px;}
.resultado h2#local{font-size: 16px; color: #8C0000;}
.resultado ul{float: left; list-style: none; width: 100%; margin-top: 40px;}

.resultado ul li{
    padding: 15px 0;
    width: 100%;
    height: 26px;
    border-bottom:1px solid #D6D6D6;
}

.resultado ul li p{
    float: left;
    margin: 5px 0 0 0px;
}
.resultado ul li p span{margin:0 20px;}
.link-foto{width: 27px; height: 26px; background: url('img/icon-foto.png') no-repeat; float: left;}

.end-contato {
    float: left;
    width: 420px;
    margin-left: 50px;
}
.end-contato p{font-size: 16px;}

#nome_perfil span {
    float: left;
    margin: 3px 5px 0 0;
    display: block;
    color: #7F7F7F;
}
#nome_perfil img {
    float: left;
    margin-top: 2px;
}