@font-face {
font-family: 'LatoRegular';
src: url('http://csl.com.br/home/_site/_view/_fonts/lato-regular-webfont.eot');
src: local('LatoRegular'), url('http://csl.com.br/home/_site/_view/_fonts/lato-regular-webfont.eot') format('embedded-opentype'), url('http://csl.com.br/home/_site/_view/_fonts/lato-regular-webfont.ttf') format("truetype");
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'LatoBold';
src: url('http://csl.com.br/home/_site/_view/_fonts/lato-bold-webfont.eot');
src: local('LatoBold'), url('http://csl.com.br/home/_site/_view/_fonts/lato-bold-webfont.eot') format('embedded-opentype'), url('http://csl.com.br/home/_site/_view/_fonts/lato-bold-webfont.ttf') format("truetype");
font-weight: bold;
font-style: normal;
}

@font-face {
font-family: 'LatoLight';
src: url('http://csl.com.br/home/_site/_view/_fonts/lato-light.eot');
src: url('http://csl.com.br/home/_site/_view/_fonts/lato-light.eot?#iefix') format('embedded-opentype'),
url('http://csl.com.br/home/_site/_view/_fonts/lato-light.woff') format('woff'),
url('http://csl.com.br/home/_site/_view/_fonts/lato-light.ttf') format('truetype'),
url('http://csl.com.br/home/_site/_view/_fonts/lato-light.svg#lato_lightregular') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'LatoBlackItalic';
src: url('http://csl.com.br/home/_site/_view/_fonts/lato-blackitalic.eot');
src: url('http://csl.com.br/home/_site/_view/_fonts/lato-blackitalic.eot?#iefix') format('embedded-opentype'),
url('http://csl.com.br/home/_site/_view/_fonts/lato-blackitalic.woff') format('woff'),
url('http://csl.com.br/home/_site/_view/_fonts/lato-blackitalic.ttf') format('truetype'),
url('http://csl.com.br/home/_site/_view/_fonts/lato-blackitalic.svg#lato_blackitalic') format('svg');
font-weight: normal;
font-style: normal;
}

.selected-menu{
    font-family: 'LatoBlackItalic' !important;
}

* {
margin: 0;
padding: 0;
}

html {
overflow-y: scroll;
overflow-x: auto;
}

body {
font: 15px "LatoLight", sans-serif;
color: #565656;
}

html, body {
height: 100%;
}

img {
border: 0;
}

a {
text-decoration: none;
}

h1 {
font-size: 300%;
color: #00487D;
}

h2 {
font-size: 200%;
}

h3 {
font-size: 150%;
}

h1, h2, h3, h4, h5, h6, strong {
font-weight: normal;
font-family: 'LatoBold' !important;
}

strong{
font-family: 'LatoBold' !important;
font-weight: normal !important;
}

hr {
margin: 10px auto;
width: 100%;
border: 1px solid #CACAC9;
}

abbr, acronym {
border-bottom: 1px dotted #000;
cursor: help;
}

em {
font-style: italic;
}

blockquote, ul, ol, dl {
margin: 1em;
}

ol, ul, dl {
margin-left: 2em;
}

ol li {
list-style: decimal outside;
}

ul li {
list-style: disc outside;
}

dl dd {
margin-left: 1em;
}

th, td {
border: 1px solid #000;
padding: .5em;
}

th {
font-weight: bold;
text-align: center;
}

caption {
margin-bottom: .5em;
text-align: center;
}

input[type="text"], input[type="password"], input[type="submit"], input[type="button"], textarea {
resize: none;
color: #FFF;
background-color: #FFFFFF;
border: 1px solid #D0D0D0;
padding: 5px;
font: 90% "Verdana", sans-serif;
}

input[type="text"], textarea {
width: 229px;
margin-bottom: 5px;
}

textarea {
border: 1px solid #D0D0D0;
background-color: #FFF;
color: #565656;
font-size: 15px;
}

p, fieldset, table, pre {
margin-bottom: 1em;
}

