/* PADRÃO */
body {float:left; width:100%; line-height:21px; margin:0; padding:0; font-family:"Arial"; font-size:14px; color:#74736d;}
a {text-decoration:none; color:#74736d;}
img {border:none;}
input:focus {outline:none;}
textarea:focus {outline:none;}
select:focus {outline:none;}
button:focus {outline:none;}

/* TOPO */
#topo {position:relative; z-index:10; float:left; width:100%; height:auto; margin:0; padding:0;}
#topo div.fundo {position:absolute; z-index:-1; top:0; left:0; width:100%; height:113px; margin:0; padding:0; background-color:#011323; opacity:0.7; filter:alpha(opacity=70.0); moz-opacity:0.7;}
#topo #conteudo {position: relative; width:980px; margin:0 auto; padding:0;}
#topo #conteudo a.logo {position: relative; z-index: 10; float:left; width:209px; height:67px; margin:25px 0 0 27px; background:url("../images/logo.png") no-repeat center center;}
#topo #conteudo ul.menu {float: right; height: 113px; margin: 0; padding: 0; list-style: none;}
#topo #conteudo ul.menu li {display: inline-block; margin: 0; padding: 0;}
#topo #conteudo ul.menu li a {display: block; height: 93px; line-height: 93px; margin: 0; padding: 10px; font-family: 'Calibri', Arial, sans-serif; font-style: italic; font-size: 16px; font-weight: 200; text-transform: uppercase; color: #fff;}
#topo #conteudo ul.menu li a:hover,
#topo #conteudo ul.menu li a.ativo {background-color: #0b5fa8;}
#topo .selo {position: absolute; z-index: 5; top: 115px; left: 5%; width: 125px;}

/* BANNER */
#banner {position:relative; z-index:0; top:0; left:0; width:100%; margin:0; padding:0;}
#banner.banner {height:511px;}
#banner.topo {height:219px; background:url("../images/topo_bg.jpg") no-repeat center center;}
#banner div.slides {position:absolute; width:100%; height:511px; margin:0; padding:0;}
#banner div.slides div.slide {position:absolute; z-index:0; width:100%; height:511px; margin:0; padding:0;}
#banner div.slides div.slide.ativo {z-index:10;}
#banner div.slides div.slide.p-ativo {z-index:5;}
#banner div.slides div.slide.u-ativo {z-index:0;}
#banner div.slides ul.nav_bar {position:absolute; z-index:50; bottom:18px; width:100%; height:24px; margin:0; padding:0; list-style:none; text-align:center;}
#banner div.slides ul.nav_bar li {display:inline; margin:0; padding:0;}
#banner div.slides ul.nav_bar li a.nav {display:inline-block; width:24px; height:24px; margin:0; padding:0; background:url("../images/slide_nav.png") no-repeat center top;}
#banner div.slides ul.nav_bar li a.nav:hover {background:url("../images/slide_nav.png") no-repeat center bottom;}
#banner div.slides ul.nav_bar li a.nav.ativo {background:url("../images/slide_nav.png") no-repeat center bottom;}

/* MEIO */
#meio {float:left; width:100%; margin:0; padding:0;}
#meio #conteudo {width:980px; margin:0 auto; padding:0;}

/* HOME */
#home {float:left; width:100%; text-align: center;}
#home div.chamada {display: inline-block; width:100%; height:72px; margin:35px 0 0 0; padding:0; background:url("../images/conheca_nossas_linhas.jpg") no-repeat center center;}
#home div.box {display: inline-block; width:311px; height:216px; margin:30px 0; padding:0;}
#home div.box.meio {margin:30px 23.5px;}
#home div.box a {float:left; width:311px; height:216px;}
#home div.box a.linhas_cajadan {background:url("../images/box_cajadan.jpg") no-repeat center center;}
#home div.box a.meias_personalizadas {background:url("../images/box_meias.jpg") no-repeat center center;}
#home div.box a.meia_facil {background:url("../images/box_meias_facil.jpg") no-repeat center center;}

/* SOBRE NÓS */
#sobre_nos {float:left; width:100%; margin:0 0 40px 0;}
#sobre_nos div.titulo {float:left; width:100%; height:39px; margin:20px 0; background:url("../images/sobre_nos_titulo.jpg") no-repeat center center;}
#sobre_nos div.box {width:476px;}
#sobre_nos div.box.left {float:left;}
#sobre_nos div.box.right {float:right; margin:16px 0 0 0;}

/* LINHAS CAJADAN */
#linhas_cajadan {float:left; width:100%; margin:0 0 40px 0;}
#linhas_cajadan div.titulo {float:left; width:100%; height:39px; margin:20px 0; background:url("../images/linhas_cajadan_titulo.jpg") no-repeat center center;}
#linhas_cajadan ul.lista-categorias {
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
}
#linhas_cajadan ul.lista-categorias li {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    margin: 20px 0;
    padding: 0;
}
#linhas_cajadan ul.lista-categorias li div.foto {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 140px;
    height: 140px;
    margin: 0;
    padding: 0;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    background-color: #000;
    overflow: hidden;
}
#linhas_cajadan ul.lista-categorias li div.foto img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    max-width: 100%;
    margin: auto;
}
#linhas_cajadan ul.lista-categorias li h1.titulo {
    display: inline-block;
    vertical-align: middle;
    width: 330px;
    margin: 0 0 0 20px;
    padding: 0;
    text-align: left;
    text-transform: uppercase;
    font-family: 'Calibri', Arial, sans-serif;
    font-size: 38px;
    font-style: italic;
    font-weight: 200;
    color: #0b5fa8;
}
#linhas_cajadan ul.lista-categorias li h1.titulo a {
    color: inherit;
}
#linhas_cajadan div.galeria,
#linhas_cajadan div.galeria ul.lista-galeria {
    width: 800px;
    height: 900px;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    overflow: hidden;
}
#linhas_cajadan div.galeria {
    position: relative;
}
#linhas_cajadan div.galeria a.disabled {
    display: none;
}
#linhas_cajadan div.galeria a.bx-prev,
#linhas_cajadan div.galeria a.bx-next {
    position: absolute;
    top: 302px;
    width: 32px;
    height: 196px;
    font-size: 0;
    text-indent: -999999px;
    overflow: hidden;
}
#linhas_cajadan div.galeria a.bx-prev {
    left: 0;
    background: url(../images/prev.png) no-repeat center  center;
}
#linhas_cajadan div.galeria a.bx-next {
    right: 0;
    background: url(../images/next.png) no-repeat center  center;
}
#linhas_cajadan div.galeria ul.lista-galeria {
    list-style: none;
}
#linhas_cajadan div.galeria ul.lista-galeria li {
    display: inline-block;
    vertical-align: middle;
}

