/* 
    Document   : caseificiospinelli
    Created on : 29-jun-2012
    Author     : thomas
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

body{background-image: url('../img/body.jpg')}
.main_div{width: 940px;margin-left: auto; margin-right:auto; padding:50px; background-color: #ffffff; margin-top:50px}
.logo_div{float: left;}
.menu_div{float: right;}
.top_menu{ list-style: none outside none; margin-top: 4px; line-height: 1px;}
.top_menu li{ float: left; padding: 0px 0px 0px 15px}
.top_menu a{background: url('../img/menu.gif') repeat-x 0% -5px; padding-top: 50px; padding-right: 5px; padding-left: 5px; font-family: 'Ubuntu'; font-size: 13px; font-weight: 400; height: 75px; text-transform: uppercase; text-decoration: none; color: rgb(138,137,137)}
.top_menu a:hover{ color:#4f91ef }
.top_menu li.current-menu-item > a { background-position: 0% 0%; color: #013068; }
     
.blue{color:#013068}

h5{ margin: 0px; padding: 0px; letter-spacing: 0px; line-height: 24px; font-family: 'Ubuntu',sans-serif; font-size: 22px; font-weight: 700; text-shadow: 1px 1px 0px rgb(51, 56, 65); text-transform: uppercase; color: rgb(255, 255, 255); }

/* The Nivo Slider styles */
.nivoSlider { position:relative; margin-top:20px}
.nivoSlider img { position:absolute; top:0px; left:0px; }
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink { position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:60; display:none;
}
/* The slices in the Slider */
.nivo-slice { display:block; position:absolute; z-index:50; height:100%; }
.nivo-box { display:block; position:absolute; z-index:5; }
/* Caption styles */

