/* ====================================================================================================================================================================
C O S M A C
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Description:		     Stili content
Filename:			     content.css
Theme URI:			     http://www.cosmac.it/
Date:				     Settembre 2012
Author: 			     Nouvelle srl

==================================================================================================================================================================== */

#content {
	position:              relative;
	width:                 920px;
	color:                 #000000;
	background-color:      #FFFFFF;
	text-align:            justify;
	padding:               30px;
	margin-bottom:         40px;
	
	border-radius:         6px 6px 6px 6px;
	-moz-border-radius:    6px 6px 6px 6px;
	-webkit-border-radius: 6px 6px 6px 6px;
	
	box-shadow:            1px 1px 8px #444, -1px -1px 8px #444, 1px -1px 8px #444, -1px 1px 8px #444;
	-moz-box-shadow:       1px 1px 8px #444, -1px -1px 8px #444, 1px -1px 8px #444, -1px 1px 8px #444;
	-webkit-box-shadow:    1px 1px 8px #444, -1px -1px 8px #444, 1px -1px 8px #444, -1px 1px 8px #444;
}

/* Pagina HOME */

#content.home {
	width:                 600px;
	margin:                0px auto;
	padding:               0px;
	padding-top:           20px;
	padding-bottom:        20px;
}

#content.home .contentSlider {
	width:                 600px;
	height:                370px;
}

#content.home .contentSlider .rsSlide,
#content.home .contentSlider .rsOverflow {
	background:            #FFF;
}

#content.home .rsImg {
	width:                 600px;
}

#boxHome {
	width:                 760px;
	background:            url(../imgs/bg_home_velina.png);
	margin:                0px auto;
	margin-top:            50px;
	margin-bottom:         50px;
	padding:               20px;
	
	border-radius:         6px 6px 6px 6px;
	-moz-border-radius:    6px 6px 6px 6px;
	-webkit-border-radius: 6px 6px 6px 6px;
	
	box-shadow:            1px 1px 8px #444, -1px -1px 8px #444, 1px -1px 8px #444, -1px 1px 8px #444;
	-moz-box-shadow:       1px 1px 8px #444, -1px -1px 8px #444, 1px -1px 8px #444, -1px 1px 8px #444;
	-webkit-box-shadow:    1px 1px 8px #444, -1px -1px 8px #444, 1px -1px 8px #444, -1px 1px 8px #444;
}

#boxHome .title {
	width:                 70px;
	background:            #E10279;
	color:                 #FFFFFF;
	font-size:             16px;
	text-transform:        uppercase;
	text-align:            center;
	padding-top:           2px;
	padding-bottom:        1px;
	margin-bottom:         5px;
}

/* Pagina AZIENDA */

#content.azienda {

}

#content.azienda .testo {
	float:                 left;
	width:                 630px;
}

#content.azienda .lateral {
	float:                 right;
	width:                 254px;
}

#content.azienda .lateral img {
	width:                 250px;
	border:                2px solid #CCCCCC;
}

#content.azienda .lateral a {
	display:               block;
	margin-bottom:         10px;
}

/* Pagina CATALOGO */

#content.catalogo {
	width:                 950px;
	padding-top:           20px;
	padding-right:         0px;
}

#content.catalogo a {
	position:              relative;
	display:               block;
	float:                 left;
	width:                 448px;
	font-size:             20px;
	text-decoration:       none;
	padding-top:           20px;
	margin-top:            20px;
	margin-right:          20px;
}

#content.catalogo a:hover {
	color:                 #E10279;
}

#content.catalogo img {
	float:                 left;
	width:                 150px;
	border:                2px solid #FFFFFF;
	margin-top:            -20px;
	margin-right:          20px;
	
	border-radius:         6px 6px 6px 6px;
	-moz-border-radius:    6px 6px 6px 6px;
	-webkit-border-radius: 6px 6px 6px 6px;
}

