/*
Theme Name:		sidra
Theme URI:		http://www.sidra.it
Description:	SOCIETA' ITALIANA DRAGAGGI SPA
Version:		1.0
Author:			Claudia De Luca
Author URI:		http://www.snap.it/
*/
/* CSS Document */
/* ---------------------- RESET ----------------------------- */
body, h1, h2, ul, li, img, #header, p, hr{
margin:0px;
padding:0px;
border:0px;
}
/* ---------------------- MAIN ELEMENTS ----------------------------- */
body {
font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
font-size:11px;
background-image:url(../images/page_bkg.gif);
background-position:top center;
background-repeat:no-repeat;
}

#wrapper {
margin:0 auto;
padding:0px 20px 0px 20px;
border:1px solid #666666;
width: 957px;
background-color:#FFFFFF;
background-image:url(../images/onde.jpg);
background-position:left bottom;
background-repeat:no-repeat;
}

#header {
height:197px;
background-image:url(../images/header_bkg.gif);
background-position:left top;
background-repeat:no-repeat;
}
#flash {
margin:0px;
padding:0px;
}
#sxcol {
margin:0px;
padding:0px;
border:0px;
width:210px;
float:left;
}

#cxcol {
margin:0px;
padding:0px 15px 30px 15px;
border-left:1px solid #666666;
width:464px;
text-align:justify;
float:left;
}

#cxcol img { float:left; margin-right:20px; margin-bottom:10px;}

.italy {
background-image:url(../images/italy.gif);
background-position:right top;
background-repeat:no-repeat;
}

#doublecol {
margin:0px;
padding:0px 14px 0px 15px;
border-left:1px solid #666666;
width:715px;
text-align:justify;
float:left;
}

.imgcx{
margin:0px;
padding:0px;
border:0px;
width:495px;
float:left;
}

.imgdx{
text-align:right;
margin: 9px 0px 9px 15px;
float:right;
border: 1px solid #666666;
}

.imgsx{
text-align:left;
padding: 10px 15px 10px 0px;
float:left;
}

#dxcol {
margin:0px;
padding:0px;
border:0px;
width:250px;
float:left;
}

.info{
padding:10px 10px 0px 10px;
text-align:justify;
}

#video {
margin:0px;
padding:0px;
border:0px;
width:250px;
float:left;
}

#footer {
margin:0px 0px 0px 0px;
padding:20px 10px 0px 10px;
border:0px;
height:117px;
background-image:url(../images/footer.gif);
background-position:left top;
background-repeat:no-repeat;
color:#FFFFFF;
}

.recapiti {
width:700px;
float:left;
}
.credits {
float:left;
}
.snap {
margin-top:80px;
}

#cxcol ul{
padding-left:20px;
}


#dxcol ul, #dxcol li {
list-style:none;
list-style-type:none;
}

/* ---------------------- HOMEPAGE  ----------------------------- */

#container {
margin:0px;
padding:0px;
border:0px;
width:745px;
float:left;
}
/* ---------------------- TYPOGRAPHY  ----------------------------- */
h1 {
font-family:Arial, sans-serif, Verdana;
color: #003579;
font-size:18px;
font-weight:bold;
margin:5px 0px 20px 0px;
}

h2 {
font-family:Arial, sans-serif, Verdana;
color:#459400;
font-size:14px;
font-weight:bold;
margin:0px 0px 10px 0px;
}

h2 a:link, h2 a:visited {
color:#459400;
text-decoration:none;
}

h2 a:hover, h2 a:active {
color:#459400;
text-decoration:underline;
}

h3 {
font-family:Arial, sans-serif, Verdana;
color:#459400;
font-size:11px;
font-weight:bold;
margin:20px 0px 10px 0px;
}

#news {
margin:0px;
padding:0px;
border:0px;
}
.clear {
clear:both;
}
 
a:link, a:visited{
color: #003579;
font-weight:bold;
text-decoration:underline;
}

a:hover, a:active{
color: #003579;
font-weight:bold;
text-decoration:none;
}
 
.abstract {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color:#333333;
margin:0px 0px 10px 0px;
}

hr {
	border-top:1px solid #999;
	border-bottom:1px solid #BEBEBE;
	}

.disabled {
color:#999999;
}
/* ---------------------- menu header  ----------------------------- */
#menuwrap{
margin:0px;
padding:5px 0px 0px 10px;
height:25px;
color:#FFFFFF;
font-weight:bold;
}

#menuwrap li {
display:block;
float:left;
padding: 0px 10px 0px 10px;
list-style:none;
}