#Corpo {
width: 100%;
margin: 0 auto;
text-align: left;
position: relative;
min-height: 100%;
}

#Header {
height: 400px;
/*background: #FFF url('http://csl.com.br/home/_site/_view/_img/bg01.jpg') no-repeat top center;*/
padding-top: 10px;
}

#Content {
text-align: left;
}

#Hidden, #Dinamico {
/*background: transparent url('http://csl.com.br/home/_site/_view/_img/dgbg.png') repeat-x bottom;*/
padding: 50px 0 20px 0;
/* display: none; */
}

#Hidden .Frame{
    border-bottom: 1px solid #737474;
    padding-bottom: 50px;
}

#Footer {
height: 225px;
width: 100%;
position: absolute;
bottom: 0;
left: 0;
background-color: #F1F1F1;
padding-top: 15px;
}

#Footer, #Footer a {
color: #1D1D1B;
}

#Footer h2 {
font-size: 125%;
font-weight: normal;
margin-bottom: 20px;
}

#Navegacao {
height: 52px;
background: transparent url('http://csl.com.br/home/_site/_view/_img/navegacao.png') repeat-x;
background: url('http://csl.com.br/home/_site/_view/_img/nav_bg2.png') no-repeat center top, url('http://csl.com.br/home/_site/_view/_img/navegacao.png') repeat-x;
top: -11px;
text-align: center;
}

#Navegacao .BlocoDireita {
padding: 10px 0;
}

#Patrocinios .Patrocinio {
margin-bottom: 5px;
}

#Patrocinios .BlocoEsquerda {
width: 60%;
}

#Patrocinios .BlocoDireita {
width: 35%;
padding: 0 2.5%;
}

#Navegacao .BlocoDireita img {
vertical-align: -3px;
}

#Navegacao .BlocoDireita a {
margin-left: 25px;
}

#Navegacao .BlocoEsquerda {
padding: 5px 0;
}

#Navegacao .BlocoEsquerda a {
margin-right: 5px;
}

#Navegacao, #Navegacao a {
color: #FFF;
}

#Menu {
position: absolute;
height: 151px;
width: 100%;
top: 306px;
/*background: transparent url('http://csl.com.br/home/_site/_view/_img/menu.png') repeat-x center;*/
background: url('http://csl.com.br/home/_site/_view/_img/menu_bg.png') repeat-x;
background: url('http://csl.com.br/home/_site/_view/_img/menu_bg2.png') no-repeat center 43px, url('http://csl.com.br/home/_site/_view/_img/menu_bg.png') repeat-x 0px 0px;
/*, url('http://csl.com.br/home/_site/_view/_img/menu_bg3.png') no-repeat 380px 0px*/
}

#Menu * {
    color: #E7E7E7;
}

.Frame ul{
margin-top: -10px;
}

#Menu ul{
position: relative;
}

#Menu ul li{
list-style-type: none;
float: left;
height: 60px;
min-width: 110px;
max-width: 200px;
}

#Menu ul li a {
display: block;
text-align: center;
padding-top: 20.5px;
padding-bottom: 20.5px;
font-size: 16.41px;
letter-spaccing: -1px;
color: #FFFFFF;
text-shadow: 0px -2px 1px rgba(0, 0, 0, 0.75);
/*background: transparent url('http://csl.com.br/home/_site/_view/_img/botao2.png') repeat-y center;*/
}

#Menu ul li a:hover {
/*background: white url('http://csl.com.br/home/_site/_view/_img/botaohover.png') repeat-y center;*/
}

#Logo {
float: left;
width: 270px;
height: 60px;
background: transparent url('http://csl.com.br/home/_site/_view/_img/csllogo.png') no-repeat center;
position: relative;
}

#Info {
margin-top: 10px;
}

#Info a {
color: #565656;
text-decoration: underline;
}

#Hidden h1 {
font-weight: normal;
font-size: 340%;
margin-bottom: 20px;
}

#Info h1, #Hidden h2 {
font-weight: normal;
color: #DB0D15;
font-size: 150%;
margin: 10px 0;
}

