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



	Theme Name: Smart7 Child

	Template: Smart7

	Theme URI: http://themeforest.net/user/PixFlow

	Description: <strong>Flexible and Responsive Multi-Purpose Theme by PixFlow</strong> - Update notifications available on twitter and facebook:<br/> <a href='http://twitter.com/pixflow'>Follow us on twitter</a><br/> - <a href='https://www.facebook.com/pages/PixFlow/107145602731642'>Join the Facebook Group</a>

	Author: PixFlow

	Author URI: http://www.pixflow.net

	License: GNU General Public License version 3.0

	License URI: http://www.gnu.org/licenses/gpl-3.0.html

	Version: 1.0.9

	Tags: white, left-sidebar, right-sidebar, flexible-width, fixed-width, custom-colors, flexible-header, full-width-template, post-formats, theme-options, threaded-comments, translation-ready



	Designed & Handcrafted by PixFlow

	All files, unless otherwise stated, are released under the GNU General Public License

	version 3.0 (http://www.gnu.org/licenses/gpl-3.0.html)



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



@import url(../Smart7/style.css);

.hide{
	display: none;
}

.header-default > .container2 { height: auto; }

.epproduct.home img{
	width: 100%;
}

/* ----- header ----- */

.container2 { margin-left:auto; margin-right:auto; width:940px; zoom:1; background: url(assets/img/bg-header.jpg) right 5px transparent no-repeat; }

.container2:before,.container:after { content:""; display:table; }

.container2:after { clear:both; }

@media (max-width: 480px) {

	.container2 { width: auto; padding-left: 20px; padding-right: 20px; }

}

@media (min-width: 768px) and (max-width: 979px) {

	.container2 { width: 724px; }

}

@media (min-width: 1200px) {

	.container2 { width: 1170px; }

}

header .logo { margin: 25px 0; float: none; }

header .navigation { float: none; height: auto; background-color: #006600; border-radius: 3px; width: 100%; margin-bottom: 10px; }



#language_selector { margin: 5px 5px 0 0; float: right; }

#lang_sel_click > ul > li > a > img.iclflag { top: 5px; margin-right: 5px; }



/* ----- page title ----- */

#page-title { background: -webkit-linear-gradient(#e9e9e9, #fff, #e9e9e9); /* For Safari 5.1 to 6.0 */

  			  background: -o-linear-gradient(#e9e9e9, #fff, #e9e9e9); /* For Opera 11.1 to 12.0 */

  			  background: -moz-linear-gradient(#e9e9e9, #fff, #e9e9e9); /* For Firefox 3.6 to 15 */

  			  background: linear-gradient(#e9e9e9, #fff, #e9e9e9); /* Standard syntax */  

  			  height: 90px; border-bottom: 1px solid #e0e0e0; margin-bottom: 20px; }

#page-title .title { color: #060; font-weight: bold; font-size: 34px; float: left; }

#page-title .title span { /* color: #222; */ font-size: 24px; font-weight: 100; display: block; }

#page-title .breadcrumbs { color: #333; float: right; margin-top: 10px; }

#page-title .breadcrumbs a { color: #060; }



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

header .navigation li a { padding: 0 10px; font-weight: bold; color: #fff; text-transform: uppercase; }

header .navigation > ul > li:hover > a { color: #fff !important; text-decoration: underline; }



header .navigation2, 

header .navigation3,

header .navigation4,

header .navigation5,

header .navigation6,

header .navigation7 { background: url(assets/img/submenu.gif) 30px 0 #DEDEDE no-repeat; position: relative; margin: -10px 0 0 80px; }

header .navigation3 { background-position: 80px 0; margin: -10px 0 0 180px; }

header .navigation4 { background-position: 120px 0; margin: -10px 0 0 0; }

header .navigation5 { background-position: 410px 0; margin: -10px 0 0 200px; }

header .navigation6 { background-position: 10px 0; margin: -10px 0 0 0; }

header .navigation7 { background-position: 410px 0; margin: -10px 0 0 0; }

header .navigation2 ul, 

header .navigation3 ul,

header .navigation4 ul,

header .navigation5 ul,

header .navigation6 ul,

header .navigation7 ul { list-style: outside none none; clear: both; display: table-cell; vertical-align: middle; padding: 0; }

header .navigation2 li,

header .navigation3 li,

header .navigation4 li,

header .navigation5 li,

header .navigation6 li,

header .navigation7 li { float: left; position: relative; margin-left: 5px; }

header .navigation2 li:first-child,

header .navigation3 li:first-child,

header .navigation4 li:first-child,

header .navigation5 li:first-child,

header .navigation6 li:first-child,

header .navigation7 li:first-child { margin-left: 0; }

header .navigation2 li a,

header .navigation3 li a,

header .navigation4 li a,

header .navigation5 li a,

header .navigation6 li a,

header .navigation7 li a { padding: 5px 10px; font-size: 14px; display: block; font-weight: bold; }





/* ----- eptable ----- */

.eptable { width: 100%; }

.eptable th { background-color: #060; color: #fff; text-align: left; }

.eptable tr { border-bottom: 1px solid #eee; }

.eptable tr.pari { background-color: #f8f8f8; }

.eptable.centered tr td, .eptable tr td.centered, .eptable tr th.centered, .eptable.centered tr th { text-align: center; }

.eptable tr td.b-right { border-right: 1px solid #eee; }

.eptable th a { color: #fff; }

.eptable tr:hover { background-color: #efe; }

.eptable tr.headerwhite:hover { background-color: #fff; }

.eptable tr.headerwhite td { vertical-align: top; font-size: 10px; line-height: 10px; }



/* ----- prodotti ----- */

.epproduct { background: #060; border-radius: 3px; color: #fff; padding: 5px; widht: auto; max-width: 100%; text-align: center; }

.epproduct img { border-radius: 3px; } 

.epproduct.centered { margin-left: auto; margin-right: auto; float: none; max-width: 283px; }

.epproduct.right { float: right; }

.epproduct a { color: #fff; }

.epproduct a:hover { color: #fff; }

.epproduct a h2 { }



.epproduct2 { border-radius: 5px; padding: 10px; border: 2px solid #060; margin-bottom: 20px; }

.epproduct2 img { float: left; margin-right: 10px; }

.epproduct2 br { display: none; }

.epproduct2 h2 { font-weight: bold; margin-top: 0; }

.epproduct2.home { text-align: center; }

.epproduct2.home img { float: none; margin-right: 0; }



.epproduct2.top { border-width: 5px; font-size: 18px; min-height: 116px; text-align: center; }

.epproduct2.top h2 { font-size: 30px; margin: 0; }

.epproduct2.top p { margin-top: 0; }

.epproduct2.top img { margin: 0; float: none; }



.epproduct2.small h2 { font-size: 20px; font-weight: normal; }

.epproduct2.small { border-width: 1px; }



/* ----- epcolor ----- */

span.epcolor { display: inline-block; width: 20px; height: 20px; border: 1px solid #ccc; vertical-align: bottom; margin-bottom: 2px; }

span.epcolor.arancione { background-color: #f57208; }

span.epcolor.argento { background-color: #7c7c7c; }

span.epcolor.azzurro { background-color: #16ccd7; }

span.epcolor.bianco { background-color: #fff; }

span.epcolor.blu { background-color: #1617c7; }

span.epcolor.giallo { background-color: #f4c300; }

span.epcolor.marrone { background-color: #b3551f; }

span.epcolor.nero { background-color: #000; }

span.epcolor.rosa { background-color: #f32ce1; }

span.epcolor.rosso { background-color: #c31b12; }

span.epcolor.verde { background-color: #459609; }



.icon-droplet { font-size: 16px; }

.glyph.arancione { color: #f57208; }

.glyph.argento { color: #7c7c7c; }

.glyph.azzurro { color: #16ccd7; }

.glyph.bianco { color: #ccc; }

.glyph.blu { color: #1617c7; }

.glyph.giallo { color: #f4c300; }

.glyph.marrone { color: #b3551f; }

.glyph.nero { color: #000; }

.glyph.rosa { color: #f32ce1; }

.glyph.rosso { color: #c31b12; }

.glyph.verde { color: #459609; }



/* ----- contatti ----- */

span.acceptance-483 { border: none; float: left; margin-right: 10px; }

.wpcf7-form-control-wrap input[type="email"], .wpcf7-form-control-wrap input[type="text"], .input-text input[type="text"], .wpcf7-form-control-wrap textarea, .input-textarea textarea { color: #000; }

.wpcf7-form-control-wrap input[type="email"]:focus, .wpcf7-form-control-wrap input[type="text"]:focus, .input-text input[type="text"]:focus, .wpcf7-form-control-wrap textarea:focus, .input-textarea textarea:focus { background-color: #cfc; }



/* ----- footer ----- */

.footer-widgets { background-color: #060; }

footer .widget-area .widget-title { color: #fff; }

footer .widget-area a { color: #ccc; }

footer .widget-area .widget-title { text-transform: none; font-weight: bold; }

footer .widget-area hr { margin-bottom: 20px; margin-top: 5px; }

footer .widget-area li { padding: 5px 0; border-bottom: 1px solid #060; }

footer .widget_nav_menu a { font-size: 12px; line-height: 14px; }

footer .widget_nav_menu a:hover { background-color: #ccc; }

footer .iconbox.iconbox-circle .icon { margin-bottom: 5px; }



footer a .iconbox.iconbox-top .title, 

footer a .iconbox.iconbox-left .title { color: #fff; }

footer a:hover .iconbox.iconbox-top .title, 

footer a:hover .iconbox.iconbox-left .title { color: #fff; text-decoration: underline; }



/* ----- EP Region ----- */

.epregion { background-color: #f8f8f8; position: absolute; width: 70%; display: none; margin-left: 15%; margin-top: 100px; border-radius: 10px; box-shadow: 0 0 25px #000; transition: all 200ms ease 0s; }

.epregion .epregioncontainer { padding: 10px 30px 30px; }

.epregion .eptab { position: absolute; cursor: pointer; right: 30px; }

.epregion h4.title { font-weight: bold; border-bottom: 1px solid #e0e0e0; line-height: 20px;}



/* ----- Sidebar ----- */

/* body.page .widget-area { background-color: #060; } */

body.page footer .widget-area { background-color: transparent; }

/* .widget-area .widget-title { color: #fff !important; font-weight: bold; }

.widget-area a { color: #fff; }

.widget-area.sidebar a:hover { color: #fff !important; text-decoration: underline; } */

body.page #main > .row > .span3 { margin-left: 0 !important; }

#nav_menu-5 h4, #nav_menu-5 hr,

#nav_menu-8 h4, #nav_menu-8 hr { display: none; }

.sidebar { border: none; border-radius: 0; padding: 0; }

.sidebar #nav_menu-5,

.sidebar #nav_menu-8 { background-color: #060; border-radius: 5px; padding: 20px; }

.sidebar #nav_menu-5 a,

.sidebar #nav_menu-8 a { color: #fff; }

.sidebar #nav_menu-5 a:hover,

.sidebar #nav_menu-8 a:hover { color: #fff !important; text-decoration: underline; } 



/* ----- EP Homepage ----- */

#eplanguage-selector { background-color: #f0f0f0; border-radius: 5px; margin: 20px 0; padding: 20px; border: 1px solid #ccc; text-align: center; }

#eplanguage-selector select { font-size: 20px; color: #666; margin-right: 30px; }

#mondobg { background: url(assets/img/mondobg.png) center center transparent no-repeat; height: 245px; padding: 150px 250px; }



body.page-id-12 #page-title .title { float: none; text-align: center; }



/* ----- Varie ----- */

.greenborder { border: 2px solid #060; border-radius: 3px; }

.pass-badge-code { border: 4px solid #060; color: #060; display: inline-block; font-weight: bold; text-align: center; width: 28px; line-height: 28px; }

.pass-badge-code.empty { color: #fff; }



/* ----- Temi ----- */

.temi-title { color: #060; margin: 30px 0 0; }

.epproduct.home.temi { background: none; border: 2px solid #060; position: relative; margin-bottom: 20px; width: 47%; margin-right: 2%; float: left; }

.epproduct.home.temi h2 { position: absolute; bottom: 0; right: 10px; text-align: right; }

.epproduct.home.temi h2 a { color: #060; font-size: 20px; font-weight: bold; }

.epproduct.home.temi.sisal { width: 97%; margin-right: 2%; float: left; }



.homebox { width: 31%; margin-right: 2%; float: left; }

.homebox h3 { font-size: 14px; font-weight: bold; text-transform: uppercase; color: #060; }

.homebox ul { padding-left: 15px; }



/* ----- Facebook Page Plugin ----- */

.fb-comments, .fb-comments iframe[style], .fb-comments span {

   width: 100% !important;

}



/* ----- Generali ----- */

div.gmap { margin-bottom: 20px; }

@media all and (max-width: 700px){

	.navigation-mobile{
		background-color: #006600;
	}

	.navigation-mobile a {
	    color: #fff;
	    text-decoration: none;
	}

	header .navigation-button{
		top: 0;
		margin-top: -57px;
	}

	.container2{
		background: transparent!important;
	}

	p{
		font-size: 1rem;
	}

	#page-title .title{
		font-size: 1.3rem;
		line-height: 1.5rem;
	}

	.hr-title h3, .hr-title-center h3{
		font-size: 1.5rem;
	}

	.fb_iframe_widget,
	.fb_iframe_widget span,
	.span4.offset div,
	.greenborder{
		width: 100%!important;
	}

	#page-title .breadcrumbs {
	    float: none;
	}

	.span4.offset .epproduct2.top,
	.span4.offset .epproduct2 {
		width: 91%!important;
	}

	.footer-default{
		text-align: center;
	}
}