﻿/*
@import url(https://webfonts.creativecloud.com/ubuntu:n3,n5,n4,n7:default.js);
*/
@import url(https://fonts.googleapis.com/css?family=Ubuntu:300,500,700);
@import url(https://fonts.googleapis.com/css?family=Dosis:400,700);

body {
  font-family: ubuntu, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:16px; color:#5A5A5A; font-weight:300; overflow-x: hidden;
}

h1, h2, h3 {
	font-family: 'Dosis', sans-serif;
/*
	color: #5B5B5B
*/
}


#box_header, #box_footer_1 {
	color:#333; padding:10px 0 5px 0;
}

#box_logo, #box_head_aside {
/*	padding-top:30px;*/
}

#box_breadcrumbs {
	 background-color:#fffeee; padding:5px 15px; text-align:right; font-size: 65%;
}

#box_body {
	padding:0 0 15px 0;
}

#box_footer_2 {
	color:#FFF; background-color:#454545; padding:15px;
}

#box_footer_2 a {
	color:#FFF;
}


.navbar-nav {
    margin: 7.5px auto;
}

.navbar-default {
  background-color: Transparent; border: 0; margin:0; padding:0;

}

.navbar-default .navbar-nav > li > a {
	color:#454545; font-size: 11.5pt; font-weight:300; padding:10px;
	text-transform:uppercase;	
}

#main_menu {
/*
	padding-top:45px;
*/
/*	padding-left:0; padding-right:0;*/
	width:auto;
}

.well-home{
	padding:3px;	
	min-height:150px;
}

.current-menu-item{
	background:#E7E7E7;	
}

#menu_lang a {
	padding:10px;
	
}

#head_searchbox {
	padding:20px 0 0 0;
}

.box_img_page {
	width:100%; height:300px; position:relative; background-size: cover; background-repeat: no-repeat;
}

.box_img_page h1 {
	color:#FFF; font-size:500%; text-transform:uppercase; margin: 0; padding: 60px; position: relative; 
}

.box_img_page .breadcrumb_box {
	color:#9AA2AB; font-size:9pt; position: absolute; top:5px; right:20px;
}

.breadcrumb_box {
	 padding: 0 30px;
}

.breadcrumb_box a {
	 font-size:9pt; color:#1E90FF;
}

.box_title h1 {
	text-transform:uppercase;
}

#box_footer {
	font-size:9pt;
}

.btn {
	font-family: 'Dosis', sans-serif;
}

.btn-grey {
	color:#FFF; background-color: #454545;
}

.text-warning {
	color: #E5B50D;
}

.text-white {
	color: #FFFFFF;
}

.text-grey {
	color: #454545;
}

.bg-taylor, .btn-warning {
	background-color: #E5B50D;
}

.bg-grey {
	background-color: #F2F2F2;
}

.bg-blue {
	background-color: #005AA1;
}

.sub_menu .nav-pills > li a {
	background-image:url('../img/px_ffffff.gif'); background-position: right; background-repeat: repeat-y; background-size: 2px; font-size:14px; font-weight:400; white-space:nowrap; border-radius: 0;
}

.sub_menu .nav-pills > li a:hover {
	background-color: #E5B50D;
}

/* content */
.hw_box {
	position:relative;
}

.hw_box:before, .hw_box:after {
	clear:both; display:table; content:" ";
}

.box_pad {
	padding:15px; margin:15px; 
}

.wid_home {
	width:242px; height:242x; margin:15px 15px 15px; display:inline-block; position:relative; overflow:hidden;vertical-align:top;
/*
	border:1px solid red
*/
}

.wid_home > * {
	vertical-align:top;
}

.wid_home h3 {
	color:#7F7F7F; text-align:right; margin:0; padding:0; right:10px; top:10px; position: absolute;
}

.wid_home h3 a {
	color:#7F7F7F;
}

.wid_home span, .wid_home .span, h4.subtitle {
	color:#7F7F7F; font-size:12pt; text-align:right; margin:0; padding:0; right:10px; top:40px; position: absolute;font-weight:400;
}

.u_yellow {
	border-bottom: 2px solid #E5B50D;
}

.u_blue {
	border-bottom: 2px solid #005AA1;
}

.bordered {
	border: 1px solid #6E7177;
}

.strong {
  font-weight: bold;
}

.wp_100 {
	max-width:100%;
}

#why_compex {
  	background-color: #454545;
    border-radius: 4px;
    bottom: 200px;
    color: #fff;
    font-size: 24px;
    font-weight: 400;
    padding: 7px;
    position: fixed;
    right: 0;
    width: 300px;
}

#why_compex_mob {
	width:30%; background-color: #454545; color:#FFF; font-size:14px; font-weight:400; margin:0 auto 20px auto; padding:7px; border-radius:4px; 
}

#why_compex a, #why_compex_mob a {
	color:#FFF;
}