#Hidden h3 {
font-weight: normal;
font-size: 300%;
color: #00487D;
}

#Hidden h4 {
margin: 25px 0;
color: #00487D;
}

#Info h2 {
font-size: 175%;
color: #00487D;
margin: 10px 0;
}

#Info h3 {
font-size: 100%;
color: #00487D;
margin: 10px 0 5px 0;
}

#Info p, #Contato p {
text-align: justify;
}

#Info p {
font-size: 90%;
}

#Contato p {
font-size: 102%;
}

#Contato h2 {
margin: 5px 0;
}

#Contato h2, #Contato a {
color: #00487D;
}

#BotaoAbreFecha {
margin-bottom: 5px;
}

.Navegacao {
margin: 10px 0;
}

.Navegacao a {
float: left;
display: block;
text-decoration: none;
text-align: center;
height: 14px;
min-width: 10px;
padding: 1px 3px;
border-radius: 8px;
margin-right: 5px;
font-size: 90%;
font-weight: bold;
}

.Navegacao a {
background-color: #ECECEC !important;
color: #B9B9B9 !important;
text-decoration: none !important;
}

.Navegacao a:hover, .Navegacao a:active {
background-color: #CACAC9 !important;
color: #FFF !important;
}

#Bullets .Navegacao a {
background-color: #00487D !important;
color: #FFF !important;
}

#Bullets .Navegacao a:hover, #Bullets .Navegacao a:active {
background-color: #00355E !important;
}

.Frame {
width: 959px;
margin: 0 auto;
}

.BlocoEsquerda {
float: left;
}

.BlocoDireita {
float: right;
}

.Clear {
clear: both;
}

.Destaque {
font-size: 150%;
text-transform: uppercase;
}

.Terco {
width: 30%;
padding: 0 15px;
}

.Primeiro {
padding-left: 0;
width: 30.5%;
}

.DoisTercos {
width: 66.5%;
padding: 0;
}

.Separador {
padding-left: 15px;
}
#Separador{
width: 935px;
margin-left: 15px;
}

.RodapeCategoria {
width: 18%;
height: 125px;
padding-left: 15px;
}

.RodapeCategoria a {
display: block;
margin-top: 5px;
}

.Topo {
margin-top: 10px;
}

.Esquerda {
text-align: left;
}

.Direita {
text-align: right;
}

.Centro {
text-align: center;
}


.hidden{
display: none;
}


.button{
cursor: pointer;
}

.linha:nth-child(odd)
{
background:#E4E4E4;
}

.linha td{
padding: 3px;
padding-left: 5px;
margin: 0;
border: solid 1px #D5D5D5;
}

.sub-menu {
display: none;

background: #092939;
background: rgba(9, 41, 57, 0.9);
width: 210px;
position: absolute;
left: 365px;
top: 56px;
padding-top: 10px;
padding-bottom: 10px;
}

.sub-menu a div{
color: #FFFFFF;
font-family: 'LatoLight';
font-size: 15.34px;
padding: 10px 0px;
width: 220px;
text-align: center;
}

.sub-menu a div:hover{
background: url('http://csl.com.br/home/_site/_view/_img/submenu_bg.png') no-repeat center center;
}

.fundo-gradient{
background: url('http://csl.com.br/home/_site/_view/_img/title_bg.png') repeat-x;
height: 34px;
color: #FFFFFF !important;
font-size: 20px !important;
}

.fundo-gradient span{
margin-left: 11px;
position: relative;
top: 4px;
font-weight: bold;
}

#footer-marine h2, #footer-marine a{
background: url('http://csl.com.br/home/_site/_view/_img/footer_icon.png') no-repeat left center;
padding-left: 25px;
font-size: 20px;
color: #0C4772;
font-weight: bold;
}

#footer-marine a{
background: url('http://csl.com.br/home/_site/_view/_img/footer_icon_small.png') no-repeat left center;
font-size: 12px;
height: 20px;
}


