/*
 *  index.css
 *
 *  This is your external CSS style sheet. It defines all of the CSS styles that you
 *  are using in your page.  If you are going to create multiple pages from the same
 *  PSD file (like a template), you will share this CSS style sheet between the various
 *  pages.
 *
 *  This file was originally generated at http://psd2cssonline.com 
 *  December 15, 2008, 9:37 pm with psd2css Online version 1.27
 *
 */
* {margin:0;padding:0;}

body{
  /* This is the background image to the entire page that you
   * get because of the layer '' that you created.
   * If you would like this layer to stay static relative to the
   * browser window (you don't want it to scroll with your content)
   * just add the word 'fixed' to the line below (before the ;). */
  background: #000 url(img/bg.png);
  font-family: "Trebuchet MS", Verdana, Arial; font-size:10px; color:#fff;
  
}
h1 {font: normal bold 14px Arial;text-align:left;}
h1 a {text-decoration: none;}
h1 a:hover {text-decoration: underline;}

h2 {font: normal 11px Arial; text-align:left; color:#fff;}
h3 {font: bold 11px Arial;}
h4 {font: normal 11px Arial; text-align:left; color:#888;}

/* You named this layer b_center_empty */
#wrap {
  position: absolute;
  margin-left: -438.5px;
  margin-top: -294px;
  left: 50%;
  top: 50%;
  width: 877px;
  height: 588px;
  z-index: 2;
}

/* You named this layer bg */
#background {
  position: absolute;
  left: 13px;
  top: 8px;
  width: 857px;
  height: 551px;
  z-index: 3;
  background:url(img/background.png);

}

/* You named this layer Layer 1 */
#logo_bg {
	position: absolute;
	top: 400px;
	width: 260px;
	height: 10px;
	z-index: 100;
	left: 350;
}

#logo {
 
  padding:10px;
  z-index: 101;
  background:  #000;
}


/* You named this layer right_bg */
#right_bg {
  position: absolute;
  left: 521px;
  top: 23px;
  width: 312px;
  height: 504px;
  z-index: 8;
   background: #000 url(img/right_bg.png);
}
#topcontent {
		width:498px;
		height: 250px;
	
		
	}
	
.subcontent{
	font-size:10px; 
	color:#000; 
	font-weight:none; 
	margin:15px; 
	padding:15px 50px 15px 15px; 

	}
#text_container_a {

padding:5px 20px 20px 20px;
line-height:15px;
border-top: 0px solid #BE0101;


}/* google_map_box */
#text_container_b {
 position: absolute;
  left: 20px;
  top: 275px;
  width: 275px;
  height: 200px;
 border: 1px solid #BE0101;


} #text_container_c /* column text box */{

padding:25px 0px 20px 320px;
line-height:16px;
border-top: 0px solid #BE0101;
}
	
#text_container_video /* column text box */{

 position: absolute;
  left: 35px;
  top: 80px;
  width: 425;
  height: 344px;
 border: 2px solid #BE0101;
 
 
}
 #text_container_d /* tornei */{

padding:35px 35px 20px 40px;
line-height:14px;
border-top: 0px solid #BE0101;
}
		 
/* You named this layer slider1 */
#slide_1 {
  
  position: absolute;
  left: 23px;
  top: 23px;
  width: 498px;
  height: 504px;
  z-index: 23;
   background: #000 url(img/bg_home.png);
}
/* You named this layer slider2_empty */
#slide_2 {
 background: #000;
  position: absolute;
  left: 23px;
  top: 23px;
  width: 498px;
  height: 504px;
  z-index: 19;
}

/* You named this layer slide3_empty */
#slide_3 {
 background: #000;
  position: absolute;
  left: 23px;
  top: 23px;
  width: 498px;
  height: 504px;
  z-index: 17;
}

/* You named this layer slider4_empty */
#slide_4 {
 background: #000;
  position: absolute;
  left: 23px;
  top: 23px;
  width: 498px;
  height: 504px;
  z-index: 15;
}/* You named this layer slider5_empty */
#slide_5 {
 background: #000 url(img/bg_tornei.png);
  position: absolute;
  left: 23px;
  top: 23px;
  width: 498px;
  height: 504px;
  z-index: 13;
}
/* You named this layer slider6 */
#slide_6 {
 background: #000 url(img/bg_contatti.png);
  position: absolute;
  left: 23px;
  top: 23px;
  width: 498px;
  height: 504px;
  z-index: 12;
}
/* You named this layer slider7 */
#slide_7 {
 background: #000 url(img/bg_video.png);
  position: absolute;
  left: 23px;
  top: 23px;
  width: 498px;
  height: 504px;
  z-index: 11;

	
}