#content.catalogo .pallino {
	position:              absolute;
	top:                   -4px;
	left:                  145px;
	width:                 13px;
	height:                13px;
	background:            url(../imgs/prodotti_elenco_pallino.png);
}

#content.catalogo b {
	font-size:             32px;
	text-transform:        uppercase;
}

/* Pagina CATALOGO CATEGORIE */

#content.catalogoCategorie {
	padding-bottom:        10px;
}

#content.catalogoCategorie .prodotti {
	float:                 left;
	width:                 680px;
}

#content.catalogoCategorie .prodotti a {
	display:               block;
	color:                 #757575;
	text-decoration:       none;
	margin-bottom:         20px;
}

#content.catalogoCategorie .prodotti a:hover {
	color:                 #E10279;
}

#content.catalogoCategorie .prodotti img {
	float:                 left;
	width:                 150px;
	border:                2px solid #CCCCCC;
	margin-right:          20px;
}

#content.catalogoCategorie .prodotti .title {
	font-size:             18px;
	font-weight:           bold;
	text-transform:        uppercase;
}

#content.catalogoCategorie .prodotti p {
	color:                 #000000;
}

#content.catalogoCategorie .lateral {
	float:                 right;
	width:                 200px;
}

#content.catalogoCategorie .lateral a {
	display:               block;
	background:            url(../imgs/bn02_item.png) 0px 1px no-repeat;
	font-size:             14px;
	text-decoration:       none;
	padding-left:          15px;
	margin-bottom:         10px;
}

#content.catalogoCategorie .lateral a:hover {
	color:                 #E10279;
}

#content.catalogoCategorie .lateral a.active {
	color:                 #E10279;
}

/* Pagina CATALOGO DETTAGLIO */

#content.catalogoDettaglio {

}

#content.catalogoDettaglio .prodotto {
	float:                 left;
	width:                 680px;
}

#content.catalogoDettaglio .prodotto .gallery {
	float:                 left;
	width:                 248px;
}

#content.catalogoDettaglio .prodotto .gallery .enlarge {
	margin-bottom:         10px;
}

#content.catalogoDettaglio .prodotto .gallery a {
	color:                 #999999;
	text-decoration:       none;
}

#content.catalogoDettaglio .prodotto .gallery a:hover {
	color:                 #E10279;
}

#content.catalogoDettaglio .prodotto .gallery a.mini {
	display:               block;
	float:                 left;
	width:                 55px;
	border:                1px solid #CCCCCC;
	margin-right:          4px;
}

#content.catalogoDettaglio .prodotto .gallery a.mini:hover {
	border:                1px solid #E10279;
}

#content.catalogoDettaglio .prodotto .gallery img.maxi {
	float:                 left;
	width:                 238px;
	border:                1px solid #CCCCCC;
}

#content.catalogoDettaglio .prodotto .gallery img.mini {
	width:                 55px;
}

#content.catalogoDettaglio .prodotto .gallery a.video {
	display:               block;
	height:                23px;
	background:            url(../imgs/prodotti_ico_video.png) no-repeat;
	color:                 #000000;
	font-size:             13px;
	margin-top:            15px;
	margin-right:          8px;
	padding-top:           15px;
	padding-left:          40px;
}

#content.catalogoDettaglio .prodotto .gallery a.video:hover {
	color:                 #E10279;
}

#content.catalogoDettaglio .prodotto .corpo {
	float:                 right;
	width:                 420px;
}

#content.catalogoDettaglio .prodotto .corpo h3 {
	font-size:             24px;
}

#content.catalogoDettaglio .prodotto .corpo h3 b {
	text-transform:        uppercase;
}

#content.catalogoDettaglio .prodotto .corpo p {
	margin-top:            15px;
	margin-bottom:         15px;
}

#content.catalogoDettaglio .prodotto .corpo .tabella {
	background:            #E9E7EA;
	margin-bottom:         15px;
}