#footer-nautica h2, #footer-nautica a{
background: url('http://csl.com.br/home/_site/_view/_img/footer_icon_nautica.png') no-repeat left center;
padding-left: 35px;
font-size: 20px;
color: #0C4772;
font-weight: bold;
}

#footer-nautica a{
background: url('http://csl.com.br/home/_site/_view/_img/footer_icon_nautica_small.png') no-repeat left center;
font-size: 11px;
height: 25px;
}

#footer-especial h2, #footer-especial a{
background: url('http://csl.com.br/home/_site/_view/_img/footer_icon_especial.png') no-repeat left center;
padding-left: 35px;
font-size: 20px;
color: #0C4772;
font-weight: bold;
}

#footer-especial a{
background: url('http://csl.com.br/home/_site/_view/_img/footer_icon_especial_small.png') no-repeat left center;
font-size: 11px;
height: 20px;
}


#footer-offroad h2, #footer-offroad a{
background: url('http://csl.com.br/home/_site/_view/_img/footer_icon_offroad.png') no-repeat left center;
padding-left: 35px;
font-size: 20px;
color: #0C4772;
font-weight: bold;
}

#footer-offroad a{
background: url('http://csl.com.br/home/_site/_view/_img/footer_icon_offroad_small.png') no-repeat left center;
font-size: 11px;
height: 20px;
}

#footer-altura h2, #footer-altura a{
background: url('http://csl.com.br/home/_site/_view/_img/footer_icon_altura.png') no-repeat left center;
padding-left: 35px;
font-size: 20px;
color: #0C4772;
font-weight: bold;
}

#footer-altura a{
background: url('http://csl.com.br/home/_site/_view/_img/footer_icon_altura_small.png') no-repeat left center;
font-size: 11px;
height: 20px;
}

.nobg{
background: none !important;
}

.nopadding{
padding: 0px 0px 5px 0px !important;
}

.left{
float: left;
}

.right{
float: right;
}

.relative{
position: relative;
}

.absolute{
position: absolute;
}

#slide-bg{
width: 100%;
top: 0px;
height: 300px;
overflow: hidden;
}

.slide-bg{
position: absolute;
}

.catalago{
width: 95px;
float: left;
background: #E7E7E7 url('http://csl.com.br/home/_site/_view/_img/botao.png') repeat-y center top;
text-align: center;
height: 117px;
margin-bottom: 10px;
color: #00487D;
font-weight: bold;
cursor: pointer;
}

.catalago2{
width: 95px;
float: left;
background: #E7E7E7 url('http://csl.com.br/home/_site/_view/_img/botao2.png') repeat-y;
text-align: center;
height: 117px;
color: #00487D;
font-weight: bold;
cursor: pointer;
}


.last{
margin-right: 0px !important;
}


#div-load {
display: none;
position: absolute;
width: 220px;
height: 19px;
}

#loading{
position: fixed;
top:20%;
left: 47%;
display: none;
}

#nav-bg2 {
width: 1772px;
height: 23px;
background: url('http://csl.com.br/home/_site/_view/_img/nav_bg2.png');
}

#Navegacao .BlocoDireita a span{
position: relative;
bottom: 3px;
left: 7px;
font-size: 12.6px;
text-shadow: 0px -2px 1px rgba(0, 0, 0, 0.75);
}

#Navegacao .BlocoDireita a{
opacity: 0.5;
}

#marine-home{
width: 642px;
height: 238px;
background: url('http://csl.com.br/home/_site/_view/_img/marine_home.png');
position: relative;
text-align: center;
cursor: pointer;
}

#marine-home div{
width: 100%;
height: 60px;
background: #000000;
background: rgba(0,0,0,0.8);
position: absolute;
bottom: 0px;
text-align: center;
}

.home-sub {
width: 183px;
height: 211px;
margin-right: 11px;
text-align: center;
position: relative;
float: left;
overflow: hidden;
cursor: pointer;
}

.home-sub img{
position: relative;
/*top:74px; */
top: -56px;
}