#menuwrap a:link, #menuwrap a:visited, .recapiti a:link, .recapiti a:visited {
color: #ffffff;
font-weight:bold;
text-decoration:none;
}

#menuwrap a:hover, #menuwrap a:active, .recapiti a:hover, .recapiti a:active {
color: #ffffff;
font-weight:bold;
text-decoration:underline;
}

.contactbutton {
margin-left: 350px;
}

#wrapp {
	width:935px;
margin:0px;
padding:0px 0px 0px 20px;
height:26px;
background-color:#274b7f;
color:#FFFFFF;
}
/* ---------------------- menu sinistra  ----------------------------- */
.etik_blu{
width:190px;
line-height:30px;
background-color:#274B7F;
display:block;
color:#FFFFFF;
font-size:12px;
font-weight:bold;
padding-left:20px;
}

.etik_cyan{
width:190px;
line-height:30px;
background-color:#40a4a2;
display:block;
color:#FFFFFF;
font-size:12px;
font-weight:bold;
padding-left:20px;
}

#menu_left{
font-weight:bold;
margin-top:200px;
}

#sxcol li{
width:180px;
margin-left:0px;
padding-left:30px;
list-style:none;
background-image:url(../images/line.gif);
background-position:left bottom;
background-repeat:repeat-x;
}

#sxcol li a:link, #sxcol li a:visited {
text-decoration:none;
color:#000000;
}

#sxcol li a:hover, #sxcol li a:active {
text-decoration:none;
color: #003579;
}

.area {
width:200px;
line-height:24px;
font-size:12px;
margin-left:0px;
padding-left:10px;
border-top: 2px solid #ffffff;
list-style-image:url(../images/dot.png);
background-color:#93A5BF;
color:#FFFFFF;
font-weight:bold;
display:block;
}

.area a:link, .area a:visited {
color: #ffffff;
text-decoration:none;
}

.area a:hover, .area a:active{
color: #003579;
text-decoration:none;
}

.invisible {
display:none;
}

.proj {
width:200px;
line-height:24px;
font-size:12px;
margin-left:0px;
padding-left:10px;
border-top: 2px solid #ffffff;
list-style-image:url(../images/dot.png);
background-color:#9FD2D0;
color:#FFFFFF;
font-weight:bold;
display:block;
}

/* ---------------------- menu destra  ----------------------------- */

.etik_green{
width:230px;
line-height:30px;
background-color:#63B11F;
display:block;
color:#FFFFFF;
font-size:12px;
font-weight:bold;
padding-left:20px;
}


/* ---------------------- FLOTTA & NEWS ----------------------------- */
.flottabox {
margin:0px 1px 5px 1px;
padding:5px;
border:1px solid #999999;
width:140px;
float:left;
}

table {
margin:0px;
padding:3px;
width:460px;
/*border: 1px solid #ff0000;
border-collapse: collapse;*/
border-spacing: 0px;
float:left;
}

/*
th {
	border-width: 1px;
	padding: 3px;
	border-style: solid;
	border-color: #999999;
	background-color: white;
	}*/

td {
	border-width: 1px;
	padding: 5px;
	border-style: solid;
	border-color: #e1dfdc;
	background-color: white;
	text-align:left;
	}

.img_flotta {
margin:75px 0px 10px 0px;
padding:0px;
}

.newstxt {
width:464px;
float:left;
}


/* -------------------------------- FORM CONTATTI  -------------------------------------*/

.textfield{
width:460px;
height:120px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}


.label {
margin-bottom:10px;
padding:0px;
border:0px;
font-weight:bold;
width:140px;
display:block;
float:left;
}

.input {
margin:0px;
padding:0px;
width:220px;
height:18px;
display:block;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
float:left;
}

.invia {
margin-left:0px;
margin-left:220px;
}

.alert {
font-size:14px;
font-weight:bold;
color:#DB121C;
}

/* -------------------------------- PHOTOGALLERY PROGETTI ---------------------------------- */
.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
left: -1000px;
border: 7px solid #E4DCC6;
visibility: hidden;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: -491px; /*position where enlarged image should offset horizontally */

}

/* -------------------------------- PROGETTI ---------------------------------- */

.projectbox { margin:0px 1px 5px 1px;
padding:5px;
border:1px solid #999999;
width:215px;
height:150px;
float:left;
}

.projectbox h3 { margin:2px;}

.projectbox li { color:#999;
list-style:url(../images/dot.png);
line-height:15px;
height:15px;
vertical-align:top;}