#content.catalogoDettaglio .prodotto .corpo .tabella .title {
	background:            #C4BFC3;
	text-transform:        uppercase;
	font-weight:           bold;
	padding-top:           2px;
	padding-left:          5px;
	padding-bottom:        2px;
}

#content.catalogoDettaglio .prodotto .corpo .tabella .label {
	float:                 left;
	width:                 143px;
	border-top:            2px solid #FFFFFF;
	border-right:          2px solid #FFFFFF;
	padding-top:           2px;
	padding-left:          5px;
	padding-right:         5px;
	padding-bottom:        2px;
}

#content.catalogoDettaglio .prodotto .corpo .tabella .value {
	float:                 left;
	width:                 260px;
	border-top:            2px solid #FFFFFF;
	padding-top:           2px;
	padding-left:          5px;
	padding-bottom:        2px;
}

#content.catalogoDettaglio .prodotto .corpo a.pdf {
	display:               block;
	height:                20px;
	background:            url(../imgs/pdf_icon.png) no-repeat;
	font-size:             13px;
	padding-top:           7px;
	padding-left:          30px;
	text-decoration:       none;
}

#content.catalogoDettaglio .prodotto .corpo a.pdf:hover {
	color:                 #E10279;
}

#content.catalogoDettaglio .lateral {
	float:                 right;
	width:                 200px;
	margin-top:            -10px;
}

#content.catalogoDettaglio .lateral a.menu {
	display:               block;
	background:            url(../imgs/bn02_item.png) 0px 1px no-repeat;
	font-size:             14px;
	text-decoration:       none;
	padding-left:          15px;
	margin-top:            10px;
}

#content.catalogoDettaglio .lateral a.submenu {
	display:               block;
	font-size:             13px;
	text-decoration:       none;
	text-transform:        lowercase;
	padding-left:          15px;
	margin-top:            4px;
}

#content.catalogoDettaglio .lateral a:hover {
	color:                 #E10279;
}

#content.catalogoDettaglio .lateral a.active {
	color:                 #E10279;
}

#content.catalogoDettaglio a.back {
	background:            url(../imgs/ico/left_arrow.png) 0px 0px no-repeat;
	padding-top:           6px;
	padding-left:          25px;
	text-decoration:       none;
}

/* Pagina NEWS */

#content.news {
	padding-bottom:        10px;
}

#content.news .notizie {
	float:                 left;
	width:                 100%;
}

#content.news .notizie a {
	display:               block;
	color:                 #757575;
	text-decoration:       none;
	margin-bottom:         20px;
}

#content.news .notizie a:hover {
	color:                 #E10279;
}

#content.news .notizie img {
	float:                 left;
	width:                 150px;
	border:                2px solid #CCCCCC;
	margin-right:          20px;
}

#content.news .notizie .data {
	font-size:             11px;
	font-weight:           bold;
	color:                 #757575;
}

#content.news .notizie .title {
	font-size:             18px;
	font-weight:           bold;
	text-transform:        uppercase;
}

#content.news .notizie p {
	color:                 #000000;
}

.news .paginazione {
	width:                 100%;
	font-size:             11px;
	font-weight:           bold;
	text-align:            right;
	margin-bottom:         -10px;
}

.news .paginazione a {
	display:               inline-block;
	width:                 26px;
	background:            #CCCCCC;
	color:                 #666666;
	cursor:                pointer;
	text-align:            center;
	text-decoration:       none;
	padding-top:           5px;
	padding-bottom:        3px;
	margin-left:           2px;
}

.news .paginazione a.active {
	background:            #999999;
	color:                 #FFFFFF;
}

.news .paginazione a:hover {
	background:            #999999;
	color:                 #FFFFFF;
}

/* Pagina NEWS DETTAGLIO */

#content.newsDettaglio {

}

#content.newsDettaglio a.maxi .enlarge {
	margin-bottom:         10px;
}

#content.newsDettaglio a.maxi {
	display:               block;
	float:                 left;
	width:                 240px;
	color:                 #999999;
	text-decoration:       none;
	margin-right:          15px;
}

