@font-face {
    font-family: 'open_sansregular';
    src: url('fonts/OpenSans-Regular-webfont.eot');
    src: url('fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Regular-webfont.woff2') format('woff2'),
         url('fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansbold';
    src: url('fonts/OpenSans-Bold-webfont.eot');
    src: url('fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Bold-webfont.woff2') format('woff2'),
         url('fonts/OpenSans-Bold-webfont.woff') format('woff'),
         url('fonts/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansitalic';
    src: url('fonts/OpenSans-Italic-webfont.eot');
    src: url('fonts/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Italic-webfont.woff2') format('woff2'),
         url('fonts/OpenSans-Italic-webfont.woff') format('woff'),
         url('fonts/OpenSans-Italic-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Italic-webfont.svg#open_sansitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sanslight';
    src: url('fonts/OpenSans-Light-webfont.eot');
    src: url('fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Light-webfont.woff2') format('woff2'),
         url('fonts/OpenSans-Light-webfont.woff') format('woff'),
         url('fonts/OpenSans-Light-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
	padding:0; margin:0;
	font-family: 'open_sansregular';
	color:#00468c;
	line-height:1.4em;
	background-color:#FFF;

}

td{padding: 25px;}

a{ color:#0099d2}

a:hover, a:focus{ color:#00468c; text-decoration:none}

a.mas:hover{color:#0099d2}

b, strong{font-family: 'open_sansbold'; font-weight:normal !important}

.theme-dropdown .dropdown-menu {
  position: static;
  display: block;
  margin-bottom: 20px;
}

.theme-showcase > p > .btn {
  margin: 5px 0;
}

.theme-showcase .navbar .container {
  width: auto;
}

.container-fluid { padding:0}

.bg-blauf{ background-color:#00468c; padding-top:92px;}

.bg-blauc{ background-color:#0099d2; height:40px;}

.bg-rosa{ background-color:#f9dfec; overflow:hidden;margin-bottom:30px;}

.bg-rosa-cont{ 
	background-image:url(img/bg-rosa.jpg); 
	background-repeat:repeat-x; 
	background-position:top; 
	overflow:hidden;
	}
	
.bg-rosa-cont2{ 
	background-image:url(img/bg-rosa.jpg); 
	background-repeat: repeat; 
	background-position:top; 
 	min-height:60px;	
	}

.bg-gris{/* background-color:#ecedef;*/ background-color: rgba(0,0,0,0.07)}

.navbar-brand{ height:auto; padding:15px 0 0 0}

img.slogan{ max-width:250px !important; width:100%; height:auto}

.info{ padding-bottom:30px;}

a .submenu{ 
	background-repeat:no-repeat; 
	background-position:left 18px; 
	display:block; 
	background-size:26px;
	line-height:1.2em;
	padding:23px 0 0px 35px;
	height:60px;
	text-decoration:none !important;
	font-size:13px;
	}

a .submenu.active { cursor:default; pointer-events:none}

a:hover .submenu, a:focus .submenu, a .submenu.active   { color:#00468c !important; text-decoration:none !important}

a .submenu.submenu1{ background-image:url(img/ico-menu1.png); }

a:hover .submenu.submenu1, a:focus .submenu.submenu1, a .submenu.submenu1.active { background-image:url(img/ico-menu1-on.png);}

a .submenu.submenu2{ background-image:url(img/ico-menu2.png); }

a:hover .submenu.submenu2, a:focus .submenu.submenu2, a .submenu.submenu2.active{ background-image:url(img/ico-menu2-on.png);}

a .submenu.submenu3{ background-image:url(img/ico-menu3.png); }

a:hover .submenu.submenu3, a:focus .submenu.submenu3, a .submenu.submenu3.active{ background-image:url(img/ico-menu3-on.png);}

a .submenu.submenu4{ background-image:url(img/ico-menu4.png); }

a:hover .submenu.submenu4, a:focus .submenu.submenu4, a .submenu.submenu4.active{ background-image:url(img/ico-menu4-on.png);}

a .submenu.submenu5{ background-image:url(img/ico-menu5.png); }

a:hover .submenu.submenu5, a:focus .submenu.submenu5, a .submenu.submenu5.active{ background-image:url(img/ico-menu5-on.png);}

/*menu navegacio*/
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
  background-color: transparent;
  border-color: transparent;
}

.navbar  { margin-bottom:0;   
/*-webkit-box-shadow: 0 0px 10px rgba(0,0,0,.55);
  box-shadow: 0 0px 10px0 rgba(0,0,0,.55);*/}

.navbar-nav>li>a {
  padding-top: 0px;
  padding-bottom: 0px;
}

.navbar-nav>li  {/*width:20%;*//* float:right*/}

.nav>li>a {
	position: relative;
	display: block;
	padding: 10px 35px 10px 35px; 
	font-size:14px; color:#FFF;
	background-repeat:no-repeat; 
	background-position:left 10px; 
	background-size:26px;   
	display:block
}
.nav>li>a.active { color:#0099d2;

}

.nav>li>a:hover, .nav>li>a:focus {
 color:#FFF; background-color:transparent}

.navbar-collapse { width:calc(100% - 250px)}

.navbar-nav>ul{ width:100%; float:right}

.navbar-collapse {
	padding-right: 0px;
	padding-left: 0px;
	padding-top:8px
}

.navbar-toggle {
	margin-top: 24px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #fff;
}

.navbar-toggle .icon-bar {
  background-color: #00468c;
}

.navbar-nav>li a.menu1{ background-image:url(img/ico-menu1.png); }
.navbar-nav>li a.menu1:hover, .navbar-nav>li a.menu1:focus{ background-image:url(img/ico-menu1-on.png); }

.navbar-nav>li a.menu2{ background-image:url(img/ico-menu2.png); }
.navbar-nav>li a.menu2:hover, .navbar-nav>li a.menu2:focus{ background-image:url(img/ico-menu2-on.png); }

.navbar-nav>li a.menu3{ background-image:url(img/ico-menu3.png); }
.navbar-nav>li a.menu3:hover, .navbar-nav>li a.menu3:focus{ background-image:url(img/ico-menu3-on.png); }

.navbar-nav>li a.menu4{ background-image:url(img/ico-menu4.png); }
.navbar-nav>li a.menu4:hover, .navbar-nav>li a.menu4:focus{ background-image:url(img/ico-menu4-on.png); }

.navbar-nav>li a.menu5{ background-image:url(img/ico-menu5.png); }
.navbar-nav>li a.menu5:hover, .navbar-nav>li a.menu5:focus{ background-image:url(img/ico-menu5-on.png); }

.dropdown-menu { background-color:#0099d2; padding:0; border-radius:none;}
.dropdown-menu li a { color:#FFF; font-size:12px;  padding: 5px 20px; }
.dropdown-menu li a:hover { color:#00468c; background-color:#FFF;}

.capsalera{ 
	background-image:url(img/slider1D.jpg); 
	background-repeat:no-repeat; 
	background-position:bottom right; 
	background-size:500px; 
	height:140px; 
	overflow:hidden
	}
	
	.container>.navbar-header{
  margin-right: 0px;
  margin-left: 0px; padding-bottom:10px; /*15px*/ 

}

.container>.navbar-collapse{
  margin-right: 0px;
  margin-left: 0px; margin-bottom:15px; 

}

/*---------------*/
h1,h2,h3,h4,h5,h6{ font-weight: normal; margin:0px 0; padding:0}

h1{ 
	font-size:1.30em;
	font-family: 'open_sansbold'; 
	padding-bottom:10px; 
	height:60px;
	display:table;
	vertical-align:bottom;
	}
	
h1 span{ display:table-cell; height:100%; vertical-align:bottom}

h2{ font-size:1.15em; padding:20px 0; line-height:1.4em;}

.footer h3{ font-size:11px;font-family: 'open_sansbold'; margin-bottom:5px;}

.footer{ font-size:11px; line-height:1.4em; border-bottom:#00468c solid 4px; padding:10px 0 30px 0}

.footer2{ font-size:10px;  padding:0px 0 30px 110px; overflow:visible; position:relative}

.footer2 a, .footer h3 a{ color:#00468c;}

.footer2 a:hover{ color:#00468c; text-decoration:underline}

.logo_footer{ position:absolute; left:15px; top:-26px; width:100px }

.text-avis{ text-align:right}

.container.info ul{ padding:0; margin:0 0 15px 30px}

.container.info li{ padding:0 0 5px 0px; margin:0; list-style-type:disc}/*15PX EN LLOC DE 5PX*/

.container.info ul.recetas{ text-transform:uppercase;}

.recetas h1{ height:auto; padding-bottom:15px;}

.col-sm-50{ 
	float:left; 
	width:20%;   
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}

/*.col-sm-50.col-sm-50big{width:24%;   
}
.col-sm-50.col-sm-50small{width:18%;   
}*/
#accordion h2 {
  cursor: pointer;
}

h2.todofaqus {
 /* background-color: #f9dfec;*/
  background-color: rgba(0,0,0,0.07);
  margin-bottom: 10px; 
  padding:10px;
  overflow:hidden;
 /* font-family: 'open_sansbold';*/
  }
  
 h2.todofaqus:focus { outline:none} 
  
  
#accordion .pane {
  display: none; padding-bottom:15px; padding-right:50px; font-size:15px;
}  
  
.padesp{padding-right:15px}

.padesp2{padding-left:15px}

.container ul.tabs{ border-bottom:#f9dfec solid 4px; list-style-type:none!important; overflow:hidden; margin:0 0 15px 0; padding:0}

.container ul.tabs li { float:left;list-style-type:none!important; margin:0; padding:0; font-size:14px;}

.container ul.tabs li a{padding:10px 15px; display:block;list-style-type:none !important;background-color: rgba(0,0,0,0.07);  }

.container ul.tabs li a:focus, .container ul.tabs li a:hover{ background-color:#f9dfec}

.container ul.tabs li a.current { background-color:#f9dfec; cursor:default !important;color:#00468c}



.descDinamic{
	/*text-align: justify;*/
	line-height: 24px;
	padding-right:40px;
}

.descDinamic img{max-width: 100%}

.bg-ralla{ background-image:url(img/bg-gris-m.jpg); background-position:center; background-repeat:repeat-y}

.padbot30{ padding-bottom:30px}

.container.capsale{ padding:0}


@media (min-width:768px){
	
.navbar-nav>li:hover>.dropdown-menu{visibility:visible; display:block}

.navbar-nav {float: right;/* width:100%*/}
	
}

@media (max-width:1200px){
	.nav>li>a {
	padding: 10px 25px 10px 35px;
	background-size:24px;
 
}

	.nav>li>a:last-child {
	padding: 10px 0px 10px 35px; 
}

	
	}

@media (max-width:991px){

.nav>li>a {
	padding: 10px 15px 10px 28px;
	background-size:22px;
	font-size:13px;  
}

.nav>li>a:last-child {
	padding: 10px 0px 10px 28px; 
}

.navbar-collapse { width:calc(100% - 200px);}

img.slogan{ max-width:190px !important; width:100%; height:auto}

a .submenu{ 
	padding:15px 0 15px 26px;
	background-size:22px;
	background-position:left 11px;
	height:auto;
}


.bg-rosa-cont2{ 
 	min-height:1px;
	}
	
}


@media (max-width:767px){
	.container.capsale{ padding:0 15px}
	
.bg-ralla{ background-image:none}

.padbot30{ padding-bottom:15px}	

.descDinamic img{ width:100% !important; height:auto !important; max-width: 1000px !important;}

.container ul.tabs li { font-size:14px;}

.container ul.tabs li a{padding:10px 15px; }
	
.padesp{padding-right:0px}

.padesp2{padding-left:0px}
	
.footer p{ font-size:12px; line-height:2em;}	

.col-sm-50{ width:100%;   }
	
.pagina .bg-blauc{height:20px;}
	
.colesq{ padding-bottom:30px}
	
a .submenu{ 
	background-position:left 8px; 
	padding:12px 0 12px 30px;
	height:auto;
	border-bottom:#FFF solid 2px;
	background-size:24px;

}

a .submenu.last {border-bottom:none;}
	
.capsalera{ 
	background-position:bottom center; 
	background-size:400px; 
	height:110px; 
}

h1{ font-size:18px;line-height:1.2em;}

.info{ padding-bottom:30px;}

p.separa{ height:30px}
	
.navbar-collapse { 
	width:100%; 
	padding:0px; 
	border: #FFF solid 1px;
	border-radius:6px;
	/*margin-top:15px;*/
	}

.navbar-nav {margin:0;}

.navbar-nav>li{ width:100%; }	

.navbar-nav>li a{ padding-left:40px; background-position:5px 8px;border-bottom:#FFF solid 1px; font-size:14px}	

.navbar-nav>li a:last-child{border-bottom:none;}	

.navbar-nav .open .dropdown-menu {border-bottom:#FFF solid 1px;}

.navbar-nav .open .dropdown-menu>li>a {
  padding: 10px 15px 10px 35px; }

.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
  background-color: #0099d2;
  border-color: #00468c;
}

.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
  max-height: none;
}

.nav>li>a, .nav>li>a:last-child {
	padding: 10px 5px 10px 40px;
	background-size:24px;   
}

.text-avis{ 
	text-align:left;  
	width:100%; 
	border-top:#eee solid 1px; 
	padding-top:5px; 
	margin-top:5px;
	}
	
.bx-wrapper li .slider1{ padding-top:30px; padding-bottom:30px;}


.footer{ font-size:11px; line-height:1.4em; border-bottom:#00468c solid 4px; padding:10px 0 30px 0}
	
}



@media (max-width:580px){
.container ul.tabs li { font-size:13px;}

.container ul.tabs li a{padding:5px 5px; border-right:#FFF solid 2px }
#accordion .pane {
padding-right:20px
} 

.descDinamic{
	padding-right:15px;
}
 
}





#ernpopup-overlay {
	background-color: rgba(36, 49, 54, 0.8);
	height: 100%;
	left: 0;
	display: none;
	position: fixed;
	top: 0;
	width: 100%;
	z-index:99999898989898989;
}
#ernpopup-overlay-container {
	height: 400px;
	left: 50%;
	margin-left: -310px;
	position: absolute;
	top: 180px;
	width: 620px;
}
#ernpopup-overlay-container.v2 {
	margin-left: -200px;
	width: 397px;
}
#ernpopup-container {
	height: 100%;
	position: relative;
	width: 100%;
}
#ernpopup-circulo {
		-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
	
	background-image: url(../img/pastel.png);
	height: 396px;
	margin-left: -400px;
	opacity: 0;
	width: 397px;
}
#ernpopup-cerrar {
	
		-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
	box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.4);
	
	background-color: #8a8cbf;
	border-radius: 100%;
	color: #FFF;
	cursor: pointer;
	font-size: 30px;
	height: 48px;
	left: 330px;
	line-height: 48px;
	opacity: 0;
	position: absolute;
	text-align: center;
	top: 40px;
	width: 48px;
}
.ernpopup-boton {
		-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
	box-shadow: -4px 4px 4px rgba(0, 0, 0, 0.4);
	
	background-color: #103380;
	border-radius: 6px;
	color: #FFF;
	font-weight: bold;
	height: 44px;
	line-height: 44px;
	right: -200px;
	opacity: 0;
	position: absolute;
	text-align: center;
	text-transform: uppercase;
	width: 269px;
}
.ernpopup-boton a {
	color: #FFF;
	display: block;
	text-decoration: none;
}
#ernpopup-boton-historia {
	top: 100px;
}
#ernpopup-boton-videos {
	top: 160px;
}
#ernpopup-boton-imagenes {
	top: 220px;
}
#ernpopup-boton-noticias {
	top: 280px;
}
.ernpopup-boton.final {
	opacity: 1;
	right: 0;
}
#ernpopup-circulo.final {
	opacity: 1;
	margin-left: 0;
}
#ernpopup-cerrar.final {
	opacity: 1;
}

#ern75-topo {
	height: 138px;
	opacity: 0;
	position: fixed;
	right: -201px;
	top: 100px;
	z-index:999999999;
	width: 221px;
}
#ern75-topo.visible {
	opacity: 1;
	right: 0px;
}
#ern75-topo a {
	background-image: url(../img/recorte-peque.png);
	display: block;
	height: 100%;
	width: 100%;
}