/* MEIAS PERSONALIZADAS */
#meias_personalizadas {float:left; width:100%; margin:0 0 40px 0;}
#meias_personalizadas div.titulo {float:left; width:100%; height:39px; margin:20px 0; background:url("../images/meias_personalizadas_titulo.jpg") no-repeat center center;}
#meias_personalizadas div.carousel {position:relative; float:left; width:100%; height:579px; margin:30px 0 0 0; overflow:hidden;}
#meias_personalizadas div.carousel button {top:192.5px; width:0px; height:0px; margin:0; padding:194px 0 0 32px; border:none; font-size:1px; overflow:hidden; cursor:pointer; display:none;}
#meias_personalizadas div.carousel button.ativo {display:block;}
#meias_personalizadas div.carousel button.prev {position:absolute; left:0px; background:url("../images/prev_nav.jpg") no-repeat center center;}
#meias_personalizadas div.carousel button.next {position:absolute; right:0px; background:url("../images/next_nav.jpg") no-repeat center center;}
#meias_personalizadas div.carousel div.slides {float:left; width:868px; height:579px; margin:0 56px;}
#meias_personalizadas div.carousel div.slides ul {list-style:none; margin:0; padding:0;}
#meias_personalizadas div.carousel div.slides ul li {width:868px; height:579px;}
#meias_personalizadas div.carousel div.slides ul li img {width:868px; height:579px;}

/* REPRESENTANTE */
#representante {float:left; width:100%; margin:0 0 40px 0;}
#representante h1.titulo {display: inline-block; width: 100%; text-align: center; text-transform: uppercase; font-family: 'Calibri', Arial, sans-serif; font-size: 48px; font-style: italic; font-weight: 200; color: #0b5fa8;}
#representante fieldset,
#representante legend {margin: 0; padding: 0; border: 0;}
#representante form {display: inline-block; width: 50%; margin: 0 25%;}
#representante form label {display: inline-block; width: 49%; margin: 6px 0; padding: 0;}
#representante form label:nth-child(even) {margin-right: 2%;}
#representante form label.nome_razao,
#representante form label.curriculo {display: inline-block; width: 100%; margin-right: 0px;}
#representante form label input[type=text] {display: inline-block; vertical-align: middle; width: 100%; height: 28px; line-height: 28px; margin: 0; padding: 0 10px; border: 1px solid #84837e; font-family: 'Arial', sans-serif; font-size: 14px; color: #adadac; -webkit-box-sizing: -moz-border-box; box-sizing: border-box;}
#representante form label.curriculo input {width: 70%;}
#representante form label #curriculo_repre {display: none;}
#representante form label #curriculo_btn {display: inline-block; vertical-align: middle; width: 30%; height: 28px; margin: 0; padding: 0; border: none; font-family: 'Calibri', Arial, sans-serif; font-size: 18px; font-style: italic; font-weight: 200; color: #fff; background-color: #0b5fa8; cursor: pointer;}
#representante form p.aviso {font-size: 12px;}
#representante form #enviar {display: inline-block; width: 50%; height: 28px; line-height: 28px; margin: 0 25%; padding: 0; border: none; font-family: 'Calibri', Arial, sans-serif; font-size: 24px; font-style: italic; font-weight: 200; text-transform: uppercase; color: #fff; background-color: #0b5fa8; cursor: pointer;}