#content.newsDettaglio a.maxi:hover {
	color:                 #E10279;
}

#content.newsDettaglio a.maxi img {
	width:                 238px;
	border:                1px solid #CCCCCC;
}

#content.newsDettaglio .data {
	font-size:             12px;
	font-weight:           bold;
	color:                 #757575;
	margin-bottom:         5px;
}

#content.newsDettaglio h3 {
	font-size:             24px;

}

#content.newsDettaglio h3 b {
	text-transform:        uppercase;
}

#content.newsDettaglio p {
	margin-top:            15px;
	margin-bottom:         15px;
}

#content.newsDettaglio a.link {
	display:               block;
	height:                14px;
	background:            url(../imgs/link.png) right 0px no-repeat;
	font-size:             13px;
	padding-top:           5px;
	padding-right:         30px;
	text-decoration:       none;
	text-align:            right;
}

#content.newsDettaglio a.link:hover {
	color:                 #E10279;
}

#content.newsDettaglio a.back {
	background:            url(../imgs/ico/left_arrow.png) 0px 0px no-repeat;
	padding-top:           6px;
	padding-left:          25px;
	text-decoration:       none;
}

/* Pagina VIDEO */

#content.video {

}

#content.video #video-gallery {
	width:                 100%;
	color:                 #FFF;
}

#content.video .videoGallery .rsCloseVideoBtn {
	display:               none;
} 

#content.video .videoGallery h5 {
	margin:                0;
}

#content.video .videoGallery p {
	color:                 #ddd;
	font-size:             13px;
}

#content.video .videoGallery .rsTmb {
	padding:               20px;
}
		
#content.video .videoGallery .rsThumbs .rsThumb {
	width:                 220px;
	height:                80px;
	border-bottom:         1px solid #2E2E2E;
}

#content.video .videoGallery .rsThumbs.rsThumbsVer {
	width:                 220px;
	padding:               0;
}

#content.video .videoGallery .rsThumb:hover {
	background:            #000;
}

#content.video .videoGallery .rsThumb.rsNavSelected {
	background-color:      #E10279;
	border-bottom:         1px solid #E10279;
}
		
#content.video .rsDefault .rsOverflow,
#content.video .rsDefault .rsSlide,
#content.video .rsDefault .rsVideoFrameHolder,
#content.video .rsDefault .rsThumbs {
	background:            #202020;
}
		
#content.video .sampleBlock {
	left:                  3%; 
	top:                   1%; 
	width:                 100%;
	max-width:             400px;
}

/* Pagina INFORMAZIONI */

#content.informazioni {
	height:                354px;
	overflow:              hidden;
}

#content.informazioni .infos {
	float:                 left;
	width:                 200px;
	font-size:             14px;
}

#content.informazioni .infos .spilla {
	background:            url(../imgs/ico/world_globe.png) 0px 0px no-repeat;
	padding-top:           2px;
	padding-left:          30px;
	margin-bottom:         15px;
}

#content.informazioni .infos .telefono {
	background:            url(../imgs/ico/telephone.png) 0px 5px no-repeat;
	padding-top:           5px;
	padding-left:          30px;
	margin-bottom:         15px;
}

#content.informazioni .infos .email {
	background:            url(../imgs/ico/email.png) 0px 0px no-repeat;
	height:                18px;
	padding-top:           3px;
	padding-left:          30px;
	margin-bottom:         15px;
}

#content.informazioni .infos .piva {
	background:            url(../imgs/ico/info.png) 0px 0px no-repeat;
	height:                21px;
	padding-top:           3px;
	padding-left:          30px;
	margin-bottom:         15px;
}

#content.informazioni .infos a#linkGooglemap {
	display:               block;
	background:            url(../imgs/info_googlemap.jpg) 0px 0px no-repeat;
	width:                 180px;
	font-size:             11px;
	font-weight:           bold;
	text-decoration:       none;
	text-align:            center;
	padding-top:           120px;
}

