/*-----------------------------------------------------------------------------------

	Owner: Setec-Group
	Template URI: http://www.setec-group.com
	Description: Corporate Template
	Author: Bibibus
	Author URI: http://www.bibibus.com
	Based on: Bootstrap from Twitter
	
-----------------------------------------------------------------------------------

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

		01 - :: GLOBAL

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

html { font-size:100%; }
body { color: #333; line-height:1.6; overflow-x: hidden; background: #FFF; }
* { margin:0; padding:0; }
*:focus { outline:none; }
/* img { max-width:100%; height:auto; } */
object, embed, video, iframe { max-width:100%; }
h1, h2, h3, h5, h6 { line-height:1.5; font-weight:400; }
a { color: #800000; text-decoration: none; }
a:hover { color: #FF0000; text-decoration: none; }
a:focus { outline: none; }

/*  Text Selections
--------------------------------------------------- */
::selection { text-shadow: none; color: #333; background: #FF9; }
::-moz-selection { text-shadow: none; color: #333; background: #FF9; }

/*  Fonts
--------------------------------------------------- */
html, body, button, input, select, textarea, .toggle { font-family: "PT Sans", Helvetica, sans-serif; }
h1, h2, h3, h4, h5, h6, .main-navigation ul li, dt { font-family: "Open Sans", Helvetica, sans-serif; }

/*  Typography (NOTA: H4 è stato rimosso perché usato come titolo nelle pagine interne => important!!!)
--------------------------------------------------- */
h1 { font-size: 2.20em; }
h2 { font-size: 1.60em; }
h3 { font-size: 1.20em; }
h5 { font-size: 0.90em; }
h6 { font-size: 0.85em; }
p { margin: 1.2em 0; }

/*  Global elements
------------------------------------------------- */
.underline-heading { border-bottom: 1px solid #DDD; margin-bottom: 30px; }
.underline-heading h2 { border-bottom: 2px solid #CE0006; display: inline-block; margin-bottom: -2px; *display: inline; *zoom: 1; }
.redsetec { color: #CE0006; }
img.alignleft { margin-right:20px; margin-bottom:20px; float:left; }
img.alignright { margin-left: 20px; margin-bottom: 20px; float:right; }

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

		02 - :: LAYOUT

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

.outertopbar { background: #AAA; color: #DDD; padding: 5px 0; }
.outertopbar form { margin: 0; }
.outernavbar { background: #000A24; }
.outercarousel { border-bottom: 1px solid #CCC; padding-top: 20px; }
.outerhomeblog { margin: 40px 0 0 0; }
.outerfooter { padding: 10px 0; margin-top: 40px; background: #454545; border-top: 1px solid #DDD; }

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

		03 - :: HEADER (Translations, Social, Logo & Navigation)

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

.social_icons { text-align: right; }
.social_icons i { font-size: 2em; color: #800000; }
.social_icons i:hover { font-size: 2em; color: #FF0000; }

.brand { margin-left: 0; float: left; padding-top: 15px; }

.navbar { float: right; margin: 0; padding: 0; }
.navbar .nav ul, .navbar .nav li, .navbar .nav a { margin: 0; padding: 0; position: relative; list-style: none; float: left; z-index: 100; }
.navbar .nav > li > a { padding: 25px 15px; color: #FFF; }
.navbar .nav li:hover { background: #DDD; }
.navbar .nav li:hover a { color: #000A24; text-shadow: none; }
.navbar .nav li ul { display: none; position: absolute; top: 100%; left: 0; }
.navbar .nav li:hover > ul { display: block; }
.navbar > ul > li.currentpath > a, .navbar > ul > li.current > a { background: #EFEFEF; color: #000A24; text-shadow: none; }

.navbar .nav li ul li a {
	width: 200px;
	background: #DDD;
	border-bottom: 1px dotted #AAA;
	display: block;
	line-height: 120%;
	padding: 10px;
}
.navbar .nav li ul li:hover a {
	background: #EFEFEF;
	-moz-transition: all 0.35s ease;
	-webkit-transition: all 0.35s ease;
	-o-transition: all 0.35s ease;
	transition: all 0.35s ease;
}
.navbar .nav li ul li ul { position: absolute; left: 100%; top: 0; padding-top: 0; }
.navbar .nav li ul li ul li:hover a { background: #454545; color: #DDD; }

.navbar .nav-responsive {
	display:none;
	line-height:20px;
	border-radius: 0px;
	color: #464646;
	-webkit-appearance: none;
	opacity: 0.6;
	-webkit-transition: all 0.8s ease;
}

.nav-responsive:hover { opacity: 0.9; -webkit-transition: all 0.8s ease; }

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

		04 - :: HOMEPAGE

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

/*  Home Slider
--------------------------------------------------- */
.slider-container { background: #EFEFEF; border-bottom: 1px solid #DDD; padding: 20px 0; }
.sliderimage { text-align: center; }

/*  Carousel
--------------------------------------------------- */
.carousel-nav { padding-top: 20px; }
.carousel-nav .underline-heading h2 { margin-top: 0; }
.carousel { text-align: center; }
.carouselarrow { float: right; }
.carouseltitle h2 { margin: 0; }
.carousel-control { position: relative; border: none; border-radius: 0; left: 0; margin-top: 0px; }
.carousel-control.right { right: 0px; }
.carousel-nav .carouselarrow a {
	color: #fff;
	background-color: #CE0006;
	display: inline-block;
	width: 24px;
	height: 24px;
	font-size: 1.5em;
	line-height: 24px;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	transition:all .2s linear;
}
.carousel-nav .carousel-inner .title a { color: #fff; }
.carousel-nav .carousel-inner .title a:hover { color: #CE0006; }
.slide-caption { padding: 10px; line-height: 1.1em; text-align: center; }
.slide-caption .title { color: #333; font-size: 1.2em; margin-bottom: 10px; background: #000A24; color: #FFF; padding: 2px; }
.carousel img { height: auto; opacity: 1; }
.carousel .categories { font-size: .9em; margin: 0 auto; }

/*  Superhero
--------------------------------------------------- */
.superhero { background: #EFEFEF; border-bottom: 1px solid #E0E0E0; padding: 20px; text-align: center; margin-bottom: 30px; }
.superhero h2 { font-size: 26px; font-weight: 300; margin: 0; }
.superhero span { color: #FF0000; display: inline; margin: 0; }
.superhero p { margin-bottom: 15px; }

/*  Servizi
--------------------------------------------------- */
.homepage-services .service-item {
	text-align: center;
	padding: 20px 10px 10px;
	border: 1px solid #CCC;	
	-webkit-transition:background 0.2s linear;
    -moz-transition:background 0.2s linear;
    -o-transition:background 0.2s linear;
    transition:background 0.2s linear;	
}
.homepage-services .service-item:hover { background:#EFEFEF; }
.homepage-services .service-item i {
	float: none;
	margin: 0;
	width: 100%;
	height: 48px;
	line-height: 48px;	
	font-size: 42px;
	display: block;
    color: #000A24;
}
.homepage-services h3.service { margin-top: 20px; border-bottom: 1px dotted #ccc; display: inline-block; clear: both; }

/*  Certificazioni
--------------------------------------------------- */
.outercertificazioni { margin-top: 40px; }
.certificazioni { text-align: center; margin-bottom: 40px; }


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

		05 - :: PAGINE INTERNE

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

/*  Stili generali
--------------------------------------------------- */
.title-wrapper { background-color: #EFEFEF; border-bottom: 1px solid #DDD; }
.title-wrapper h1 { font-family: 'PT SanS',sans-serif; margin: 0.4em 0; }
#content h3 { font-family: "Open Sans", sans-serif; color: #222; font-weight: normal; line-height: 1.3em; font-size: 18px; margin: 0px 0 18px 0; }
#content { margin: 40px 0; padding-bottom: 80px; }

blockquote { background: #EFEFEF; font-style: italic; border-left: 10px solid #ccc; padding: 1em 10px; quotes: "\201C""\201D""\2018""\2019"; }
blockquote:before { color: #ccc; content: open-quote; font-size: 4em; line-height: .1em; margin-right: .25em; vertical-align: -.4em; }
blockquote p { display:inline; }

/*  Breadcrumbs
--------------------------------------------------- */
.breadcrumb-wrapper { border-bottom: 1px solid #DDD; }
.breadcrumb-wrapper a { color: #555; }
.breadcrumb { border-radius: 0; background-color: transparent; padding-right: 6px; }

/*  Navigazione secondaria
--------------------------------------------------- */
.secondarynav h2 { border-bottom: 1px solid #DDD; }
.secondarynav ul { list-style: none outside none; }
.secondarynav li { background: transparent url("img/icons/aside.png") no-repeat 0 center; padding-bottom: 5px; padding-left: 18px; padding-top: 5px; }
.arrow-list li { border-bottom: 1px dotted #d5d5d5; }
.arrow-list .current,
.arrow-list .currentpath { background: #EEE; }
.arrow-list li.current > a,
.arrow-list li.currentpath > a,
.arrow-list ul li.current { font-weight: bold; background: transparent url("img/icons/aside.png") no-repeat 0 center; }
.arrow-list li li:last-child { border-bottom: none; }

/*  Pagine Home "Produzione & Distribuzione" e "Pagine di Catalogo"
--------------------------------------------------- */
.homeprodistribuzione {
	text-align: center;
	background:#F9F9F9;
	padding: 10px 10px;
	border: 1px solid #CCC;	
	-webkit-transition:background 0.2s linear;
    -moz-transition:background 0.2s linear;
    -o-transition:background 0.2s linear;
    transition:background 0.2s linear;	
}
.homeprodistribuzione:hover { background:#EFEFEF; border: 1px solid #FF0000; }

/*  Pagina "Dove siamo"
--------------------------------------------------- */
#headquarter-container, #dove-siamo #content h1, #dove-siamo h2 { text-align: center; }
#dove-siamo #content { margin-top: 10px; }
#dove-siamo .title-wrapper { margin-bottom: 0; }

#map_canvas { height: 250px; clear: both; }

#headquarter-container p,
#accordion-container {
	font-size: 13px;
	background: #ffffff;
	padding: 5px 10px 10px 10px;
	border: 1px solid #DDD;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 5px 15px #DDD;
	-webkit-box-shadow: 0 5px 15px #DDD;
	box-shadow: 0 5px 15px #DDD;
}
#headquarter-container p { font-size: 1.1em; }
.accordion-header {
	font-size: 16px;
	background: #ebebeb;
	margin: 5px 0 0 0;
	padding: 5px 20px;
	border: 1px solid #DDD;
	cursor: pointer;
	color: #666666;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.active-header { background: #cef98d url(img/icons/active-header.gif) no-repeat right 50%; }
.active-header:hover { background: #c6f089 url(img/icons/active-header.gif) no-repeat right 50%; }
.inactive-header { background: #ebebeb url(img/icons/inactive-header.gif) no-repeat right 50%; }
.inactive-header:hover { background: #f5f5f5 url(img/icons/inactive-header.gif) no-repeat right 50%; }
.accordion-content {
	display: none;
	padding: 20px;
	background: #ffffff;
	border: 1px solid #cccccc;
	border-top: 0;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
}

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

		06 - :: GESTIONE BLOGS

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

/*  Impostazioni generali
--------------------------------------------------- */
#index .search-entry .abstractblog,
#index .search-results-paging,
#news .search-entry .abstracthome,
#soluzioni .search-entry .abstracthome,
.search-header,
.search-entry-language { display: none; }

.search-results, .search-results li { list-style: none; margin-left: 0; }

.post-details { border-top: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; display: block; clear: both; }
.search-entry-date { border-right: 1px solid #d4d4d4; float: left; padding: 1em 1em 1em 0; }
.search-entry-date, .readmore { font-size: .929em; }
.readmore, .readmore a {
	color: #383838;
	-webkit-transition: all 0.3s ease-in;  
	-moz-transition: all 0.3s ease-in;  
	-o-transition: all 0.3s ease-in;  
	transition: all 0.3s ease-in;
	padding: 1em 0 1em .5em;
}
.readmore a:hover { text-decoration: none; margin-left: 10px; }
.readmore a img { padding-left: 12px; margin-top: -4px; }


/*  News & Soluzioni Homepage
--------------------------------------------------- */
#index .search-entry { padding-bottom: 1em; }
#index .search-entry h2 { font-size: 1.40em; }
#index .coverimg { float: left; border: 1px solid #000A24; margin: 8px 10px 5px 0; padding: 1px; }
#index .coverimg img { width: 200px; height: auto; }

#soluzioni .search-entry,
#news .search-entry { padding-bottom: 2em; }
#soluzioni .coverimg img,
#news .coverimg img { width: 400px; border: 1px solid #000A24; margin: 8px 10px 5px 0; padding: 1px; }

.catalogdisplay li { float: left; background: #F9F9F9; border: 1px solid #CCC; margin: 8px 10px 5px 0; padding: 10px 10px; text-align: center; width: 170px; height: 200px; }
.catalogdisplay li img { width: 160px; height: auto; }
#content .catalogdisplay li h3 { font-size: 1.2em; color: #000A24; }
.catalogdisplay li:hover { background:#EFEFEF; border: 1px solid #FF0000; }

/*
#index .search-results-paging, .search-header { display: none; }
.search-results, .search-results > li { list-style: none; margin-left: 0; }

#news .search-entry, #soluzioni .search-entry { border-bottom: 1px solid #DDD;  }
#news .search-entry-date, #soluzioni .search-entry-date { display: inline-block; font-weight: bold; margin-bottom: 1em; }

#index .search-entry-title h3 { font-weight: 400; color: #000A24; }
#index .post_details { border-top: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; }
#index .search-entry-date { border-right: 1px solid #d4d4d4; float: left; padding: 1em 1em 1em 0; }

.post_read_more, .post_read_more a {
	color: #383838;
	text-transform: uppercase;
	-webkit-transition: all 0.3s ease-in;  
	-moz-transition: all 0.3s ease-in;  
	-o-transition: all 0.3s ease-in;  
	transition: all 0.3s ease-in;
	padding: .9em 0 .9em .5em;
}
.post_read_more a:hover { text-decoration: none; margin-left: 10px; }
.post_read_more a img { padding-left: 12px; margin-top: -4px; }

.search-results-paging { text-align: center; }
.search-results-paging a { border: 1px solid #AAA; background: #CCC; padding: 3px 6px; }
.search-results-paging a:hover { color: #FFF; background: #FF0000; }
.search-results-paging .current { border: 1px solid #AAA; background: #A9A895; color: #FFF; padding: 3px 6px; }


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

		07 - :: FOOTER

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

footer { margin-top: 10px; }
#footer-top { padding: 35px 0; background: #42484D; color: #BBB; }
footer a { color: #BBB; }

footer .title {
	border-bottom: 1px solid #555;
	display: block;
	font-size: 14px;
	margin: 0 0 12px;
	padding: 0 0 12px;
	text-transform: uppercase;
}
#footer-nav {
	border-bottom: 1px solid #555;
	border-top: 1px solid #555;
	margin: 0 0 12px;
	padding: 12px 0 32px;
	clear:both;
}
#footer-nav ul { margin: 0; }
#footer-nav li { float: left; list-style: none; margin: 0; }
#footer-nav li a {
	border-left: 1px solid #555;
	font-size: 12px;
	display: block;
	padding: 0 15px;
	text-transform: uppercase;
}

#footer-nav li:first-child a { border-left: none; padding-left: 0; }
#footer-nav li:last-child a { padding-right: 0; }

footer .contact-info { }
footer .contact-info { margin: 0; }
footer .contact-info li { float: left; list-style: none; margin: 0 0 5px 24px; padding: 0 0 0 24px; }
footer .contact-info li:first-child { margin-left: 0; }
footer .contact-info .address { background: url(img/icons/icon-address.png) no-repeat 0 0; }
footer .contact-info .phone { background: url(img/icons/icon-phone.png) no-repeat 0 1px; }
footer .contact-info .email { background: url(img/icons/icon-email-2.png) no-repeat 0 4px; }


/*-----  1.6.1 - Subfooter -----*/

#footer-bottom { background: #000A24; padding: 10px 0; font-size: 12px; }
#footer-bottom a { color: #F58000; }
.finalad { text-align: center; }


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

		08 - :: MEDIAQUERIES

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

@media only screen and (max-width:979px) {

	/* Main Navigation - Hidden */
	.navbar .nav { display:none !important; }
	.navbar { float:left !important; width:100%; margin-bottom: 10px; }

	/* Select Box Navigation - Show */
	.navbar .nav-responsive { display:block !important; width:100%; clear:both; }
	.brand { float: none; text-align: center; margin-bottom: 20px; }
	
}

@media only screen and (max-width:767px) {

	body { padding: 0; }
	#translation { float: none; text-align: center; }
	.home-blog { padding: .250em 1.5em; }
	.logobio { padding-bottom: 0; }

}

@media only screen and (min-width: 480px) and (max-width: 767px) {

	.navigationbar { padding: 0 70px; border: none; }

}

@media only screen and (max-width: 479px) {

	.navigationbar { padding: 0 30px; border: none; }

}