/* CONTATO */
#contato {float:left; width:100%; margin:0 0 40px 0;}
#contato div.titulo {float:left; width:100%; height:39px; margin:20px 0; background:url("../images/contato_titulo.jpg") no-repeat center center;}
#contato div.box_left {float:left; width:389px; margin:16px 0;}
#contato div.box_left div.box_titulo {float:left; width:100%; height:15px; background:url("../images/fale_conosco_titulo.jpg") no-repeat center left;}
#contato div.box_left p {float:left; width:100%; margin:18px 0;}
#contato div.box_left form {float:left; width:100%;}
#contato div.box_left form label {position:relative; float:left; width:100%; margin:6px 0;}
#contato div.box_left form label input[type=text] {float:left; width:367px; height:28px; margin:0; padding:0 10px; border:1px solid #84837e; font-size:14px; line-height:28px; color:#adadac;}
#contato div.box_left form label textarea {float:left; width:367px; height:77px; margin:0; padding:0 10px; border:1px solid #84837e; font-family:"Arial"; font-size:14px; line-height:28px; color:#adadac;}
#contato div.box_left form label span._placeholder {position:absolute; top:5px; left:11px; width:389px; text-align:left; text-transform:capitalize; color:#adadac; cursor:text;}
#contato div.box_left form label span._placeholder.focused {opacity:0.3; -moz-opacity:0.3; filter:alpha(opacity=30);}
#contato div.box_left form label span._placeholder.hidden {display:none;}
#contato div.box_left form input[type=submit] {float:left; width:389px; height:28px; margin:6px 0 0 0; padding:0; border:none; background:url("../images/enviar_btn.jpg") no-repeat center center; cursor:pointer;}
#contato div.box_right {position:relative; float:right; width:540px; margin:16px 0;}
#contato div.box_right p {float:left; width:500px; margin:35px 20px; font-size:12px; line-height:18px; color:#fff;}
#contato div.box_right p span {float:left; width:100%; font-weight:bold;}
#contato div.box_right p a {color:#fff;}
#contato div.box_right div.box_titulo {float:left; width:500px; height:24px; margin:0 20px; background:url("../images/localizacao_titulo.jpg") no-repeat center left;}
#contato div.box_right div.mapa {float:left; width:500px; height:310px; margin:10px 20px; background-color:#e9e5dc;}
#contato div.box_right div.mapa iframe {float:left; width:100%; height:100%;}
#contato div.box_right div.fundo {position:absolute; z-index:-1; top:0; left:0; width:100%; height:428px; background-color:#0b5fa8;}

/* RODAPÉ */
#rodape {float:left; width:100%; line-height:26px; margin:10px 0; padding:0; font-size:16px; text-align:center; color:#0b5fa8;}
#rodape #conteudo {width:980px; margin:0 auto; padding:0;}
#rodape #conteudo a {color:#0b5fa8;}
#rodape #conteudo a.cajadan_site {font-weight:bold;}


/*--JANELA DE AVISOS--*/
#janela_mensagem {position:fixed; z-index:149;}
#janela_mensagem .fundo_janela {position:fixed; z-index:150; top:0px; left:0px; width:100%; height:100%; background-color:#000; opacity:0.6; filter:alpha(opacity=60.0); moz-opacity: 0.6;}
#janela_mensagem .conteudo_janela {position:fixed; z-index:151; top:40%; left:50%; width:380px; height:120px; margin-left:-202px; padding:12px; border:solid 1px #000; font-size:14px; text-align:center; color:#000; background-color:#FFF;}
.botao_janela {width:80px; height:25px; margin-top:20px; margin-left:150px; line-height:25px; color:#fff; background-color:#000000; cursor:pointer;}
.botao_janela:hover {border:solid 1px #000000; color:#000; background-color:#fff;}