#content.informazioni .infos a#linkStreetview {
	display:               block;
	background:            url(../imgs/info_streetview.jpg) 0px 0px no-repeat;
	width:                 180px;
	font-size:             11px;
	font-weight:           bold;
	text-decoration:       none;
	text-align:            center;
	padding-top:           120px;
}

#content.informazioni .infos .ico {
	float:                 left;
	width:                 15px;
	padding-top:           2px;
}

#content.informazioni #googlemap {
	position:              absolute;
	top:                   30px;
	right:                 30px;
	width:                 700px;
	height:                345px;
	border:                2px solid #CCCCCC;
}

#content.informazioni #streetview {
	position:              absolute;
	top:                   30px;
	right:                 30px;
	width:                 700px;
	height:                345px;
	border:                2px solid #CCCCCC;
}

#content.informazioni #googlemap.nascondi {
	top:                   -800px;
}

#content.informazioni #streetview.nascondi {
	top:                   -800px;
}

/* Pagina CONTATTI */

#content.contatti {
	min-height:            400px;
	background:            #FFFFFF url(../imgs/bg_contatti.jpg) right 0px no-repeat;
}

#content.contatti .testo {
	width:                 545px;
	text-align:            left;
	font-size:             14px;
	margin-bottom:         15px;
}

#content.contatti .form {
	width:                 545px;
}

#content.contatti .formSX {
	float:                 left;
	width:                 266px;
}

#content.contatti .formDX {
	float:                 right;
	width:                 266px;
}

#content.contatti .label {
	background:            #CCCCCC;
	font-weight:           bold;
	padding-left:          3px;
}

#content.contatti .labelPrivacy {
	float:                 left;
	position:              relative;
	padding-top:           10px;
	padding-left:          2px;
}

#content.contatti .labelPrivacy label {
	background:            url(../imgs/checkbox.png) 0px 0px no-repeat;
	cursor:                pointer;
	padding-top:           0px;
	padding-left:          20px;
}

#content.contatti .input input {
	width:                 258px;
	background:            #EEEEEE;
	font-size:             13px;
	font-family:           Arial, Helvetica, sans-serif;
	border:                1px solid #000000;
	padding:               3px;
	margin-bottom:         15px;
}

#content.contatti .input select {
	width:                 100%;
	background:            #EEEEEE;
	font-size:             13px;
	font-family:           Arial, Helvetica, sans-serif;
	border:                1px solid #000000;
	padding:               2px;
	margin-bottom:         15px;
	cursor:                pointer;
}

#content.contatti .input textarea {
	width:                 537px;
	height:                44px;
	background:            #EEEEEE;
	font-size:             13px;
	font-family:           Arial, Helvetica, sans-serif;
	border:                1px solid #000000;
	padding:               3px;
	resize:                none;
}

#content.contatti .inputPrivacy {
	width:                 0px;
	height:                0px;
	overflow:              hidden;
}

#content.contatti .submit {
	float:                 right;
}

#content.contatti .submit input {
	width:                 70px;
	font-size:             12px;
	font-family:           Arial, Helvetica, sans-serif;
	font-weight:           bold;
	border:                1px solid #000000;
	cursor:                pointer;
	padding:               3px;
	margin-top:            10px;
	margin-left:           10px;
}

#content.contatti .submit input:hover {
	background:            #CCCCCC;
}

#popupContattiOK {
	min-width:             370px;
	background:            #E8E8E8 url(../imgs/popup_contatti_ok.png) center 10px no-repeat;
	color:                 #000000;
	text-align:            center;
	padding-top:           98px;
	padding-bottom:        20px;
}

#popupContattiKO {
	min-width:             370px;
	background:            #E8E8E8 url(../imgs/popup_contatti_ko.png) center 10px no-repeat;
	color:                 #000000;
	text-align:            center;
	padding-top:           98px;
	padding-bottom:        20px;
}