/* You named this layer menu */
#menu {
  position: absolute;
  left: 62px;
  top: 200px;
  width: 178px;
  height: 288px;
  z-index: 9;
}

/* You named this layer slides container_empty */
#Layer-empty {
  position: absolute;
  left: 23px;
  top: 23px;
  width: 498px;
  height: 504px;
  overflow: hidden;
  z-index: 10;
}


/* You named this layer ita_link */
#Layer-4 {
  position: absolute;
  left: 710px;
  top: 543px;
  width: 130px;
  height: 50px;
  z-index: 4;
}/* You named this layer ita_linkover */
#Layer-6 {
  position: absolute;
  left: 710px;
  top: 543px;
 width: 130px;
  height: 50px;
  z-index: 6;
}

/* You named this layer eng_link */
#Layer-5 {
   position: absolute;
  left: 570px;
  top: 543px;
 width: 130px;
  height: 50px;
  z-index: 6;
}/* You named this layer eng_linkover */
#Layer-7 {
  position: absolute;
  left: 570px;
  top: 543px;
 width: 130px;
  height: 50px;
  z-index: 6;
}



#footer {
  position: absolute;
  left: 50px;
  top: 570px;
  width: 350px;
  height: 28px;
  z-index: 4;}









/* You named this layer img_jpg */
#Layer-14 {
  position: absolute;
  left: 98px;
  top: 121px;
  width: 386px;
  height: 347px;
  z-index: 14;
}



/* You named this layer img_jpg */
#Layer-16 {
  position: absolute;
  left: 30px;
  top: 21px;
  width: 336px;
  height: 345px;
  z-index: 16;
}



/* You named this layer img_jpg */
#Layer-18 {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 498px;
  height: 104px;
  z-index: 18;
}



/* You named this layer put whatever you want in each */
#Layer-20 {
  position: absolute;
  left: 70px;
  top: 79px;
  width: 341px;
  height: 300px;
  z-index: 20;
}

/* You named this layer example_link */
#Layer-21 {
  position: absolute;
  left: 142px;
  top: 113px;
  width: 179px;
  height: 37px;
  z-index: 21;
}

/* You named this layer example_linkover */
#Layer-22 {
  position: absolute;
  left: 142px;
  top: 113px;
  width: 179px;
  height: 37px;
  z-index: 22;
}





/* You named this layer logo */
#Layer-25 {
	position: absolute;
	left: 10px;
	top: 335px;
	width: 48px;
	height: 26px;
	z-index: 25;
}

#slider {
  position: absolute;
}

/* Here are some examples of how you might want to change the
 * look and behavior of the links on your page.  Some examples for
 * further customization are included in comments.  */
a { cursor: pointer; }
a:link { color: #fff; }
a:visited { color: #fff; }
a:hover {
  color: #ede;}
  /* text-decoration: underline; */
  /* font-weight: bold; */
 p {font-family: "Trebuchet MS", Verdana, Arial; font-size:11px; color:#fff; text-align:justify}
 p_con {font-family: "Trebuchet MS", Verdana, Arial; font-size:12px; color:#fff; text-align:justify}


#navcontainer { 
 
  font-size: 12px;
  margin-top:20px;  
}

#navcontainer ul
{
  margin-left: 0;
  padding-left: 0;
  list-style-type: none;
  font-family: "Trebuchet MS", Verdana, Arial;
  text-align:left;
   
 
}

#navlist
{
  padding-left: 0;
  margin-left: 0;
 

  width: 174px;
}

#navlist li
{
  margin: 0;

 


}

#navcontainer a
{
  display: block;
  padding: 6px 0 6px 12px;
 
 border-bottom: 1px dotted #efefef;
}

#navcontainer a:link, #navlist a:visited
{
  color: #fff;
  text-decoration: none;

}

/* #navcontainer a:hover */
#navlist a:hover
{
  background-color: #7D7D81;
  color: #fff;

}