/****************************************************************************************************
	-	TP THUMBS 	-
*****************************************************************************************************

 - tp-thumbs & tp-mask Width is the width of the basic Thumb Container (500px basic settings)

 - .bullet width & height is the dimension of a simple Thumbnail (basic 100px x 50px)

 *****************************************************************************************************/
@charset "iso-8859-1";
/* CSS Document */
/*
body{background-image:url(fundo_final.jpg);
background-position:center top;
background-repeat:no-repeat;
background-attachment:fixed;
margin:0px;
}
*/
linha{
background-color:#ddd;
}
associado-ccs{
background-color:#ddd;
}
body{
background-color:#fff;
}

bdlupa{
background-color:#0000ff;
}
menutop{
	margin-top: 3px;  
}
.box-ccs-digital{
	background-color:#d4d4d4;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#000;
	border:none;	
	width: 105px;
	margin-top: 0px;
	height:40px;
	
}
/**/
div.verticalcenter {
    height: 40px;
    position: relative }
div.verticalcenter p {
    margin: 10;
    background: yellow;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%) }
/**/	
.box-ccs-menu{
	background-color:#d4d4d4;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#000;
	border:none;	
	width: 105px;
	

}

@-webkit-keyframes _3tCWSN1p{0%{opacity:1}50%{opacity:0}to{opacity:1}}@keyframes _3tCWSN1p{0%{opacity:1}50%{opacity:0}to{opacity:1}}.ccs-col-2-1{flex-shrink:0;position:relative;display:none}@media (min-width:750px){.ccs-col-2-1{display:block}}._36z9BHQr{display:none;font-weight:inherit;font-style:inherit;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Fira Sans,Helvetica Neue,Arial,sans-serif;font-size:12px;line-height:14px;font-weight:700;letter-spacing:0;font-weight:600;text-transform:none;background-color:#f4f4f4;color:#505050;border-radius:6px 0 0 6px;border:1px solid #e0e0e1;padding:0;cursor:pointer;transition:background-color .15s ease-in-out}._36z9BHQr:hover{background-color:#e0e0e1}@media (min-width:750px){._36z9BHQr{display:block}}
/*
	@-webkit-keyframes _3tCWSN1p{0%{opacity:1}50%{opacity:0}to{opacity:1}}
	@keyframes _3tCWSN1p{0%{opacity:1}50%{opacity:0}to{opacity:1}}
	.ccs-col-2-100{flex-shrink:0;position:relative;display:none}@media (min-width:750px){.ccs-col-2-1{display:block}}
	._36z9BHQr{display:none;font-weight:inherit;font-style:inherit;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Fira Sans,Helvetica Neue,Arial,sans-serif;font-size:12px;line-height:14px;font-weight:700;letter-spacing:0;font-weight:600;text-transform:none;background-color:#f4f4f4;color:#505050;border-radius:6px 0 0 6px;border:1px solid #e0e0e1;padding:0;cursor:pointer;transition:background-color .15s ease-in-out}
	._36z9BHQr:hover{background-color:#e0e0e1}@media (min-width:750px){._36z9BHQr{display:block}}
*/
.topform {
  margin-top: 0px;
 } 
 .topform1 {
  margin-top: 0px;
 } 

.box-message{
	background-color:#fff;
}
.box-news1{
	background-color:#0000FF;
	font-family:Arial, Helvetica, sans-serif;
	font-style:italic;
	font-size:16px;
	color:#FFF;
}
.box-eventos{
	background-color:#FF0000;
	font-family:Arial, Helvetica, sans-serif;
	font-style:italic;
	font-size:16px;
	color:#FFF;	
}
.sabermais{
	background-color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-style:italic;
	font-size:13px;
	color:#000;	
	width: 50px;
}
.box-ne{
	background-color:#fff;
}
*/
.ccscontact{
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:italic;
	font-weight:bold;
	color:#fff;
}
p.article {
    margin-left: auto;
    margin-right: auto;
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	font-size:22px;
	font-style:italic;
	color:#1a4761;
	text-align:center;
}

.marginleft{
	float: left;
	margin-left:2%;
}	
.txt_icons{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#a6bf00;
}


.marginage{
	float: left;
	margin-left:2%;
}
.colorw1{
	font-size:15px;
	color:#b3c800;
}
.bgw1{
	background-color:#008B8B;
	width: 100px;
}
.box{
	background-color:#264578;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFF;
	border:none;
	height:21px;
	
}


.title{
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	font-size:22px;
	font-style:italic;
	color:#1a4761;
}
.titlewhite{
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	font-size:22px;
	font-style:italic;
	color:#fff;
}
.title0{
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:italic;
	font-weight:bold;	
	color:#008B8B;
}
.title1{
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	font-size:14px;
	font-style:italic;
	font-weight:bold;	
	color:#008B8B;
}
.title2{
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	font-size:22px;
	font-style:italic;
	font-weight:bold;
	color:#008B8B;
}
.titlejunior{
	width: 250px;
	height:250px;
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	font-size:20px;
	font-style:italic;
	font-weight:bold;
	color:#008B8B;
}
.oline{
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	font-size:22px;
	font-weight:bold;
	color:#fff;
	background-color:#FF0000;
	width:35px;
}
.blank{
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	font-size:22px;
	font-style:italic;
	font-weight:bold;
	color:#ffffff;
}
.rouge{
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	font-size:22px;
	font-style:italic;
	font-weight:bold;
	color:#e40046;
}
.techcolor{
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	font-size:22px;
	font-style:italic;
	font-weight:bold;
	color:#008B8B;
}
.titleblank{
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	font-size:22px;
	font-style:italic;
	font-weight:bold;
	color:#eee;
}
.titleblank14{
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#eee;
}
.titletech{
	float: left;
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	font-size:22px;
	/*font-style:italic;*/
	font-weight:bold;
	color:#e40046;
}
.title12{
	font-family:"Arial", Century Gothic, Helvetica, sans-serif;
	font-size:12px;
	font-style:italic;
	font-weight:bold;
	color:#b3c800;
}
.title22{
	font-family:"Arial", Century Gothic, Helvetica, sans-serif;
	font-size:22px;
	font-style:italic;
	font-weight:bold;
	color:#b3c800;
}

.title-ccs{
	/*background-color:#b3c800;*/
	font-family:"Arial", Century Gothic, Helvetica, sans-serif;
	font-size:16px;
	font-style:italic;
	font-weight:bold;
	text-decoration:none;
	color:#ff0;
	width: 300px;
   line-height: 20px;
}
.title15{
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	font-size:14px;
	font-style:italic;
	font-weight:bold;
	color:#008B8B;
}
.title14{
	font-family:"sans-serif", Arial, Helvetica, Century Gothic;
	font-size:14px;
	font-style:italic;
	font-weight:bold;
	color:#008B8B;
}
.title20{
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	font-size:20px;
	font-style:italic;
	font-weight:bold;
	color:#008B8B;
}
.title16{
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	font-size:16px;
	font-style:italic;
	font-weight:bold;
	color:#008B8B;
}
.title014{
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	font-size:14px;
	font-style:italic;
	font-weight:bold;
	color:#008B8B;
}
.title1414{
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	font-size:14px;
	font-style:italic;
	font-weight:bold;
	color:#b3c800;
}
.titleblank{
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	font-size:14px;
	font-style:italic;
	font-weight:bold;
	color:#ffffff;
}
.txt{
	font-family:Century Gothic, Helvetica, Arial, sans-serif;
	font-size:12px;
	color:#666;
}
.txt-footer{
	font-family:Helvetica,Century,Century Gothic,  Arial, sans-serif;
	font-size:12px;
	color:#ccc;
	font-style:italic;
}
.juniores{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
}
.vermais{
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	font-style:italic;
	color:#FFD700;
}
.ccsilhas{
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	font-style:italic;
	color:#fff;
	width: 125px;
}
.txt a:link, .txt a:visited{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
	text-decoration:none;
}

.txt a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	color:#518fc0;
}

