@font-face {
  font-family: 'myriad';
  font-style: normal;
  font-weight: 100;
  src: url("fonts/myriad-set-pro/myriad-set-pro_ultralight.woff") format("woff"), url("fonts/myriad-set-pro/myriad-set-pro_ultralight.ttf") format("truetype");
  *src: url('');
}
@font-face {
  font-family: 'myriad';
  font-style: normal;
  font-weight: 300;
  src: url("fonts/myriad-set-pro/myriad-set-pro_thin.woff") format("woff"), url("fonts/myriad-set-pro/myriad-set-pro_thin.ttf") format("truetype");
  *src: url('');
}
@font-face {
  font-family: 'myriad';
  font-style: normal;
  font-weight: 400;
  src: url("fonts/myriad-set-pro/myriad-set-pro_text.woff") format("woff"), url("fonts/myriad-set-pro/myriad-set-pro_text.ttf") format("truetype");
  *src: url('');
}
@font-face {
  font-family: 'myriad';
  font-style: normal;
  font-weight: 500;
  src: url("fonts/myriad-set-pro/myriad-set-pro_medium.woff") format("woff"), url("fonts/myriad-set-pro/myriad-set-pro_medium.ttf") format("truetype");
  *src: url('');
}
@font-face {
  font-family: 'myriad';
  font-style: normal;
  font-weight: 600;
  src: url("fonts/myriad-set-pro/myriad-set-pro_semibold.woff") format("woff"), url("fonts/myriad-set-pro/myriad-set-pro_semibold.ttf") format("truetype");
  *src: url('');
}
@font-face {
  font-family: 'myriad';
  font-style: normal;
  font-weight: 700;
  src: url("fonts/myriad-set-pro/myriad-set-pro_bold.woff") format("woff"), url("fonts/myriad-set-pro/myriad-set-pro_bold.ttf") format("truetype");
  *src: url('');
}
body{
	
	font-family: sans-serif;
	color: #333;
	font-style: normal;	

	line-height: 1.45;
	letter-spacing: normal;
	font-size: 14px;
	
	overflow:hidden;
	overflow-y:scroll;
		
	font-synthesis: none;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	
	}
h1,
h2,
h3,
h4,
h5
 {
  font-family: "myriad", Helvetica Neue, Helvetica, Arial, sans-serif;
  font-weight: 300;
  color: #1D4571;
}
	
h1 {
  font-size: 45px;
  line-height: 1.2;
  margin: 25px 0;
}
h1:first-child {
  margin-top: 0;
}
h2 {
  font-size: 41px;
  line-height: 1.3;
}
h3 {
  font-size: 31px;
  line-height: 1.4;
}
h2,
h3 {
  margin: 15px 0;
}
h4 {
  font-size: 25px;
  margin: 10px 0;
}

 



p{font-weight: 300; }

.interDoble{ 
	line-height: 2; }


.navbar > .container .navbar-brand i, .navbar > .container .navbar-brand:hover i {
	color: #333;
}
.navbar-default .navbar-nav > .active > a:before {
	color: #333;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li.dropdown.open > a {
	border-bottom-color: #333;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	border-bottom-color: #333;
}
.navbar-nav > li > .dropdown-menu {
	border-top-color: #333;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    background-color: #333;
}
.mega-menu .mega-menu-content ul.sub-menu .active > a {
	background-color: #333;
	color: #FFFFFF;
}
.btn-main-color {
    background-color: #75B6FF!important;
    border-color: #75B6FF!important;
    color: #FFFFFF!important;
}
.btn-main-color:hover, .btn-main-color:focus, .btn-main-color:active, .btn-main-color.active {
	background-color: #1D4571!important;
	border-color: #1D4571!important;
	color: #ffffff !important;
}
.circle-icon.circle-main-color {
	background-color: #333;
	border-color: #333;
	color: #FFFFFF;
}
.slide_subtitle {
	background-color: #333;
	color: #FFFFFF;
}
.progress-bar.main-color {
    background-color: #382a20 !important;
}
.accordion-teal .panel-heading .accordion-toggle {
	color: #333;
}
.accordion-teal .panel-heading .accordion-toggle > .icon-arrow:before {
    background-color: #333;
    color: #FFFFFF!important;
}
.sb_toggle {
	border-color: rgba(0, 0, 0, 0) #000 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}
#scroll-top {
	background-color: #333;
	border: 1px solid #333;
	color: #EEEEEE;
}
#scroll-top:hover {
	background-color: #FCFCFC;
	border: 1px solid #E1E1E1;
	color: #333;
}


