/* CSS Document */

#content { float:left; width:100%; }

#col1 { float:left; margin-left:5px; width:950px; margin-right:5px;  }
#col2 { float:left; width:750px;  }
#col2-1 { float:left; width:352px; margin-right:5px; }
#col2-2  { float:left;  width:303px; margin-right:5px; }

#bottom { float:left; width:100%; padding:5px; margin-top:10px; color:#FFFFFF; background-color:#000000; }
#groups { margin-bottom:20px;
margin-top:30px; }
#groups #group { padding:5px; float:left; margin-right:55px; }
#groups #group ul { list-style:none; margin:0px; padding:0px; }
#groups #group ul li { margin:0px; padding:0px; }
#groups #group ul li h2 { text-transform:uppercase; color:#FFCC00; }
#groups #group ul li a { color:#FFFFFF; }
#groups #group ul li a:hover { color:#FFCC00; }




#box { margin-bottom:10px; overflow:hidden; }
#box #header { background-color:#000; padding:3px; }
#box #header h2 { text-transform:uppercase; color:#FFFFFF; }
#box #header h2 a { color:#FFFFFF; text-decoration:none; }
#box #cont { overflow:hidden; padding-top:6px; }
#box #b-bottom { text-align:right; }


#box-user { margin-bottom:10px; background-color:#EEEEEE; padding:5px; text-align:right;}



#m-midia {  float:left; margin-right:8px; padding:7px; width:157px; margin-bottom:8px; border:#CCCCCC solid 1px; height:215px; overflow:hidden; }
#m-midia ul { margin:0px; padding:0px; list-style:none; }
#m-midia ul li {}

#m-midia .img { width:182px;}
#m-post { margin-bottom:5px; }
#m-post .img { width:275px; height:100px; }
#m-evento { margin-bottom:5px; }

#box-coment { margin-bottom:30px; }
#box-coment .txtComent { width:535px; }

/* ///// */