.txt_bold{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#a6bf00;
}

.txt_bold2{
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	font-style:italic;
	color:#518fc0;
}

.txt_bold2 a:link, .txt_bold2 a:visited{
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	font-style:italic;
	color:#518fc0;
	text-decoration:none;
}

.txt_bold2 a:hover{
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	font-style:italic;
	color:#b3c800;
	text-decoration:none;
}

.saber a:link, .saber a:visited{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:underline;
	color:#129ada;
	font-style:italic;
}

.saber a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:underline;
	color:#a6bf00;
	font-style:italic;
}
.temps{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#c5dc00;
	text-decoration:none;
}
.footer{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#CCC;
}

.footer2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#c5dc00;
	text-decoration:none;
}

.footer2 a:link, .footer2 a:visited{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#c5dc00;
	text-decoration:none;
}

.footer2 a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#fff;
	text-decoration:none;
}

.footer3 a:link, .footer3 a:visited{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#069;
	text-decoration:none;
}

.footer3 a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#9C0;
	text-decoration:none;
}

 .contactzone {
  margin-top: 0%;
  width: 450px;
  height: 450px;
  left: 0;
  float: left;
  margin-bottom: 0px;
 } 
 
 .contactzonefont{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
	text-decoration:none;
}

 .contactzonefont1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	text-decoration:none;
}
 .contfont{
   margin-top:-150px;
   margin-left:150px;
   width: 800px;
   height: 750px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
	text-decoration:none;
  background: url(../../icons/icons.gif) left 0% no-repeat;	
}

 .ago{
   margin-top:0px;
   margin-left:0px;
   width: 800px;
   height: 750px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
	text-decoration:none;
  background: url(../../icons/agua.gif) left 0% no-repeat;