/*----classi CONTENITORI STRUTTURA----*/

body {
	width: 100%;
	position: relative;
	background-color: #ff0000;
	color: #aaa;
	top: 0;
	margin: 0 auto;
	border: 0;
	visibility: visible;
	overflow: auto;
	background: url(../images/bgr_body_bottom.jpg);
	background-repeat: no-repeat;
	font-size: 0.7em;

}

body,td,th {
	color: #000;
}

.style1, .container {
	width: 99%;
	position: relative;
	margin: 0 0 0 1%;
	padding: 0;
	border: 0;
	float:left;
	clear:right;

}

.middle {

	position: relative;
	margin: 0;
	padding: 0;
	border: 0;
	float:left;
	clear:both;
}


.extracontainer {
	position: relative;
	margin: 0 auto;
	width: 100%;
	min-height: 870px;
	visibility: visible;
	overflow: visible;
	background: url(../images/bgr_body_bottom.jpg);
	background-repeat: no-repeat;

}
/*---
	visibility: visible;
	overflow: hidden;
	background: url(../images/sfondo_squame.gif) scroll 88% 80px;
	background-repeat: no-repeat;
}
----*/
.extracontainerint {
	width: 100%;
	min-height: 870px;
	visibility: visible;
	overflow: hidden;
	background: url(../images/sfondo_squame.gif);
	background-repeat: no-repeat;
	z-index: 1;
	bottom: 0;
	right: 0;
}


table{
	position: relative;
	padding: 0;
	margin: 0;
	clear: both;
	font-size: 1em;
	width: 98%;
}

tbody.centrato tr td{
	text-align: center;
	width: 11%;
	vertical-align: top;
}