.pagination>li>a{	transition: all 0.4s ease;	-webkit-transition: all 0.4s ease;}

.pagination>li>a, .pagination>li>span{
	color: #447EBE;
	background:none;
		border:none ;
	border-bottom:  1px solid #EEEEEE !important; margin:3px;
	border-radius: 0 !important;

}
.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover{
	color: #EEEEEE; 
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #EEEEEE;
    color: #75B6FF;
	border-bottom:  1px solid #75B6FF;
}


.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover{
	background-color: #75B6FF;
    color: #fff;
border-bottom:  1px solid #75B6FF;
}

div.post-media h4 {
    color: #0B80FF;
}
.portfolio-page ul.nav li a:hover, .portfolio-page ul.nav li.active a {
    background: #333;
    color: #FFFFFF;
}
.feature-box .feature-icon {
	color: #333;
}
.colored-top-bar #topbar {
	background: #333;
	color: #FFFFFF;
	border-bottom: 1px solid #333;
}

@media (min-width: 300px) {
.image-wrapper{ margin-bottom: 10px }
}


#mainbottom .navbar-toggle { background:none;}

/* ---------------------------------------------------------------------- */
.top_breadcrumb{background-color:rgba(0,0,0,0.05);}
.breadcrumb{ margin:10px; color:#75B6FF}
.breadcrumb a{ color:#bbb !important}




/* ---------------------------------------------------------------------- */
/*	Navbar Search
/* ---------------------------------------------------------------------- */
#navSearch_li3 input { opacity:.5; transition: all 0.4s ease;	-webkit-transition: all 0.4s ease;}
#navSearch_li3 input:focus { opacity:9;}
#navSearch_li3 button { background-color: inherit; border:none; color: #75B6FF; position: absolute; right: 0;z-index: 1;}

.navbar-collapse form[role="search"] {
		padding: 0px;
		margin: 0px;
	}
.navbar-collapse form[role="search"] button,
.navbar-collapse form[role="search"] input {
	padding: 8px 12px;
	border-radius: 0px;
	border-width: 0px;
	box-shadow: none;
	outline: none;
}
.navbar-collapse form[role="search"] input {
	padding: 16px 12px;
	font-size: 14pt;
	font-style: italic;
	color: rgb(160, 160, 160);
	box-shadow: none;
}
.navbar-collapse form[role="search"] button[type="reset"] {
		display: none;position: absolute;right: 0;
	}
@media (min-width: 768px) {
		.navbar-collapse form[role="search"] {
display: none;
		}
		.navbar-collapse form[role="search"] button,
		.navbar-collapse form[role="search"] input {
			padding: 15px 12px;
		}
		.navbar-collapse form[role="search"] input {
			padding: 25px 12px;
			font-size: 18pt;
			opacity: 0;
			display: none;
		}
		.navbar-collapse form[role="search"].active {
			
			display: block;
		}
		.navbar-collapse form[role="search"].active button,
		.navbar-collapse form[role="search"].active input {
			display: table-cell;
			opacity: 1;
		}
    	.navbar-collapse form[role="search"].active input {
			position:absolute;
			right:0;
			width: 300px;
		}
		
		.searchInputGroup{top:83px}
		#mainbottom.past-main .searchInputGroup{top:0px}
		#mainbottom.past-main .navbar-collapse form[role="search"] button,
		#mainbottom.past-main .navbar-collapse form[role="search"] input {	padding: 10px 12px; }
		#mainbottom.past-main .navbar-collapse form[role="search"] input {	padding: 20px 12px;}
		
	}

/* ---------------------------------------------------------------------- */
/*	bar_top
/* ---------------------------------------------------------------------- */
#bar_top{
	background:#000;
	height:42px;
	top: 0;
	position: fixed;right: 0;left: 0;
	color:#FEFEFE;
	line-height:40px;
	z-index:100;
	
	}
#bar_top a{ color:#EEE;}
#bar_top ~ #mainbottom { margin-top:42px;}
#bar_top ~ #mainbottom ~ #inicio>*:first-child {margin-top:100px;}

#bar_top ~ #mainbottom.past-main{  margin-top:0px !important;}




/* ---------------------------------------------------------------------- */
/*	Main Menú
/* ---------------------------------------------------------------------- */
	#mainbottom, 
	#mainNavBar-toggle span,
	#eCommerce-toggle, 
	#mainbottom  #language,
	#mainbottom .logoMain, 
	#mainbottom .nav,
	#mainbottom .nav > li, 
	#mainbottom .nav > li > a
	
	{	transition: all 0.4s ease;	-webkit-transition: all 0.4s ease;}

.navbar-toggle .icon-bar{ background-color:#75B6FF }
#mainbottom.navbar-wrapper {
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
	background-color: rgba(250, 250, 250, 1);
/*	-webkit-backdrop-filter: saturate(18%) blur(20px);
	backdrop-filter: saturate(18%) blur(20px);*/
	border-bottom: #75B6FF solid 3px;
}
.navbar-collapse form[role="search"] button,
#mainbottom .nav > li > a , #eCommerce-toggle > span{  color:#1D4571}	
#mainbottom .nav > li.open > a ,
#mainbottom #navbar > ul > li:hover > a:hover, 
#mainbottom .nav>li>a:focus,#mainbottom .nav>li>a:hover{ background-color: transparent; color:#555 }



#mainbottom { background:#f00}

	/* --- Grande ------------------------------------------------------------------- */
	@media (min-width: 768px) {
		#mainbottom ~ #inicio  {margin-top:140px;}
		#mainbottom .logoMain{ height:64px;}
		#mainbottom a.navbar-brand{padding: 5px 15px;}
		
		#mainbottom .nav > li > a { line-height:25px; margin-top:80px;padding:18px 5px}
		#mainbottom{ height:140px; z-index: 1000;}
		
		#mainbottom.past-main .logoMain{ height:36px;   
			animation-duration:0.5s;
  			animation-name: slidePastMain;
			
		}
		#mainbottom.past-main .nav > li > a  { line-height:14px;  margin-top:0px; padding:15px 5px;}
		#mainbottom.past-main{ height:45px !important;}
		
		#mainbottom:not(.past-main) .brand-centered {
			display: flex;
			justify-content: center;
			position: absolute;
			width: 100%;
			left: 0;
			top: 5px;
			height: 75px;
			border-bottom: #75B6FF solid 2px;
			animation-duration:0.8s;
			animation-name: brandSlideTOP;
		}
		
		
	
		
		
	}
	
	/* --- md ------------------------------------------------------------------- */
	@media (max-width: 768px) { 
		
		
		
		#mainbottom .logoMain{ 
			height:45px;  			
		}
		#mainbottom.navbar.navbar-fixed-top{ position: absolute !important; }
	}
	/* --- sm ------------------------------------------------------------------- */
	@media (max-width: 750px) {
		
		#logoMainBig{ display:none;}
		#mainbottom:not(.past-main) #logoMain{ display:block !important;}
		
		
		#mainbottom ~ #inicio  {margin-top:54px ;}
		#mainbottom  #language{ opacity:0;top:15px; right:25px; transform: scale(0); }
		
		#navMain{ background:#EEEEEE}
		#mainbottom #dropdownlang{}
		.brand-centered {
			display: flex;
			justify-content: center;
			position: absolute;
			width: 100%;
			left: 0;
			top: 0px !important;
			height: auto !important;
			border-bottom: none;
			animation-name: none;
		 }
			
		div.product-chooser div.product-chooser-item img:not(.status_ima){
			padding: 0;
			min-height: inherit;
		}
		
		.navbar-brand { 
		  display: flex;
		  align-items: center;
		  padding-right: 0;
		}

		.tres{
			margin-top: -12px;
    		top: 0;
		}
		

	}

	/* --- AMIAMACION MAIN BRAND ------------------------------------------------------------------- */
		.brand-centered{}
		
		@keyframes slidePastMain {
		  from {	margin-top: -100%;  }
		  to { margin-top: 0%;  }
		}
		
		@keyframes brandSlideTOP {
		  from {	 opacity:0; top:-80px;
		   }
		  to { opacity:1; top:5px }
		}

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