.home-sub .link5 { display:none; top: 40px; }

.home-sub div{
width: 100%;
height: 48px;
background: #000000;
background: rgba(0,0,0,0.8);
position: absolute;
bottom: 0px;
}   

.home-sub span{
color: #FFFFFF;
position: relative;
top: 18px;
}



/* Acordeon */

#acordeon{
max-width: 300px;
height: 220px;
position:relative;
overflow: hidden;
top: 2px;
}

.acordeon-item span{
-webkit-transform: rotate(270deg);  
-moz-transform: rotate(270deg);
-ms-transform: rotate(270deg);
-o-transform: rotate(270deg);
transform: rotate(270deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=4);
background: #000000;
background: rgba(0, 0, 0, 0.5);
color: #EEEEEE;
position: absolute;
bottom: 159px;
font-size: 17.18px;
left: -163px;
padding-left: 20px;
width: 330px;
height: 25px;
font-family: 'LatoBlackItalic';
font-weight: normal;
text-shadow: 0px -2px 1px rgba(0, 0, 0, 0.75);
}

.acordeon-item{
width: 30px;
float: left;
position: relative;
overflow: visible !important;
}


#footer{
float: left;
width: 100%;
height: 52px;
background: url('http://csl.com.br/home/_site/_view/_img/footer_bg.png') repeat-x;
background: url('http://csl.com.br/home/_site/_view/_img/nav_bg2.png') no-repeat center 5px, url('http://csl.com.br/home/_site/_view/_img/footer_bg.png') repeat-x;
color: #FFFFFF;
text-shadow: 0px -2px 1px rgba(0, 0, 0, 0.75);
margin-top: 70px;
}

.separador-sombra{
width: 100%;
height: 17px;
background: url('http://csl.com.br/home/_site/_view/_img/titulo_sombra.png') no-repeat center top;
}

.titulo a{
color: #0D3347 !important;
}

.titulo{
width: 100%;
text-align: center;
font-size: 44.2px;
color: #0D3347 !important;
text-shadow: 0px -2px 1px rgba(0, 0, 0, 0.75);
}

#contato-form .campo {
width: 350px;
}

#contato-form .campo input{
width: 209px;
}

.campo {
width: 700px;
}

.campo input{
font-size: 15px;
float: left;
width: 272px;
height: 40px;
padding: 0px;
padding-left: 15px;
padding-right: 15px;
color: #565656;
}

.campo .label{
width: 100px;
font-size: 15px;
float: left;
position: relative; 
top: 10px;
font-family: 'LatoBold';
}

#contato-enderecos p{
font-size: 15px;
letter-spacing: -1px;
font-weight: normal;
font-family: 'LatoLight';
color: #444545;
}

#contato-enderecos h2{
font-family: 'LatoBold';
font-size: 15px;
color: #565656;
}

.column{
-moz-column-gap: 40px !important;
-webkit-column-gap: 40px !important;
column-gap: 40px !important;
text-align: justify;
}



#contato-enderecos p, #contato-enderecos font{
	 font-family: "LatoLight" !important; 
}

.produto-cont{
	display: none;
}

.construcao-cont p, .construcao-cont font{
 text-align: justify !important; 
 font: 15px 'LatoLight' !important; 
 line-height: 25px !important;
 }
 
 .leiamais span{
	position: relative;
	top: 1px;
	color: #1799B1 !important;
	font-family: 'LatoRegular';
	font-size: 14px;
 }
 
 .leiamais{
	position: absolute;
	bottom: -25px;
	left: -8px;
	width: 100%;
	padding-left: 7px;
	text-align: left;
	height: 20px;
 }

 #news-pop {
	width: 593px;
	height: 522px;
	position: fixed;
	top: 100px;
	left: 300px;
	background: url('http://csl.com.br/home/_site/_view/_img/news_bg.png') no-repeat center center;
 }
 
 
 #news-pop input[type="text"]{
	width: 295px;
	height: 40px;
	position: absolute;
	top: 136px;
	left: 161px;
	padding: 0px;
	
 }
 
 #news-pop select{
	outline: none;
	width: 325px;
	background: none;
	border: none;
	position: absolute;
	top: 348px;
	left: 161px;
	height: 40px;
	padding: 0px;
 }
 
 
 #news-pop input, #news-pop select{
	font-family: 'LatoRegular';
	font-size: 15px; 
	color: #6E6E6E;
	padding-left: 10px !important;
 }
 
 
 #blog .item{
	float: left;
	font-size: 15px;
	font-family: 'LatoRegular';
	width: 140px;
	margin-top: 12px;
	color: #E7E7E7;
 }
 
