/* Author:Web designer Angelica Ayala per CLEIM 2016 */
a { color: #666;color: #666;}
a:hover, a:focus {color: #008cba;}

/*para el fondo del menu*/
.fixed {background-color: pink;background-color: #fff;}
.top-bar {background-color: #222;background-color: #fff;height:82px;}
.contain-to-grid {background: #fff !important;}/*si quiero fijar el menu comentar esta línea y agregar fixed en el html*/
.top-bar-section{border:0px solid yellow;margin-top:29px;}
.top-bar-section ul{background-color:#fff !important;}

.top-bar-section li.active:not(.has-form) a:not(.button) {background-color: #fff;color:#006699;}/*azul*/
.top-bar-section li.active a{background-color: #fff;color:#c2001d;}/*nisirveperolodejo*/
.top-bar-section li.active a:hover{background-color:#fff !important;color:#9eb4da !important;}/*azul celeste*/
.top-bar-section li.btnActivo a{font-weight:bold;color:#c2001d !important;}
.top-bar-section li.btnActivo a:hover{font-weight:bold;color:#006699 !important;}
.top-bar-section > ul > .divider,
.top-bar-section > ul > [role="separator"] {border-right: solid 1px red;margin-top:15px;height: 15px;}
.logotipo{border:0px solid white;width:250px;/*height:60px;*/padding-top:12px;}
.logotipo img{border:0px solid red;width:100%;}

body{font-size: .750rem !important;/*9px*/font-family:Arial !important;}
.row {border:0px solid black;}
a.linkBlue { color: #006699;}
a.linkBlue:hover, a.linkBlue:focus {color: #222;color: #666;}
/* Classe per applicare un margine superiore alle sezioni, quando serve */
.margin-top10 {margin-top: 10px;}
.margin-top15 {margin-top: 15px;}
.margin-top20 {margin-top: 20px;}
.margin-top30 {margin-top: 30px;}
.margin-bottom10 {margin-bottom: 10px;}
.margin-bottom15 {margin-bottom: 15px;}
.margin-bottom20 {margin-bottom: 20px;}
.padding-right40 {padding-right: 40px;}
.padding-top10 {padding-top: 10px;}
.padding-bottom10 {padding-bottom: 10px;}
.padding-bottom20 {padding-bottom: 20px;}
.noMarginTop{margin-top:0px !important;}
.noMarginBottom{margin-bottom:0px !important;}
.noPaddinglaterali{padding-left:0px !important; padding-right:0px !important;}
.noPaddingLeft{padding-left:0px !important;}
.noPaddingRight{padding-right:0px !important;}
.noPaddingTop{padding-top:0px !important;}
.noPaddingBottom{padding-bottom:0px !important;}

ul.inline-list{border:0px solid orange;}
ul.inline-list li{border:0px solid violet;}
ul.menu{font-size: .813rem !important;/*13px*/padding-top:30px;color:#006699;}
li.menu a{border:0px solid orange;color:#006699;}
li.menu a:hover{color:#9eb4da;}
/*.espacioDivision{border:0px solid grey;margin:0px !important;margin-left:15px !important;color:#c2001d;}

li.btnActivo {font-weight:bold;color:red;}
li.btnActivo a{font-weight:bold;color:#c2001d;}
li.btnActivo a:hover{font-weight:bold;color:#c2001d;}*/
ul.menuBanderas{border:0px solid blue;padding-top:24px;}
li.menuBanderas{border:0px solid orange;margin:0px 0px 0px 0px !important;padding:0px !important; display:none;}
li.menuBanderas img{border:0px solid orange;}
/*slide*/
.slideFoto{border:0px solid black;margin-top:10px;}
.slideFoto img{margin-bottom:0px !important;border:0px !important;}
.slick-slider{margin-bottom:0px !important;}
.sfondoLateralAzul{/*ombre ie8*/
	border:0px solid red;
	background-color:#0065a3;
-webkit-box-shadow: 0 9px 23px 3px rgba(0,0,0,0.45);
-moz-box-shadow: 0 9px 23px 3px rgba(0,0,0,0.45);
box-shadow: 0 9px 23px 3px rgba(0,0,0,0.45);

-webkit-box-shadow: 0 13px 13px rgba(0,0,0,0.25);
-moz-box-shadow: 0 13px 13px rgba(0,0,0,0.25);
box-shadow: 0 13px 13px rgba(0,0,0,0.25);

}
.footer{font-size:11px;line-height:16px;padding-top:15px;padding-bottom:15px;}
/*colores y estilos */
.rojo{color:#c2001d;}
.azul{color:#006699;}
.azulClaro{color:#9eb4da;}
.azzurro{color:#9eb4da;}
.blanco{color:#ffffff;}
.blanco a{color:#ffffff;}
.blanco a:hover{color:#9eb4da;}
.bold{font-weight:bold;}
.italic{font-style:italic;}
h3 {font-family: 'Advent Pro', sans-serif;font-weight: 500;font-family:Arial}
.panel h3{border:0px solid orange;color:#c2001d;}
h6 {font-size:14px;line-height:18px;}
h6 a.linkBlue { color: #006699;text-decoration:underline;}
h6 a.linkBlue:hover, a.linkBlue:focus {color: #222;color: #666;text-decoration:underline;}

.fotoPiccoleHome{border:0px solid violet;margin-top:90px;}/*------------------------------------------------------------LOGOS-----------------------------------------------*/
.fotoPiccoleHome img{margin-bottom:15px;}
/*LOGOS*/
.logosDX{border:0px solid pink;margin-top:130px;}

/*para el fondo de fotos y footer*/
html, body {height: 90%;}/*ANG*/
#wrap {min-height: 100%;} 
/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;
}
/* SOLUTIONS */
.fotoSolutions{border:0px solid #209CD3;}
.fotoSolutions img{border:1px solid #209CD3;background-color:#EFEFEF;margin:5px 0px 5px 0px;display: block;margin-left: auto;margin-right: auto;}
.fotoProductions{border:0px solid #209CD3;}
.fotoProductions img{border:0px solid #209CD3;background-color:#EFEFEF;margin:5px 0px 5px 0px;}
.iconitos{border:0px solid pink;padding-top:5px;text-align:right;}
.iconitos img{border:0px solid pink;background-color:#ffffff;margin:0px;text-align:right;}
/* CONTACTS */
.fotoContact{border:0px solid pink;}
.fotoContact img{border:0px solid blue;}
.googleMaps{border:0px solid pink;}
.underline{font-style:underline;}
/* TUTORIALS */
.iconoPDF{border:0px solid pink;}
.iconoPDF img{border:0px solid violet;float:right;}


@media only screen and (max-width: 40em) { /*-------------------------------------------------------------------640px*/ 	body{border:0px solid pink;}
.top-bar {background-color: #222;background-color: #ffffff;height: 2.8125rem;}
.top-bar-section{border:0px solid yellow;margin-top:0px;}
.logotipo{border:0px solid pink;padding-top:3px;padding-bottom:3px;}
.logotipo img{border:0px solid pink;height:100%;width:auto;margin-left:10px !important;}
/*iconcillo menu*/
.top-bar .toggle-topbar.menu-icon a {color: #006699;}
.top-bar .toggle-topbar.menu-icon a span::after {box-shadow: 0 0 0 1px #006699, 0 7px 0 1px #006699, 0 14px 0 1px #006699;width: 16px; }
.top-bar.expanded .title-area {background: #ffffff;}
/*para botones desplegables*/
.top-bar-section li.active:not(.has-form) a:not(.button) {background-color: #fff;color:#006699;}/*azul*/
.top-bar-section li.active a{background-color: #fff;color:#c2001d;}/*nisirveperolodejo*/
.top-bar-section li.active a:hover{background-color:#fff !important;color:#9eb4da !important;}/*azul celeste*/
.top-bar-section li.active:not(.has-form) a:not(.button) {background: #0065a3;color: #FFFFFF;}
.top-bar-section li.active:not(.has-form) a:not(.button):hover {background: #0078a0;color: #FFFFFF; }

.top-bar-section li.btnActivo a{font-weight:bold;color:#fff !important;}
.top-bar-section li.btnActivo a:hover{font-weight:bold;color:#9eb4da !important;}

	ul.menu{padding-top:15px;}
	ul.menuBanderas{padding-top:13px;}
	.slideFoto{margin-top:0px;}
	.fotoPiccoleHome{border:0px solid pink;margin-top:20px;}/*------------------------------------------------------------LOGOS-----------------------------------------------*/
	.logosDX{border:0px solid pink;margin-top:20px;}
	/*.logotipo {border:0px solid pink;}
	.logotipo img {display: block;margin-left: auto;margin-right: auto;}*/
	/*.googleMaps{border:0px solid pink;padding-left:15px !important;padding-right:15px !important;margin-top:20px;}*/
	
}
@media only screen and (min-width: 40.063em) and (max-width: 50.000em) {/*641 - 800* - tablet verticale*/	body{border:0px solid orange;}
.top-bar {background-color: #fff;}
.top-bar {background-color: #fff;height: 2.8125rem;}/*-------------------IMPORTANTE-------cuando se despierten las banderas, quitar la altura */

.top-bar-section{border:0px solid yellow;margin-top:0px;}
.logotipo{border:0px solid orange;padding-top:5px;padding-bottom:0px;width:auto;}
.logotipo img{border:0px solid orange;height:100%;width:auto;margin-left:15px !important;}

	ul.menu{padding-top:15px;}
	ul.menuBanderas{padding-top:10px;}
	li.menuBanderas{margin:0px 0px 0px 0px !important;padding:0px !important;}
	.slideFoto{margin-top:0px;}
	.fotoPiccoleHome{border:0px solid orange;margin-top:115px;}/*------------------------------------------------------------LOGOS-----------------------------------------------*/
	.logosDX{border:0px solid pink;margin-top:190px;}
	
	/*.googleMaps{border:0px solid pink;padding-right:15px !important;}*/
}
@media only screen and (min-width: 50.063em) and (max-width:64.000em) {/*801-1024 - tablet orizzontale*/	body{border:0px solid blue;}
.top-bar {background-color: #fff;height: 2.8125rem;}
.top-bar-section{border:0px solid yellow;margin-top:0px;}
.logotipo{border:0px solid orange;padding-top:5px;padding-bottom:5px;width:auto;}
.logotipo img{border:0px solid orange;height:100%;width:auto;margin-left:15px !important;}

	ul.menu{padding-top:10px;}
	ul.menuBanderas{padding-top:5px;}
	li.menuBanderas{margin:0px 0px 0px 0px !important;padding:0px !important;}
	.slideFoto{margin-top:0px;}
	
	.fotoPiccoleHome{border:0px solid blue;}/*------------------------------------------------------------LOGOS-----------------------------------------------*/
	.logosDX{border:0px solid pink;margin-top:140px;}
	
	/*.googleMaps{border:0px solid pink;padding-right:15px !important;}*/
}