/* ---------------------------------------------------------------------- */
#eCommerce-toggle{ color:#FFFFFF; padding: 7px 10px 10px 10px;}

#mainNavBar-toggle[aria-expanded="true"] ~ #language{ opacity:1;transform: scale(1); }


#mainNavBar-toggle[aria-expanded="true"] ~ #eCommerce-toggle{transform: translateX(50px);}
[aria-expanded="true"] span:nth-child(1) {transform: translateY(.4em) rotate(135deg);}
[aria-expanded="true"] span:nth-child(2) {transform: scale(0);}
[aria-expanded="true"] span:nth-child(3) {transform: translateY(-.4em) rotate(-135deg);}


/* ---------------------------------------------------------------------- */
/*	product-chooser
/* ---------------------------------------------------------------------- */


div.product-chooser div.product-chooser-item span.title,
.product-title
{color: #1D4571;}

ul.product-categories > li a{ color: #447EBE; border-bottom: 1px solid #EEEEEE;}	

ul.product-categories > li.active, ul.product-categories > li > a:hover {
    text-decoration: none;
	color:#447EBE;
     background-color: #EEEEEE;;
}



	
div.product-chooser div.product-chooser-item span.title>.code{color: #aaa;}
.ratings { color:#75B6FF;}
	
/* ---------------------------------------------------------------------- */
.yamm_sin {border:none;}
/* ---------------------------------------------------------------------- */


.search-result {
   	margin-top: 1px;
    border: 1px solid #EEEEEE;
	padding-top:15px;
}

.search-result:hover {
	border-color:	#75B6FF;
}


.search-result h3 > a, .search-result i {
    color: #447EBE !important; font-weight: 400;
}
.search-result, .search-result{
    color: #999
}
#btnSearchSubmit{ 
	color: #fff;
	background-color: #75B6FF;
	border-color: #447EBE
}

/* ---------------------------------------------------------------------- */
/*	eCommerce
/* ---------------------------------------------------------------------- */
	

	.dropdown-menu.eCommerce {border:none;}
	.dropdown-menu.eCommerce > li { border-top-color:#EEEEEE}
	.dropdown-menu.eCommerce > li > a { color:#447EBE;}
	
	#eCommerce a.list-group-item, 	
	#eCommerce button.list-group-item{
		color: #75B6FF;	
		}
	
	#eCommerce a.list-group-item:focus,
	#eCommerce a.list-group-item:hover, 
	#eCommerce button.list-group-item:focus, 
	#eCommerce button.list-group-item:hover {
		background-color: #EEEEEE;	
		}
	#eCommerce .list-group-item.active, 
	#eCommerce .list-group-item.active:focus, 
	#eCommerce .list-group-item.active:hover{
	
		color: #EEEEEE;
		background-color: #75B6FF;
		border-color: #75B6FF;	
		
		}

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

#dropdownlang img{
	height: 18px
	
	
}
/* ---------------------------------------------------------------------- */
.srt_list_post .campo { }

.srt_list_post .campo .img-responsive{
	display: inline-block;
}

.srt_list_post.grip .campo{ }
.srt_list_post.list .campo{ padding: 25px 10px }


.divider-vertical {
    height: 100px;                   /* any height */
    border-left: 1px solid gray;     /* right or left is the same */
    float: left;                     /* so BS grid doesn't break */
    opacity: 0.5;                    /* optional */
    margin: 0 15px;                  /* optional */
}

.row.vdivide .campo[class*='col-']:not(:last-child):after {
  background: #e0e0e0;
  width: 1px;
  content: "";
  display:block;
  position: absolute;
  top:0;
  bottom: 0;
  right: 0;
  min-height: 70px;
}



.navbar-brand{
	    flex: 1;
    display: flex;
    justify-content: center;
}

.past-main .uno, .past-main .tres{
	display: 	none;
}
.uno{
    flex: 1;

}
.tres{

flex: 1;
    display: flex;
    justify-content: flex-end;
    align-items: center;
 
    text-align: center;

}

.tres div{
	    width: 100%;
}



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

/*
Light
#EEEEEE

Claro
#75B6FF

Medio
#447EBE

Oscuro
#1D4571
*/