#blog .item.s{
	font-family: 'LatoBold';
}

#blog .post-blog{
	margin-top: 10px;
	padding-bottom: 60px;
	margin-bottom: 30px;
}

#blog .post-blog h1{
	font-family: 'LatoBold';
	font-size: 23.84px;
	color: #323232 !important;
	width: 100%;
	text-align: center;
}

#blog .post-blog h2{
	font-family: 'LatoLight' !important;
	font-size: 12px;
	color: #A5A5A5;
	width: 100%;
	text-align: center;
	position: relative;
	top: -15px;
}

#blog .post-blog .img .img-1{
	width: 722px;
	height: 253px;
	overflow: hidden;
	position: absolute;
	top: 9px;
	left: 9px;
}

#blog .post-blog .img{
	width: 739px;
	height: 301px;
	background: url('http://csl.com.br/home/_site/_view/_img/blog_capa.png') no-repeat;
	position: relative;
	margin: auto;
}

#blog .post-blog p, #blog .post-blog .texto{
	font-family: 'LatoRegular' !important;
	color: #6e6e6e;
}

#blog .post-blog .texto{
	margin: auto;
	width: 	670px;
	line-height: 18px;
	text-align: justify;
}

#blog .post-blog .share{
	width: 100%;
	text-align: center;
}

#blog .post-blog .ctrl{
	width: 100%;
	height: 44px;
}

#blog .post-blog .ctrl-1{
	width: 45px;
	margin: auto;
	position:relative;
}

#blog .post-blog .ctrl-1 img{
	position: absolute;
	top: 0px;
	cursor: pointer;
	left: 0px;
	/*opacity: 0.001;*/
}

#blog .post-blog .blog-resumo {
	overflow: hidden;
	height: 53px;
}

#blog .item{
	cursor: pointer;
	position: relative;
}

#blog .blog-menu-sel{
	width: 189px; 
	height: 40px;
	background: url('http://csl.com.br/home/_site/_view/_img/blog_menu_sel.png') no-repeat;
	position: absolute;
	left: -10000px;
	top: 0px;
}

#news-fechar{
	width: 50px;
	height: 50px;
	position: absolute;
	right: 37px;
	top: 40px;
	cursor: pointer;
}

.tproduto{
	width: 100%;
	height: 100px;
	border-bottom: 1px solid #F1F2F2;
	padding-top: 15px;
	padding-bottom: 15px;
}

.tproduto .timg{
	float: right; 
	width: 600px; 
	height: 70px; 
}

.tproduto h4{
	font-family: 'LatoRegular' !important;
	color: #464646 !important;
	opacity: 0.90;
}

.tproduto strong{
	font-family: 'LatoLight' !important;
	font-weight: bold !important;
	font-size: 	16.5px !important;
	letter-spacing: -1px;
	color: #464646 !important;
}

not(#posts) .MsoNormal *{
	line-height: 25px !important; text-align: justify !important; font: 15px 'LatoLight' !important;
}

#posts .MsoNormal{
	
	float: left;
	margin-bottom: 1em !important;
}

/*#posts .MsoNormal span br {
	
}*/


#posts .MsoNormal *{
	line-height: 25px !important; 
	font-size: 14.2px !important;
	font-family: 'LatoLight' !important;
}

#posts .MsoNormal strong, #posts .MsoNormal strong span{
	clear: both;
	font-family: 'LatoBold' !important;
}