.nivo-caption { background: url(../img/caption.png) no-repeat 0% 0%; width: 294px; height: 294px; overflow: hidden; text-align: center; color: #fff; position: absolute; top: 105px; right: 33px; z-index: 89; opacity: 0.8;}
.nivo-caption .nivo-caption-inner { margin: 0; padding: 20px 25px 30px 25px; } 
.nivo-caption a { display: inline !important; }
.nivo-html-caption { display:none; }
.nivo-directionNav a { position:absolute; top:45%; z-index:99; cursor:pointer; }
.nivo-prevNav { left:0px; }
.nivo-nextNav { right:0px; }
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav { position:absolute; width:950px; height:20px; left:0; bottom:-20px; text-align:center; }
.nivo-controlNav a { position:relative; z-index:99; cursor:pointer; display:inline-block !important;}
.nivo-controlNav a.active { font-weight:bold; }
.nivo-directionNav { background: url(../img/navi.png) no-repeat 0% 0%; width: 78px; height: 78px; overflow: hidden; position: absolute; top: 297px; right: 141px; z-index: 99; }
.nivo-directionNav a { display: block; width: 7px; height: 13px; text-indent: -9999px; position: absolute; top: 32px; }
a.nivo-nextNav { background: url(../img/next.png) no-repeat 0% 0%; right: 15px; }
a.nivo-prevNav { background: url(../img/prev.png) no-repeat 0% 0%; left: 16px; }
#slider .nivo-controlNav img { display:inline; position:relative; margin-right:10px; width:120px; height:auto; }

ul.extra { background: url(../img/extra.jpg) repeat 0% 0%; width: 100%; overflow: hidden; margin: 0 0 4px 0; padding: 0; }
ul.extra li { background: none; float: left; width: 250px; padding: 59px 30px 38px 30px; line-height: 21px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; text-align: center; color: #fff; }
ul.extra li.item-2 { width: 259px; }
ul.extra li a { background: none; padding: 0; text-decoration: none }		
ul.extra li strong { display: block; padding: 0 0 22px 0; letter-spacing: 0px; line-height: 1.2em; font-family: 'Ubuntu', sans-serif; font-size: 30px; font-weight: 400; text-transform: uppercase; }
ul.extra li strong a { color: #fff; }
ul.extra li h6 { padding: 0; font-family: Arial, Helvetica, sans-serif;font-weight: bold; color: #fff; }
ul.extra li .post_content { padding: 0 0 33px 0; }
ul.extra li a.link { background: url(../img/link.png) no-repeat 0% 0%; display: inline-block; width: 66px; height: 66px; overflow: hidden; vertical-align: top; letter-spacing: 0px; line-height: 64px; font-family: 'Ubuntu', sans-serif; font-size: 14px; font-weight: 700; text-align: center; text-transform: uppercase; text-decoration: none; color: #32343a; }
ul.extra li a.link:hover { color: #6094e8;}

h2 { line-height: 1.2em; letter-spacing: 0px; font-family: 'Ubuntu',sans-serif; font-size: 30px; font-weight: 400; text-transform: uppercase; color: rgb(53, 52, 52); }
h2 em { display: block; margin: 0px 0px -6px; font-style: normal; }
h2 em a{ font-family: 'Ubuntu',sans-serif; color: rgb(53, 52, 52); text-decoration: none }
h2 em a:hover{ color:#4f91ef }
h2 em a.active{ color:#013068}

p { font-family: 'Ubuntu',sans-serif;  margin: 0px; padding: 0px 0px 21px; line-height: 21px; font-size: 13px; font-weight: 400; color: rgb(134, 134, 134); }


ul.list li { background: url(../img/line-hor-1.gif) repeat-x 0% 0%;font-family: 'Ubuntu',sans-serif; width: 520px; overflow: hidden; margin: 0; padding: 24px 0 4px 0; vertical-align: top; line-height: 21px; font-size: 13px; font-weight: 300; color: #868686; }
ul.list li:first-child { padding: 0 0 4px 0; background: none; font-family: 'Ubuntu',sans-serif;}
ul.list li em {	background: url(../img/date.png) no-repeat 0% 0%; float: left; width: 51px; height: 66px; overflow: hidden; margin: 6px 17px 0 0; line-height: 50px; font-size: 36px; font-weight: 700; font-style: normal; text-align: center; color: #fff; }
ul.list li strong { display: block;  line-height: 21px; font-family: 'Ubuntu',sans-serif; font-size: 13px; font-weight: 300; color: #090909; }
ul.list li p{font-family: 'Ubuntu',sans-serif; padding-left: 67px  }

.case-history{font-family: 'Ubuntu',sans-serif;line-height: 21px; font-size: 13px; font-weight: 400; color: rgb(134, 134, 134); }
.case-history h4{font-family: 'Ubuntu',sans-serif; color:#013068; line-height: 21px; font-size: 15px; font-weight: 400; }
.case-history td{ padding:10px}

.list_type{font-family: 'Ubuntu',sans-serif; width: 320px; overflow: hidden; margin: 0; padding: 24px 0 4px 0; vertical-align: top; line-height: 21px; font-size: 13px; font-weight: 300; color: #868686; }

/* Forms
---------------------------------------- */

/* Form defaults */
input, select, textarea { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	vertical-align:middle;
	font-weight:normal;
	border:1px solid #dbdbdb;
	outline:none;
}
input[type="text"], textarea {
	background:#f3f3f3;
	border:1px solid #e5e5e5;
	padding:6px 0 6px 5px;
	}
input[type="submit"], input[type="reset"] {
	position:relative;
	display:inline-block;
	padding:0 19px;
	line-height:31px;
	color:#000;
	font-weight:bold;
	text-decoration:none;
	font-size:12px;
  background-color: #d1d1d1;
	border:none;
	height:31px;
	cursor:pointer;
	margin-right:4px;
	}
input[type="submit"]:hover, input[type="reset"]:hover {
	background-color: #6a6a6a;
	color:#fff;
	}
        
/* Footer
---------------------------------------- */

#footer {
	width: 1000px;
        margin-left: auto;
        margin-right: auto;
	min-height: 42px;
	z-index: 99;
}

#footer-text {
	float: left;
	padding: 12px 0 0 0;
	line-height: 18px;
	font-size: 10px;
	text-transform: uppercase;
	color: #000;
}

	#footer-text strong {
		display: inline-block;
		padding: 0 3px 0 0;
		vertical-align: top;
		letter-spacing: 0px;
		line-height: 1.2em;
		font-family: 'Ubuntu', sans-serif;
		font-size: 13px;
		font-weight: 700;
		color: #2e2e2e;
	}
	
		#footer-text strong a {
			color: #2e2e2e;
		}
		
			#footer-text strong a:hover {
				text-decoration: none;
				color: #6094e8;
			}