.rotate90 {
	transform:rotate(270deg);
	/* Safari and Chrome */   -webkit-transform: rotate(270deg);
	/* Opera */   -o-transform: rotate(270deg);
	/* Firefox */   -moz-transform: rotate(270deg);
	/* IE 9 */   -ms-transform: rotate(270deg);
}

.perche_1, .perche_2, .perche_3 {
	margin:15px; padding:15px;
}

@media (min-width: 992px) {
	.col-md-3-perche {
		width:27%; float:left;
	}
	
	.perche_1 {
		margin: 7% 0 2% 7%; padding:0 30px 0 0;
	}
	.perche_2 {
		margin: 12% 0 2% -20px;
	}
	.perche_3 {
		margin: 4% 0 2% 0;
	}
}

.tbl_prot_ip th, .tbl_nema th, .tbl_atex th {
	background-color:#efefef;
}

.tbl_nema th, .tbl_atex th {
	font-size:10pt;
}

.tbl_prot_ip td, .tbl_nema td, .tbl_atex td {
	font-size:10pt;
}

.tbl_prot_ip .img-icn {
	width:100px;
}

.google-maps {
	position: relative;
	padding-bottom: 25%;
	height: 0;
	overflow: hidden;
}
.google-maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

#logo-inoxveneta{
	width:151px;
}

#logo-compex {
	width:300px;
}

#logo-compex-bottom {
	margin-top:20px;
	margin-bottom:20px;

}

@media screen and (min-width: 768px) {
	#logo-inoxveneta{
		width:151px;
	}
	/*
	 .navbar .navbar-nav {
        display: inline-block;
        float: none;
        vertical-align: top;
    }

    .navbar .navbar-collapse {
        text-align: center;
    }
	*/	
}

.menu-lingue li{
	display:inline;
	list-style-type:none;
	
}

#toTop {
	width: 100px;
        border: 1px solid #ccc;
        background: #004e95;
        text-align: center;
        padding: 5px;
        position: fixed; /* this is the magic */
        bottom: 10px; /* together with this to put the div at the bottom*/
        right: 10px;
        cursor: pointer;
        display: none;
        color: #f7f7f7;
        font-family: verdana;
        font-size: 11px;
		z-index:999;
}

h1.centrato{
	font-size: 27pt; margin-top: 30px;	text-align:center;
}

.lang-item-eng{
display:none !important;
}

.uppercase{
text-transform:uppercase;	
}

#cookieChoiceInfo{
	background:#222 !important;	
	color:#fff !important;
}

#cookieChoiceDismiss,#cookieChoiceInfo a{
	background: #f3f3f3 linear-gradient(to bottom, #fefefe, #f4f4f4) repeat scroll 0 0;
    border-color: #bbb;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    box-sizing: border-box;
    color: #333;
    cursor: pointer;
    display: inline-block;
    font-family: sans-serif;
    font-size: 12px;
    font-style: normal;
    line-height: 18px;
    outline: medium none;
    padding: 2px 12px;
    text-decoration: none;
    text-shadow: 0 1px 0 #fff;
    white-space: nowrap;
}

.aligncenter{
	margin:0 auto;	
	text-align:center;
}


.entry-header{
	margin-top:20px;	
}


.post-thumbnail{
	margin-top:15px;
	margin-bottom:15px;	
}

.post{
	padding-bottom:20px;
	margin-bottom:50px;
	border-bottom:1px solid #c7c7c7;	
}

.post h2 a{
	color:#7F7F7F;	
	font-weight:500;
}

.carousel-indicators{
	position:relative;	
}

.carousel-indicators li{
	border:1px solid #8B8B8B;
}

.carousel-indicators .active{
	background-color:#8B8B8B;	
}

.carousel-inner > .item{
	min-height:200px;	
}

#newsCarousel a{
	color:#7F7F7F;	
}

.anteprima_news img {
	position: absolute;
	clip: rect( 0px, 360px, 150px, 0px );
}	


@media (max-width: 768px) {
	.testo_anteprima_news{
		margin-top:160px;	
	}
}

.link-footer{
	font-weight:bold;
	font-style: italic;
	color:#000;
}

.divider{
	margin-top:20px;
	margin-bottom:20px;	
}

.table-download > thead > tr > th{
	background:	#c2d7e9;
	text-align:center;
	vertical-align:middle;
}

.table-download > tbody > tr > td{	
	background:#f0f0f0;
	text-align:center;
	vertical-align:middle;
	width:300px;
}
.stampa-pagina-container{
	width:250px;
	margin-top:15%;
	/* position:fixed;*/
}
	
.stampa-pagina{
	background:#E5B50D;
	z-index:12000;
	text-decoration:none;
	color:#ffffff;
	padding:15px;
	font-size:30px;
	text-transform:uppercase;
	width:100%;
	text-align:center;
	display:block;
	font-weight:bold;
}	

.btn-yellow{
	background:#E5B50D;
	color:#fff !important;
}