@charset "utf-8";
/* CSS www.c18surfshop.com.br
Desenvolvido por: agws.com.br 
*/

/** BASE **/
body {
	font-family:Arial, Verdana, san-serif;
	color:#005baa;
	background:url(../imagens/back_home_2.jpg) top center #51B7C2 fixed;
	font-size:11px;
}
h1, h2, h3, h4, h5 {
	display:block;
	clear:both;
}
h1 { font-size:22px; }
h2 { font-size:18px; }
h3 { font-size:14px; font-weight:bold;}
h4 {
	font-size:12px;
	font-weight:bold;
}
h5 {
	font-size:11px;
}

a {
	color: #005baa;
	text-decoration:none;
}
a:hover { text-decoration:underline; }
p { padding:5px 0; color:#000; line-height:14px; }
em { font-style:italic; }
strong {font-weight:bold}
.escondido { display:none; }
.clear { clear:both; }
.noright {
	margin-right:0 !important;
}
.vermelho {
	color:#F00;
}
#main {
	margin:0 auto;
	width:960px;
}
#topo { width:960px; }
#rodape {
	width:960px;
	height:123px;
	background: url(../imagens/bg_rodape.gif) no-repeat;
}
#rodape a {
	color: #005baa;
	text-decoration:none;
	font-size: 11px;
}
#rodape a:hover {
	color: #a2a2a2;
	text-decoration:none;
}
#rodape p {
	margin-top:46px;
	margin-left:15px;
	float:left;
}
#agws {
	float:right;
	margin:90px 15px 0 0;
}
#menu_rodape {
	float:right;
	margin-top:80px;
}
#w3c {
	float:left;
	margin:105px 0 0 5px;
}
#mds { margin-top:35px; height:28px; }
#mds li {
	display:inline;
	margin-right:15px;
}
#conteudo {
	background:url(../imagens/bg_coluna_lateral.jpg) top right no-repeat;
	background-color:#FFF;
}
.col-1, .col-2 { float:left; }
.col-1 {
	padding:0 30px; 
	width:600px; 
	margin-top:20px; 
}
.col-2 { width:290px;}

.interna  {
	font-size:12px;
	line-height:14px;
	text-align:justify;
}
.data {
	font-size:12px;
}

/** HOME **/
.col-1_home {
	background:url(../imagens/back_home.jpg) center top no-repeat;
}
#chamadas {
	height:300px;
	margin-bottom:20px;
}
.chamada { float:left; width:170px; margin-right:35px; }
.chamada span {
	width:170px;
	height:132px;
	text-align:center;
	padding-top:6px;
	display:block;
	margin-bottom:10px;
	background: url(../imagens/bg_destaques.gif) center no-repeat;
}
.chamada p {
	width:170px;
	height:70px;
	text-align:justify;
	padding-top:6px;
	display:block;
}
#videos {
	margin-top:20px;
	height:250px;
}
#video {
	margin:12px 12px 0 0;
}
#video, #v-thumbs {
	float:left;
}
#v-thumbs {
	margin-left:10px;
	width:220px;
}
#v-thumbs h4 {
	clear:none;	
	text-transform:uppercase;
}
.v-thumb {
	margin-bottom:7px;
}
.v-thumb a {
	color:#000;
}
.v-thumb span {
	display:block;
	width:82px;
	height:57px;
	background:url(../imagens/bg_videos.gif) no-repeat;
	padding-top:5px;
	padding-left:5px;
	float:left;
	margin-right:10px;
}
#tv {
	margin:0px 0 50px 70px;
}
#runner {
	width:180px;
	margin:-10px 0px 10px 70px;
}

/** HISTORIA **/
.col-1_historia {
	background:url(../imagens/back_historia.jpg) top no-repeat;
}
#historia h3 {
	background:url(../imagens/titulo_historia.gif) left no-repeat;
	text-indent:-9999px;
	margin-left:-8px;
	height:44px;
}
#prancha {
	width:600px;
	height:400px;
}

/** MEETING **/

/** MULTIMARCAS **/
#multimarcas h3 {
	background:url(../imagens/titulo_multimarcas.gif) left no-repeat;
	text-indent:-9999px;
	margin-left:-8px;
	height:44px;
}
.col-1_marcas {
	background:url(../imagens/back_marcas.jpg) center no-repeat;
	min-height:630px;
	height:630px;
	width:595px;
}
* html > body > .col-1_marcas {
	height:auto;
}
#marcas {
	height:250px;
	margin:20px 0
}
#marcas ul li {
	float:left;
	width:135px;
	margin-right:13px;	
	text-align:center;
}
.marcas {  }
#marcas ul li a {
	width:135px;
	height:85px;
	padding-top:6px;
	display:block;
	margin-bottom:15px;
	background: url(../imagens/bg_marcas.jpg) center no-repeat;
}