body { font-family:Arial, Helvetica, sans-serif; background-color:#000; margin-top:-7px; font-size:14px; color:#FFFFFF; }
img { border:0px; }
a { color:#FFF; text-decoration:none; }
a:hover { color:#FF0000; }
form { border:0px; }
h1,h2,h3,h4 { margin:0px; padding:0px; }

h2 { font-size:15px; }


#global { margin:0 auto; width:950px; overflow:hidden;  padding:5px; -moz-border-radius:3px 3px 3px 3px; }
#cont-global { background-color:#202020; overflow:hidden; padding:3px; margin-bottom:5px; -moz-border-radius:3px 3px 3px 3px; border:1px solid #333;  }
#cont-global-w { background-color:#FFF; overflow:hidden; padding:3px; margin-bottom:5px; color:#000000; font-size:12px; }
#cont-global-w a { color:#000; }
#cont-global-w a:hover { color:#666; }

.title-w { color:#000000; }
.title-w:hover { color:#FF0000 }

#box-form-coment-midia {  overflow:hidden; padding:3px; margin-top:5px; }
#box-form-coment-midia .txtComent { width:569px; }

#menu-top { overflow:hidden; padding:3px;  margin-bottom:5px; margin-top:5px; background-color:#000000; }
#menu-top #menu { float:left; overflow:hidden; }
#menu-top #menu ul { margin:0px; padding:0px; }
#menu-top #menu ul li { display:inline; }
#menu-top #menu ul li a {  float:left; height:15px; line-height:15px; padding:7px; text-decoration:none; margin-right:5px; color:#FFF; font-weight:bold; font-size:17px; }
#menu-top #menu ul li a.sel { color:#0099CC; background-color:#333;  -moz-border-radius:3px 3px 3px 3px;   }
#menu-top #menu ul li a:hover { background-color:#333; color:#0099CC;  -moz-border-radius:3px 3px 3px 3px; }

#paginacao { overflow:hidden; padding:3px;  margin-bottom:5px; margin-top:5px;  }
#paginacao ul { margin:0px; padding:0px; list-style:none; float:right; }
#paginacao ul li { display:inline; font-weight:bold; }
#paginacao ul li.sel { float:left; height:15px; line-height:15px; padding:7px; background-color:#000; color:#FFF; margin-right:2px; }
#paginacao ul li a { background-color:#FFF; float:left; height:15px; line-height:15px; padding:7px; text-decoration:none; margin-right:2px; color:#000; }
#paginacao ul li a:hover { background-color:#000; color:#FFF; }

#box-midia  { background-color:#FFF; overflow:hidden; padding:3px; }
#box-midia #midia { overflow:hidden; }
#box-midia #midia .date {}
#box-midia #midia .img { width:550px;}
#box-midia #info { margin-top:5px; overflow:hidden; background-color:#F4F4F4; padding:10px; }

#box-coments { overflow:hidden; padding:3px; margin-top:5px; }
#box-coments #coment { margin-bottom:10px; }
#box-coments #coment.list { }
#box-coments #coment .img { border:0px; }
#box-coments #coment .date { background-color:#000; color:#FFF; }		
#box-coments #coment a.autor {}
#box-coments #coment .text {}

#outras-midias-user { background-color:#FFF; overflow:hidden; padding:3px; margin-top:5px;  }
#line-midia { overflow:hidden; }

#menu-int-user {  overflow:hidden; width:195px; float:left; margin-right:5px; }
#content-int-user { overflow:hidden; width:750px;  }
#details-user { background-color:#FFF; overflow:hidden; overflow:hidden; padding:3px; margin-bottom:5px; }

#menu-int-user-m {  }
#menu-int-user-m ul { margin:0px; padding:0px; list-style:none; }
#menu-int-user-m ul li {}
#menu-int-user-m ul li a { float:left; padding:4px; width:174px; font-weight:bold; }
#menu-int-user-m ul li a .img { margin-right:4px; position:relative; top:2px; }
#menu-int-user-m ul li a:hover { background-color:#000000; color:#FFFFFF;  -moz-border-radius:3px 3px 3px 3px; }
#menu-int-user-m ul li a.sel { background-color:#000000; color:#FFFFFF;  -moz-border-radius:3px 3px 3px 3px; }

#member-p { float:left;  margin-right:5px; margin-bottom:5px; }

#box-amigo { float:left; border:#CCCCCC solid 1px; overflow:hidden; margin-right:5px; margin-bottom:5px; width:176px; height:157px; padding-top:7px;  }
#top-m { margin-bottom:18px; margin-top:15px; height:110px;  }

#m-member-u { float:left; margin-right:8px; padding:2px; width:99px; height:180px; margin-bottom:-25px; overflow:hidden;}
#m-member {  float:left; margin-right:8px; padding:2px; width:132px; height:180px; margin-bottom:8px; overflow:hidden;}
#m-member-n { float:left; margin-right:8px; padding:2px; width:138px; height:180px; margin-bottom:8px; overflow:hidden; }
#m-member-u :hover { background-color:#333333; }

#m-member-g { float:left; margin-right:8px; padding:2px; width:99px; height:153px; margin-bottom:-25px; overflow:hidden;}
#m-member-g :hover { background-color:#333333; }

#cont-midia { float:left; width:593px; }
#midia-right { float:left; width:352px; margin-left:5px; }
#box-user-midia { background-color:#F4F4F4 }

#c-cont { margin:10px 5px 5px;
overflow:hidden;  }

.btn { border:0px; background-color:#000000; color:#FFFFFF; font-size:15px; padding:5px; }
.lbtn { border:0px; background-color:#000000; color:#FFFFFF; font-size:11px; padding:4px;  -moz-border-radius:3px 3px 3px 3px;  }

.mensage { color:#FF0000; font-weight:bold; }
.list {}

#col-m-1 { float:left; margin-right:5px; width:200px; }
#col-m-2 { float:left; margin-right:5px; width:954px; }
#col-m-3 { float:left; width:181px; }

#col-m-2-shop { float:left; margin-right:5px; width:767px; }
col-m-3-shop {}


#menu-int-user-f {  }
#menu-int-user-f ul { margin:0px; padding:0px; list-style:none; }
#menu-int-user-f ul li {}
#menu-int-user-f ul li a { float:left; padding:2px; width:174px; font-weight:bold; }
#menu-int-user-f ul li a:hover { background-color:#000000; color:#FFFFFF;  -moz-border-radius:3px 3px 3px 3px; }
#menu-int-user-f ul li a.sel { background-color:#000000; color:#FFFFFF;  -moz-border-radius:3px 3px 3px 3px; }
.requerido { color:#FF0000; font-weight:bold; font-size:14px; }

label { width: 10em; float: left; }
label.error { float: none; color: red; padding-left: .5em; vertical-align: top; }
.submit { margin-left: 12em; }
em { font-weight: bold; padding-right: 1em; vertical-align: top; }

#b-evento { border:#CCC 1px solid; height:290px; float:left; margin-right:7px; width:235px; margin-bottom:7px; }

#menu-es { float:right;
margin-right:7px;
margin-top:7px; }
#menu-es a { color:#FFF; }
#menu-es a:hover { color:#F90; text-decoration:underline; }

#c-blog-1 { float:left; width:530px; margin-right:5px; }
#c-blog-2 { float:left; width:200px; margin-right:5px; }
#c-blog-3 { float:left; width:210px;   }


#m-midia-n {  float:left; margin-right:8px; padding:7px; width:157px; margin-bottom:8px; border:#CCCCCC solid 1px; height:200px; overflow:hidden; }
#m-midia-x {  float:left; margin-right:8px; padding:7px; width:157px; margin-bottom:8px; border:#CCCCCC solid 1px; height:230px; overflow:hidden; }
#m-midia-z {  float:left; margin-right:8px; padding:7px; width:157px; margin-bottom:8px; border:#CCCCCC solid 1px; height:197px; overflow:hidden; }
#m-midia-w {  float:left; margin-right:8px; padding:7px; width:157px; margin-bottom:8px; border:#CCCCCC solid 1px; height:215px; overflow:hidden; }


.title-1 { font-size:25px;   }
.title-int-m { font-size:20px; height:50px;  }

#m-midia-px { border:1px solid #CCCCCC;
float:left;
height:218px;
margin-bottom:8px;
margin-right:8px;
overflow:hidden;
padding:7px;
width:209px; }

#sg-x { float:right; }
#sig-n { float:right; }

#m-logo { float:left; }
#m-publicidade { float:left;
left:43px;
position:relative;
top:5px; }

/* MIDIA */
.m-midia-n { 
	float:left;
	height:220px;
	margin-bottom:8px;
	margin-right:8px;
	overflow:hidden;
	padding:7px;
	width:202px;
}
.m-midia-n:hover {
	background-color:#333333;
}


.m-midia-n-o { 
	float:left;
	height:165px;
	margin-bottom:8px;
	margin-right:8px;
	overflow:hidden;
	padding:7px;
	width:145px; 
}
.m-midia-n-o:hover {
	background-color:#333333;
}


.m-midia-n-i { 
	float:left;
	height:245px;
	margin-bottom:8px;
	margin-right:8px;
	overflow:hidden;
	padding:7px;
	width:211px; 
}
.m-midia-n-i:hover{
	background-color:#333333;
}

.m-midia-n h4 { 
	margin:0px; padding:0px; 
}
.m-midia-n h4.title { 
	font-size:20px;
	height:50px; 
}
.m-midia-n .m-midia-n-title{}
.m-midia-n .midia-n{ 
	left:-7px; 
	position:relative;
	height:173px; 
}
.m-midia-n .m-midia-n-desc{ background-color:#666666;
	height:45px;
	left:-7px;
	opacity:0.7;
	padding-left:5px;
	position:relative;
	top:-45px;
	width:223px;
	font-size:12px;
	color:#FFFFFF;
}
.m-midia-n .m-midia-n-desc a { 
	color:#FFFFFF; 
}

/* MIDIA E */
.m-midia-l { 
	border:1px solid #CCCCCC;
	float:left;
	height:250px;
	margin-bottom:8px;
	margin-right:8px;
	overflow:hidden;
	padding:12px;
	width:207px;
}
.m-midia-l h4 { 
	margin:0px; padding:0px; 
}
.m-midia-l h4.title { 
	font-size:20px;
	height:50px; 
}
.m-midia-l .m-midia-n-title{}
.m-midia-l .midia-n{ 
	left:-7px; 
	position:relative;
	height:173px; 
}
.m-midia-l .m-midia-n-desc{ background-color:#666666;
	height:45px;
	left:-7px;
	opacity:0.7;
	padding-left:5px;
	position:relative;
	top:-45px;
	width:223px;
	font-size:12px;
	color:#FFFFFF;
}
.m-midia-l .m-midia-n-desc a { 
	color:#FFFFFF; 
}
.m-midia-l .m-midia-n-buttom {
	left:132px;
	position:relative;
	top:-39px;
}



#message-x {
	background-color:#990000;
color:#FFFFFF;
margin-bottom:10px;
margin-top:10px;
padding:12px;
}
#message-x a { color:#FFFFFF; }


.l-pistas {
	float:left;
	margin-right:5px;
	width:317px;
}
.r-pistas {}

#frm-cadastre-se {}
#frm-cadastre-se #txtNome{ width:360px; }
#frm-cadastre-se #sltDia { width:100px; }
#frm-cadastre-se #sltMes { width:100px; }
#frm-cadastre-se #sltAno { width:154px; }
#frm-cadastre-se #txtEmail{ width:360px; }
#frm-cadastre-se #txtSenha { width:250px; }
#frm-cadastre-se #txtConfirmaSenha { width:250px; }


#frm-login {}
#frm-login #txtEmail { width:360px; }
#frm-login #txtSenha { width:360px; }

#frm-recuperar-senha {}
#frm-recuperar-senha #txtEmail { width:360px;  }

#menu-int-top { border-bottom:#000 solid 1px; overflow:hidden; }
#menu-int-top #items { float:right; overflow:hidden; }
#menu-int-top #items ul { list-style:none; margin:0px; padding:0px; }
#menu-int-top #items ul li { display:inline; }
#menu-int-top #items ul li a { float:left; height:19px; padding:12px; font-weight:bold; margin-right:5px; background-color:#F0F0F0; -moz-border-radius:3px 3px 0px 0px; }
#menu-int-top #items ul li a.sel { background-color:#000; -moz-border-radius:3px 3px 0px 0px; color:#FFFFFF; }
#menu-int-top #items ul li a:hover { background-color:#000; -moz-border-radius:3px 3px 0px 0px; color:#FFFFFF; }


#frm-perfil {}
#frm-perfil #txtQuemSou {}

#frmskateShop {}
#frmskateShop #txtNomeSkateShop { width:360px; }
#frmskateShop #txtTelefone { width:360px; }
#frmskateShop #txtFax { width:360px; }
#frmskateShop #txtWebSite { width:360px; }
#frmskateShop #txtEmailSkateShop { width:360px; }
#frmskateShop #txtEndereco { width:360px; }
#frmskateShop #txtBairro { width:360px; }
#frmskateShop #txtDescricao { width:360px; height:150px; }
#frmskateShop #txtNome { width:360px; }
#frmskateShop #txtEmail { width:360px; }

#frmEventos {}
#frmEventos #txtNomeEvento { width:685px;  }
#frmEventos #txtDataEvento { width:209px;  }
#frmEventos #txtEndereco { width:685px;  }
#frmEventos #txtBairro { width:360px;  }
#frmEventos #txtDescricao { width:685px ; height:150px;  }
#frmEventos #txtNome { width:553px;  }
#frmEventos #txtEmail { width:360px;  }

#frmPistaF {}
#frmPistaF #txtNome {  width:360px; }
#frmPistaF #txEndereco {  width:360px; }
#frmPistaF #txtBairro {  width:360px; }
#frmPistaF #txtComoChegar { width:360px; height:150px; }
#frmPistaF #txtMapaGoogle { width:360px; height:150px; }
#frmPistaF #txtGeral { width:360px; height:150px; }


/* MIDIA PISTA */
.m-midia-pist-h { 
	float:left;
	height:176px;
	margin-bottom:8px;
	margin-right:8px;
	overflow:hidden;
	padding:7px;
	width:166px; 
}

.m-midia-pist { 
	float:left;
height:70px;
margin-bottom:8px;
margin-right:8px;
overflow:hidden;
padding:7px;
width:91px;
}

.m-midia-pist h4 { 
	margin:0px; padding:0px; 
}
.m-midia-pist h4.title { 
	font-size:20px;
	height:50px; 
}
.m-midia-pist .m-midia-n-title{}
.m-midia-pist .midia-n{ 
	left:-7px; 
	position:relative;
	height:173px; 
}
.m-midia-pist .m-midia-n-desc{ background-color:#666666;
	height:45px;
	left:-7px;
	opacity:0.7;
	padding-left:5px;
	position:relative;
	top:-45px;
	width:223px;
	font-size:12px;
	color:#FFFFFF;
}
.m-midia-pist .m-midia-n-desc a { 
	color:#FFFFFF; 
}

.frmBusca {
	background-color:#333333;
	margin-bottom:12px;
	padding:6px;
}


#l-group { width:195px; float:left; margin-right:5px; overflow:hidden; }
#c-group { float:left; margin-right:5px; overflow:hidden; width:745px; }
#r-group { width:178px; float:left; overflow:hidden; }

#col-m-2-m { float:left; margin-right:5px; width:767px; }

.line { border-top:1px solid #333; margin-bottom:10px; margin-top:5px; }
.line-w { border-top:1px dashed #CCCCCC;
margin-bottom:-10px;
margin-top:5px; }

.btnM { background-color:#000000; padding:5px; color:#FFFFFF; -moz-border-radius:3px 3px 3px 3px; margin-right:5px; }
.btnM:hover { color:#FFCC00; background-color:#3E3E3E; }

.btnM .img { left:-1px;
margin-right:2px;
position:relative;
top:3px; }

#col-m-2-m-y { float:left; margin-right:5px; width:950px;  }

#m-member-n-y { float:left; margin-right:8px; padding:2px; width:142px; height:135px; margin-bottom:8px; overflow:hidden; }
#m-member-n-y:hover { background-color:#333333; }

#b-info { float:right;
position:relative;
right:50px;
top:17px; }
#b-info .l-b {} 
#b-info .img-b {
	width:51px;
} 


.title-box {	background-color:#333333;	padding:5px;}
.title-box .item-title-box { float:right; position:relative; top:-15px; }
.title-box .item-title-box-admin { float:right; position:relative; top:-11px; }
.title-box .item-title-box-admin a{ background-color:#999999; padding:8px;  }
.title-box .item-title-box-admin a:hover { color:#000; }


.title-box-w { padding:5px; border-top:dashed #999999 1px; border-bottom:dashed #999999 1px; }
.title-box-w .title-1-n { font-size:15px;  color:#0099CC;  }
.title-box-w .title-1-n a { color:#0099CC; }
.title-box-w .title-1-n a:hover { color:#0099CC; }


.title-1-n { font-size:15px;  color:#999999;  }
.title-1-n a { color:#999999; }
.title-1-n a:hover { color:#FFF; }
.bottom-box { border-top:1px solid #333333; padding:10px 5px 5px; text-align:right; }

#m-home { margin-left:6px; }

#cl-v { float:left;
margin-right:5px;
width:473px; }
#cl-f { float:right;
width:472px; }

.m-midia-n-h { 
	float:left;
	height:208px;
	margin-bottom:8px;
	margin-right:8px;
	overflow:hidden;
	padding:7px;
	width:222px; 
}
.m-midia-n-h:hover {
	background-color:#333333;
}

#box-amigo-n { float:left; overflow:hidden; margin-right:5px; margin-bottom:5px; width:176px; height:157px; padding-top:7px;  }
#box-amigo-n:hover { background-color:#333333; }

#box-amigo-n-m { float:left; overflow:hidden; margin-right:5px; margin-bottom:5px; width:176px; height:166px; padding-top:7px;  }
#box-amigo-n-m:hover { background-color:#333333; }


.m-midia-n-h-m { 
	float:left;
	height:243px;
	margin-bottom:8px;
	margin-right:8px;
	overflow:hidden;
	padding:7px;
	width:222px; 
}
.m-midia-n-h-m:hover {
	background-color:#333333;
}

.m-midia-n-buttom {
	margin-top:5px;
}


#c-h-1 { float:left; margin-right:5px; width:290px; }
#c-h-2 { float:right; }

#seta-home { left:162px;
position:relative;
top:-105px; }

#seta-home-1 { left:162px;
position:relative;
top:-132px; }

#b-cadatro-home {
	margin-bottom:4px;
margin-top:0;
}

#menu-membros { float:left;
margin-right:5px;
width:352px; }

.title-p { color: #999999; }

#col-ui { width:659px; margin-right:5px; float:left; }
#col-ui-2 {}

.btn-w { border:0 none;
padding:5px; background-color:#CECECE;  }

.compartilhe {}
.compartilhe ul { margin:0px; padding:0px;   }
.compartilhe ul li { display:inline; }
.compartilhe ul li a {}
.compartilhe ul li a img { border:0px; }