/* 
PIETRO FRATUS
Copyright 2011 Helter snc

-------------> INDEX <-------------

» 1. LAYOUT «

1.0. Selettori generici

*/

/* 1.0 » SELETTORI GENERICI */

* {padding: 0; margin: 0;}

body {color: #444; position: absolute; top:0; left:0; right:0; min-height: 100%;background: #e3e6eb url(../images/bg.jpg) no-repeat center top;font: 13px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;}


@font-face {
src: url('CaviarDreams-webfont.eot');
src: url('CaviarDreams-webfont.eot?#iefix') format('embedded-opentype'),
url('CaviarDreams-webfont.woff') format('woff'),
url('CaviarDreams-webfont.ttf') format('truetype'),
url('CaviarDreams-webfont.svg#CaviarDreamsRegular') format('svg');
font-style: normal;
font-family: 'CaviarDreamsRegular';
font-variant: normal;
line-height: 16px;
}
   
h1 {font: 100 25px "CaviarDreamsRegular", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;color: #00b0d8; text-align: left;}

.h1_decor {width: 200px; height: 1px;background: url(../images/h1_decor.jpg) no-repeat; margin-bottom: 10px;}

h2 {font: 100 25px "CaviarDreamsRegular", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;color: #00b0d8; margin-top: 20px; text-align: left; margin-bottom: 5px;}

h4 {color: #fff; background-color: #00b0d8; padding: 10px;line-height: 18px;margin-bottom: 8px;}

h5 {color: #00b0d8;
	font-weight: bold;
	font-size: 20px;
}

p {font-size: 11px;color: #787878;line-height: 18px;}

a {color: #787878; text-decoration: none;}

a:hover {color:#00b0d8; text-decoration: none;}

.break {clear:both;}

header_content {width: 990px; height: 320px; background-color: #fff;}

#header_contenitore {width: 990px; height: 300px; background-color: #fff; margin-left: auto; margin-right: auto;}

#headerimg_01 {width: 990px; height: 300px;left: 50%;margin-left: -495px;margin-right: auto;position: absolute; background: url(../images/header_team.jpg) no-repeat;}

#headerimg_02 {width: 990px; height: 300px;left: 50%;margin-left: -495px;margin-right: auto;position: absolute; background: url(../images/header_contatti.jpg) no-repeat;}

#headerimg_03 {width: 990px; height: 300px;left: 50%;margin-left: -495px;margin-right: auto;position: absolute; background: url(../images/header_trattamenti.jpg) no-repeat;}

#headerimg_04 {width: 990px; height: 300px;left: 50%;margin-left: -495px;margin-right: auto;position: absolute; background: url(../images/header_studio.jpg) no-repeat;}

#header {height:530px; background: url(../images/bg_header.png) repeat-x; width: 990px; margin-left: auto; margin-right: auto;}

#header_generic {background:url(../images/bg_header.png) repeat-x;height: 300px;position: absolute;width: 990px;z-index: 5000; left: 50%; margin-left: -495px; margin-right: auto;}

.headerimg {background-position: center top; background-repeat: no-repeat; width:990px; height:530px; position:absolute; }

#chiusura_generic { color:#575757; width: 990px; height: 10px;background: url(../images/bg_content.png) repeat-x 0 top;margin-top:170px;}

#page_content {width: 990px; height: 100%;background-color: #fff; margin-left: auto; margin-right: auto; border-top: 2px solid #00b0d8; clear: both;}

#page_content:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}

#content_generic {padding: 15px 50px 20px 20px; width: 620px; float: left; height: 100%;background: url(../images/divisorio_sidebar.jpg) repeat-y right; }

#content_sidebar {padding: 10px; width: 280px; float: right; height: 100%; min-height: 100%;}

#content_sidebar:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}

#wrapper {width: 1050px;  margin-left: auto; margin-right: auto;  height: 100%; z-index: 1; position: relative;background: url(../images/bg_wrapper.png) repeat-y;}

#wrapper:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}

/* NAVIGATION */

#nav-outer {height:120px; position:relative; background-image:url("../images/headerbg.png");}

#navigation {height:100px; width:100%; margin:0 auto; background-position:top left; background-repeat:no-repeat; }

#header_content {width: 990px; height: 120px; margin-left: auto; margin-right: auto; padding-top: 30px;}

#logo {width: 380px; height: 68px; margin-left: 25px;
background: url(../images/logo.png) no-repeat; float: left;}

#menu {width: 500px; height: 25px; padding-top:53px;float: right; text-align: right;font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;font-weight: 300; margin-right: 25px; padding-left: 60px;}

#menu li {display: inline;text-transform: uppercase;font-size: 15px;white-space: pre;color: #444;} 

#menu li a{text-decoration: none; color: #444;} 

#menu li a:hover{text-decoration: none; color: #00B0D8;} 

#menu li span{text-decoration: none; color: #00B0D8;}

#page_bottom {width: 1050px; height: 82px;margin-left: auto; margin-right: auto; background: transparent url(../images/footer.png) no-repeat; clear: both;}

#page_bottom p {width: 990px; padding-top: 10px; color: #fff; text-align: right;}

#page_bottom a {color: #fff;}

#page_bottom a:hover {color: #eaeaea;}

a img {border: 1px solid #BBB;padding: 2px;margin: 10px 20px 10px 0;vertical-align: top;}

a img.last {margin-right: 0;}

table {border: 1px dotted #fff; color: #fff; text-align: center; margin-top: 30px;}

table td {width: 200px;}

.td_orari {color: #444; background-color: #f5ebdf;}

.margin_top{margin-top: 15px;}

#lista_servizi p {margin-bottom: 15px;}

#lista_servizi h4 {padding: 5px;background-color: #00B0D8;}

#map {width: 260px; height: 300px;}

#content_slidedeck {padding: 5px 0 15px 0; width: 950px; height: 320px; margin-top: 20px; margin-left: auto; margin-right: auto; margin-bottom: 20px;background: url(../images/sfondo_slidedeck.jpg) no-repeat left bottom;} 

#content_slidedeck li, ul {list-style-type: none;} 
            
.skin-slidedeck {position: relative;padding: 8px 5px 24px; }

.skin-slidedeck dl.slidedeck {position: relative;width: 100%;height: 100%;margin: 0;padding: 0;}

.border {width: 940px;border-bottom: 1px solid #00B0D8; height: 1px; margin-top: 15px;}

.prodotti_testo {width: 500px; float: left; padding: 30px 20px 10px 20px;}

.prodotti_foto {width: 360px; float: right;margin: 30px 20px 10px 20px; height: 235px;}

a.conservativa {width: 99px; height: 26px;display: block;background: url(../images/nav_conservativa.png) 0 0px; margin-left: 5px; float: left;}

a.conservativa:hover {width: 99px; height: 26px; background-position: 0 -26px; margin-left: 5px; float: left;}

a.conservativa:focus {width: 99px; height: 26px; background-position: 0 -26px; margin-left: 5px; float: left;}

a.estetica {width: 152px; height: 26px;display: block;background: url(../images/nav_estetica.png) 0 0px; margin-left: 5px; float: left;}

a.estetica:hover {width: 152px; height: 26px; background-position: 0 -26px; margin-left: 5px; float: left;}

a.estetica:focus {width: 152px; height: 26px; background-position: 0 -26px; margin-left: 5px; float: left;}

a.gnatologia {width: 176px; height: 26px;display: block;background: url(../images/nav_gnatologia.png) 0 0px; margin-left: 5px; float: left;}

a.gnatologia:hover {width: 176px; height: 26px; background-position: 0 -26px;margin-left: 5px; float: left;}

a.gnatologia:focus {width: 176px; height: 26px; background-position: 0 -26px;margin-left: 5px; float: left;}

a.igiene {width: 126px; height: 26px;display: block;background: url(../images/nav_igiene.png) 0 0px; margin-left: 8px; float: left;}

a.igiene:hover {width: 126px; height: 26px; background-position: 0 -26px; margin-left: 8px; float: left;}

a.igiene:focus {width: 126px; height: 26px; background-position: 0 -26px; margin-left: 8px; float: left;}

a.implantologia {width: 105px; height: 26px;display: block;background: url(../images/nav_implantologia.png) 0 0px; margin-left: 5px; float: left;}

a.implantologia:hover {width: 105px; height: 26px; background-position: 0 -26px; margin-left: 5px; float: left;}

a.implantologia:focus {width: 105px; height: 26px; background-position: 0 -26px; margin-left: 5px; float: left;}

a.ortodonzia {width: 88px; height: 26px;display: block;background: url(../images/nav_ortodonzia.png) 0 0px; margin-left: 5px; float: left;}

a.ortodonzia:hover {width: 88px; height: 26px; background-position: 0 -26px; margin-left: 5px; float: left;}

a.ortodonzia:focus {width: 88px; height: 26px; background-position: 0 -26px; margin-left: 5px; float: left;}

a.protesi {width: 62px; height: 26px;display: block;background: url(../images/nav_protesi.png) 0 0px; margin-left: 5px; float: left;}

a.protesi:hover {width: 62px; height: 26px; background-position: 0 -26px; margin-left: 5px; float: left;}

a.protesi:focus {width: 62px; height: 26px; background-position: 0 -26px; margin-left: 5px; float: left;}

a.endodozia {width: 80px; height: 26px;display: block;background: url(../images/nav_endozia.png) 0 0px; margin-left: 5px; float: left;}

a.endodozia:hover {width: 80px; height: 26px; background-position: 0 -26px; margin-left: 5px; float: left;}

a.endodozia:hover {width: 80px; height: 26px; background-position: 0 -26px; margin-left: 5px; float: left;}

a.endodozia:focus {width: 80px; height: 26px; background-position: 0 -26px; margin-left: 5px; float: left;}