/** NOVIDADES **/
.col-1_novidades {
	/*background:url(../imagens/back_novidades.jpg) top no-repeat;*/
}
#materia h3 {
	background:url(../imagens/titulo_news.gif) left no-repeat;
	text-indent:-9999px;
	margin-left:-8px;
	height:44px;
}
.borda {
	border:4px solid #CCC;
}
.foto-e {
	float:left;
	margin:0 15px 10px 0;
}
.foto-d {
	float:right;
	margin:8px 0px 4px 15px;
}
#titulo_materia {
	font-weight:bold;
}
#data_materia {
	margin:5px 0px 4px 0px;
}
#materias_anteriores {
	margin-top:20px;
}
#materias_anteriores ul li {
	line-height:20px;
}
#materias_anteriores ul li a{
	font-size:12px;
}
#materias_anteriores h3{
	margin-bottom:7px;
	}

/** LOJAS **/
.col-1_lojas {
	background:url(../imagens/back_lojas.jpg) top no-repeat;
	min-height:600px;
	height:600px;
}
* html > body > .col-1_lojas {
	height:auto;
}

#lojas {
	margin:0 0 20px 0;
}
#lojas h3 {
	background:url(../imagens/titulo_lojas.gif) left no-repeat;
	text-indent:-9999px;
	margin-left:-8px;
	height:44px;
}
#lojas_fotos {
	margin-bottom:20px;
}
#lojas_fotos ul li {
	margin-right:40px;
	margin-left:65px;
	text-align:center;
	margin-bottom:15px;
	width:170px;
	height:180px;
	background: url(../imagens/bg_destaques.gif) top center no-repeat;
	float:left;
	padding-top:6px;
	margin-bottom:10px;
}
#lojas_fotos ul li a {
	display:block;
	margin-bottom:10px;
}/*
#lojas_fotos ul li {
	float:left;
	width:180px;
	margin-right:15px;	
	text-align:center;
	margin-bottom:25px;
}
#lojas_fotos ul li a {
	width:170px;
	height:132px;
	text-align:center;
	padding-top:6px;
	display:block;
	margin-bottom:10px;
	background: url(../imagens/bg_destaques.gif) center no-repeat;
}/*
.escondidas {
	position:absolute;
	margin:-9999px;
}

/** VIDEOS **/
.col-1_videos {
	background:url(../imagens/back_videos.jpg) top no-repeat;
}
#pg_videos h3 {
	background:url(../imagens/titulo_videos.gif) left no-repeat;
	text-indent:-9999px;
	margin-left:-8px;
	height:44px;
}
#video_principal {
	margin:10px 0 30px 0;
}
#videos_menores ul {
	margin-top:10px;
}
#videos_menores	ul li{
	float:left;
	width:100px;
	height:120px;
	margin:0px 12px 12px 0;	
	text-align:center;
}
#videos_menores ul li a {
	width:87px;
	height:62px;
	text-align:center;
	padding-top:10px;
	display:block;
	margin-bottom:10px;
	background: url(../imagens/bg_videos.gif) center no-repeat;
}
#videoin {
	width:535px;
	height:300px;
	display:block;
	margin-top:20px;
}
/* curriculo */
.col-1_curriculo {
	background:url(../imagens/back_curriculo.jpg) top no-repeat;
}
#curriculo {
	margin-top:15px;
	font-size:11px;
}
#curriculo h3 {
	background:url(../imagens/titulo_curriculo.gif) left no-repeat;
	text-indent:-9999px;
	margin-left:-8px;
	height:44px;
}
#curriculo fieldset {
	margin-bottom:25px;
	width:445px;
}
#curriculo h2 {
	border-bottom:1px solid #CCCCCC;
	color:#0065aa;
	display:block;
	font-size:13px;
	font-weight:bold;
	margin-bottom:10px;
	padding-bottom:2px;
}
#curriculo label {
	display:block;
	margin-bottom:3px;
}
#curriculo label span {
	float:left;
	width:130px;
}
#curriculo label input {
	display:block;
	border:1px solid #CCCCCC;
	margin-right:10px;
	padding:1px 0;
}
#curriculo fieldset input.file {
	border:1px solid #CCCCCC;
	height:20px;
	width:310px;
}
#curriculo label select {
	border:1px solid #CCCCCC;
	width:240px;
}
#curriculo .selmulti {
	display:block;
	border:1px solid #CCCCCC;
	height:80px;
	width:240px;
}
.curriculo { background:url(../images/box-cadastro-curriculo.gif) top left no-repeat; }
.form-bt{
	text-align:right;
	margin-top:15px;
	width:375px;
}