.riga{
	width: 100%;
	display: block;
	margin: 1em;
	padding: 5px;
	font-weight: bold;
	background-image: url(../images/bgr_spec_tecn.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	color: #65e125;
	text-align: left;
	font-size: 1.1em;
}

.top{
	width: 1000px;
	float: left;
	clear: both;
	display: block;
	min-height: 104px;
	z-index:89;
}

.footer{
	width: 1000px;
	float: left;
	clear: both;
	display: block;

}


.bottom{
	width: 100%;
	float: left;
	clear: both;
	display: block;
	text-align:right;
}

.menu{
	width: 274px;
	padding: 30px 0 0 0;
	margin: 0;
	float: left;
	clear: left;
}

.txt{
	width: 700px;
	margin: 0 0 0 10px;
	padding: 0;
	float: left;
	clear: right;
}

.sfo_youtube{
	width: 425px;
	height: 527px;
	float: left;
	text-align: center;
	display: block;
	margin: 0 auto;
	padding: 0;
	background-image: url(../images/tit_reptile_videos.gif);

	background-position: top;
	background-repeat: no-repeat;

}

.video{
	width: 425px;
	height: 367px;
	text-align: center;
	display: block;
	margin: 100px auto 0 auto;
	padding: 0;
	background-image: url(../images/sfondi_txt/sfondo_youtube.gif);
	background-position: top;
	background-repeat: no-repeat;
	padding-top: 41px;

}


.txtnews{
	width: 1012px;

	display: block;
	margin: 0 auto;
}

.news{
	width: 254px;
	float: right;
	clear: right;
	background-image: url(../images/tit_news.gif);
	background-position: top;
	background-repeat: no-repeat;
	padding-top: 63px;
}

.blocchettonews{
	width: 252px;
	height: 64px;
	background-color: #f2f4eb;
	color: #646d7b;
	clear: both;
	margin: 0 0 2px 0;
	border: 1px solid #000 ;
}


.newsint{
	width: 80%;
	display: block;
	margin: 0 auto;
	overflow:visible;
}

.imgnews{
	width: 74px;
	height: 58px;
	float: left;
}

.imgnews img{
	width: 66px;
	height: 50px;
	padding: 3px;
}

.estrattonews{
	width: 168px;
	height: 58px;
	padding: 7px 5px;
	float: right;
	clear: right;
	line-height: 1.2em;
	font-size: 1.2em;
}

.image_gallery{
	width: 100%;
	padding: 0;
	margin: 0;
	float: left;
	clear: both;

}  

.thumbs{
	width: 650px;
	padding: 0;
	margin: 0;


}  


.thumbs img{

	padding: 10px;
	margin: 0;


} 

/*----classi template TXT e DESCRIZIONE----*/

.descrizione
{
	width: 98%;
	float: left;
	clear: both;
	padding: 1em 0 1.5em 2% ;
	margin: 3em 0 0 0;
}


.descrizionetxt p 
{
	float: left;
	clear: both;
	padding: 1em;
	margin: 30px 0 0 0;
	background-color:#FFFFFF;
	color:#000000;
}

.immaginedescrizione
{
	clear: both;
	text-align: center;
	padding: 1em;
}


/*----classi template TXT e DESCRIZIONE----*/


 p.button a,  p.button a:link,  p.button a:active,  p.button a:visited 
{	
	position: relative;
	width: 333px;
	height: 80px;
	background-image: url(../images/butt_sfo_n.gif);
	background-repeat: none;
}

 p.button a:hover 
{
	position: relative;
	width: 333px;
	height: 80px;
	background-image: url(../images/butt_sfo_l.gif);
	background-repeat: none;
}

/*----classi template BRICIOLE DI PANE----*/



.briciole
{
	width: 100%;
	height: 80px;
	float: left;
	clear: both;
	padding: 0;
	margin: 0;
}

.briciole p
{
	padding: 5px 0 0 10px;
	margin: 0;	
	line-height: 80px;
}

.briciole p a, .briciole p a:link, .briciole p a:visited, .briciole p a:active 
{
	position: relative;

	font-size: 1.2em;
	font-weight: bold;
	color: #000;

}

.briciole p a:hover 
{
	position: relative;

	font-size: 1.2em;
	font-weight: bold;
	color: #66e226;
}

/*----classi sfondi briciole----*/


.briciolenews{
	position:relative;
	padding: 0;
	margin: 0;
	clear:both;
	background-image: url(../images/sfondi_txt/sfo_news.gif);
	background-position: top left;
	background-repeat: no-repeat;
	height: 80px;
	z-index:90;
}

.reptileis{
	padding: 0;
	margin: 0;
	background-image: url(../images/sfondi_txt/sfo_reptileis.gif);
	background-position: top left;
	background-repeat: no-repeat;
	height: 80px;
}

.construction{
	padding: 0;
	margin: 0;
	background-image: url(../images/sfondi_txt/sfo_construction.gif);
	background-position: top left;
	background-repeat: no-repeat;
	height: 80px;
}

.SDMmasts{
	padding: 0;
	margin: 0;
	background-image: url(../images/sfondi_txt/sfo_SDMmasts.gif);
	background-position: top left;
	background-repeat: no-repeat;
	height: 80px;
}

.RDMmasts{
	padding: 0;
	margin: 0;
	background-image: url(../images/sfondi_txt/sfo_RDMmasts.gif);
	background-position: top left;
	background-repeat: no-repeat;
	height: 80px;
}

.accessories{
	padding: 0;
	margin: 0;
	background-image: url(../images/sfondi_txt/sfo_accessories.gif);
	background-position: top left;
	background-repeat: no-repeat;
	height: 80px;
}

.teamriders{
	padding: 0;
	margin: 0;
	background-image: url(../images/sfondi_txt/sfo_teamriders.gif);
	background-position: top left;
	background-repeat: no-repeat;
	height: 80px;
}

.distributors{
	padding: 0;
	margin: 0;
	background-image: url(../images/sfondi_txt/sfo_distributors.gif);
	background-position: top left;
	background-repeat: no-repeat;
	height: 80px;
}

.gallery{
	padding: 0;
	margin: 0;
	background-image: url(../images/sfondi_txt/sfo_teamriders.gif);
	background-position: top left;
	background-repeat: no-repeat;
	height: 80px;
}



/*----classi GENERALI----*/

p, span, div{
	position: relative;
	padding: 0;
	margin: 0;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;

	font-weight: normal;

}

select {

	color: #000;
	text-decoration: none;
}

input {

	color: #000;
	text-decoration: none;
	border: 1px outset;
}

a, a:link, a:active, a:visited {
	position: relative;
	padding: 0;
	margin: 0;
	text-decoration: none;
	color: #000;
	font: normal;
}

a:hover {
	position: relative;
	padding: 0;
	margin: 0;	
	text-decoration: none;
	color: #66e226;
	font: normal;
}

img {
    border:0px;
}
     
input {  
	font-size: 0.8em;
}

ul{
	position: relative;
	padding: 0;
	margin: 0;
	clear: both;
	overflow: visible;
}

ul li{
	position: relative;
	padding: 0;
	margin:  0 0 0 1.5em;
	list-style-type: none;
	list-style-position: inside;
	list-style-image: url(../images/arrow.gif);
	display: list-item;
	clear: left;
	overflow: visible;

}

ul.inlinea {
	text-align: center;
}	

ul.inlinea li {
	display: inline;
	width: 33%;
}


/*----classi livelli del TOP----*/

.logo{
	float: left;
	width: 274px;	
}


.header_int{
	float: left;
	width: 98%;
	line-height: 34px;
	text-align: right;	

	margin: 3.8% 0;
}

.menuhp{
	width: 700px;
	margin: 4.5% auto;
	padding: 5px;
	float: right;
	clear: right;
	text-align: center;
}


.menufooter{
	width: 99%;
	margin: 3% auto auto auto;
	padding: 0.5%;
	text-align: center;
	vertical-align: middle;
	float: left;
	clear: both;
	margin-top: 1px dashed #66e226;
	margin-bottom: 1px dashed #66e226;

}

/*----classi bottoni MENU LEFT----*/

.titolo	{
	border: 1px solid #fff;
	clear: both;
	background: url(../images/butt_sfo_n.jpg) no-repeat 0 0;
}


/*----classi TENDINE ED EFFETTO PRESS BOTTONI MENU----*/


.titoloselezionato	{
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	border-bottom: 1px solid trasparent;
	border-left: 1px solid #fff;
	clear: both;
	background: url(../images/butt_sfo_l.jpg) no-repeat 0 0;
}

.sottotitolo{
	width: 93%;
	margin: 0 0 2% 2%;
	clear: both;
	background-color: #a2a6ad;
	display: block;
	visibility: visible;
	color: #fff;
	padding: 0 1% 0 2%;
}

.sottotitolo ul{
	clear: both;
	visibility: visible;
	padding: 0 1% 4% 1%;	
}

.sottotitolo ul li{
	padding: 0 1%;
	margin: 0;
	list-style-type: none;
	list-style-position: inside;
	list-style-image: url(../images/arrow.gif);
	display: list-item;
	clear: left;
	visibility: visible;
}


.sottotitolo ul li a, .sottotitolo ul li a:link, .sottotitolo ul li a:active, .sottotitolo ul li  a:visited {
	position: relative;
	padding: 0;
	margin: 0 auto;
	color: #fff;
	font-weight: normal;

}

.sottotitolo ul li a:hover {
	position: relative;
	padding: 0;
	margin: 0 auto;	
	color: #fff;
	font-weight: bold ;

}


/*----classi bottoni menu----*/


.butt_reptile_is{
	clear: both;
	background: url(../images/butt_reptile_is.gif) no-repeat 0 0;
	width: 274px;
	height: 64px;

}

.butt_construction{
	clear: both;
	background: url(../images/butt_construction.gif) no-repeat 0 0;
	width: 274px;
	height: 64px;
}

.butt_RDM_masts{
	clear: both;
	background: url(../images/butt_RDM_masts.gif) no-repeat 0 0;
	width: 274px;
	height: 64px;
}

.butt_SDM_masts{
	clear: both;
	background: url(../images/butt_SDM_masts.gif) no-repeat 0 0;
	width: 274px;
	height: 64px;
}

.butt_team_riders{
	clear: both;
	background: url(../images/butt_team_riders.gif) no-repeat 0 0;
	width: 274px;
	height: 64px;
}

.butt_accessories{
	clear: both;
	background: url(../images/butt_accessories.gif) no-repeat 0 0;
	width: 274px;
	height: 64px;
}



.distributorsmenu{
	width: 40%;
	float: left;
	clear: left;
}


.dettagliodistributors{
	width: 60%;
	float: right;
	clear: right;
}



/*----classi template TEAMRIDERS----*/




.immagineatleta
{
	width: 99%;	
	clear: both;
	display: block;
	padding: 1em;

}

.immagineatleta img
{
	border: 1px solid #65e125;

}


.descrizioneatleta
{
	width: 58%;
	float: left;
	clear: left;
	padding: 1em 0 1.5em 2% ;
	margin: 3em 0 0 0;
}

.altroatleta
{
	width: 38%;
	float: right;
	clear: right;
	padding: 1em 0 1.5em 2% ;
	margin: 3em 0 0 0;
}


span.label {
	font-size: 1.1em;
	color: #66e226;
	font: bold;
}

.separa{
	float:left;
	width:100%;
	height:1px;
	position:relative;
	padding:0;
	margin:0;
	clear:both;
	display:block;
}