/* contato */
#contatos{
	width:600px;
}
.localizacao { background:url(../images/box-localizacao.gif) top left no-repeat; }
.contato {
	background:url(../images/box-form-contato.gif) top left no-repeat;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 12px
}
.f-esquerda {
	float:left;
	margin:0 8px 8px 0;
}
.imgborda {
	padding:2px;
	border:solid 1px #CCC;
	background:#FFFFFF;
}
#contato {
	background:url(../imagens/bg_contato.jpg) top left no-repeat;
	width:600px;
	height: 510px;
	position:relative;
}
#contato fieldset input {
	position:absolute;
	background:none;
	border:0;
}
#f_nome {
	left: 51px;
	top: 77px;
}
#f_email {
	left: 51px;
	top: 128px;
}
#f_tel {
	left: 53px;
	top: 186px;
}
#f_enviar {
	cursor: pointer;
	display:block;
	left: 212px;
	top: 375px;
}
.aviso_nome, .aviso_email, .aviso_telefone { display:none }
.aviso_nome {
	background:transparent url(../imagens/aviso-nome.gif) no-repeat;
	width:114px;
	height:16px;
	position:absolute;
	top:55px;
	left:122px;
	z-index:10;
}
.aviso_email {
	background:transparent url(../imagens/aviso-email.gif) no-repeat;
	width:127px;
	height:12px;
	position:absolute;
	top:112px;
	left:130px;
	z-index:10;
}
.aviso_telefone {
	background:transparent url(../imagens/aviso-telefone.gif) no-repeat;
	width:136px;
	height:14px;
	position:absolute;
	top:168px;
	left:122px;
	z-index:10;
}
#contato textarea {
	left: 54px;
	top: 252px;
	position:absolute;
	width:205px;
	height:110px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border:0;
}
.habil {
	font-size:13px;
	font-weight:bold;
	color:#0065aa;
}
.escondido { display:none; }
#marca { margin-top:10px; }
#marca label {
	margin-right:10px;
	background:url(../images/bg_select.gif) no-repeat;
	background-position:122px 0;
	padding:5px 5px;
}
#marca select {
	border:0;
	width:212px;
	margin-left:10px;
}
.form-bt_contato{
	text-align:right;
	margin-top:15px;
	width:220px;
}

#materia ul li p{
	text-align:justify;
	margin:3px;
	}
.bloco_p {
	padding:20px 0;
	border-bottom:1px dashed #FFF;
}

/** CUCA CIDADÃ **/
.col-1_cuca {
	background:url(../imagens/back_cuca.jpg) center no-repeat;
}
#cuca_cidada h3 {
	background:url(../imagens/titulo_cuca_cidada.gif) left no-repeat;
	text-indent:-9999px;
	margin-left:-8px;
	height:44px;
}

/** SURFCLUB **/
#surfclub h3 {
	background:url(../imagens/titulo_surfclub.gif) left no-repeat;
	text-indent:-9999px;
	margin-left:-8px;
	height:44px;
}

/** MEETING **/
#meeting h3 {
	background:url(../imagens/titulo_meeting.gif) left no-repeat;
	text-indent:-9999px;
	margin-left:-8px;
	height:44px;
}

/** DOWNLOADS **/
#downloads {
	width:600px;
	height:660px;
}
.col-1_downloads {
	background:url(../imagens/back_downloads.jpg) center no-repeat;
}
#downloads h3 {
	background:url(../imagens/titulo_downloads.gif) left no-repeat;
	text-indent:-9999px;
	margin-left:-8px;
	height:44px;
}
.wallpapers {
	background:url(../imagens/titulo_wallpapers.gif) center no-repeat;
	text-indent:-9999px;
	margin:20px 0px 0px -8px;
	height:44px;
}
#downloads th {
	height:20px;
	text-align:center;
	font-weight:bold;
}
#downloads td{
	height:10px;
	text-align:center;
}
#downloads td a:hover{
	color:#052e53;
}

.logomarca_c18 {
	background:url(../imagens/titulo_logomarca-c18.gif) center no-repeat;
	text-indent:-9999px;
	margin:40px 0px 10px -8px;
	height:44px;
}
#download_logo {
	margin: 0 auto;
	width:550px;
	height:130px;
	text-align:center;
}
#flash_download_logo {
	margin: 0 auto;
	width:250px;
	height:130px;
}
#logo_download {
	float:left;
	width:107px;
	margin:0px auto;
}
#back_download {
	float:left;
	background:url(../imagens/back_icons.gif) center no-repeat;
	text-align:center;
	width:261px;
	height:107px;
	margin: 0 auto;
}
#icones_download {
	width:230px;
	margin: 25px auto;
}
/*** NOTICIA **/

#paginacao-noticias{
	margin: 15px 0;
	text-align:center;}
		#materia{width:550px; padding:0 10px; }
		#materia ul{ list-style-type:none;}
		#materia ul li{ display:inline;
						font-size:12px;
						font-weight:bold;
						margin-right:0;}

/* DHTML */
#dhtml { width:100%; height:100%; position:fixed; top:0; left:0; }
#dhtml_bg { width:100%; height:100%; position:fixed; top:0; left:0; opacity:0.7; background:#000; cursor:pointer; z-index:1000; }
#dhtml_conteudo { position:fixed; width:582px; height:602px; left:50%; top:50%; margin-left:-291px; margin-top:-301px; z-index:1002; }