/*!
 * Start Bootstrap - Modern Business (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */

/******************* GLOBAL */

html,
body {
    height: 100%;
	/*font-family: 'Roboto', sans-serif;
	font-family: 'Raleway', sans-serif;*/
	font-family: "Arial Narrow", Arial, sans-serif;
	font-size:18px;
	overflow-x:hidden;
}

body {
    padding-top: 50px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}

.img-portfolio {
    margin-bottom: 30px;
}

.img-hover:hover {
    opacity: 0.8;
}

.img-responsive {
    width:100%;
}

a {
    color: #008d93;
    text-decoration: none;
}

a.nohover:hover{
text-decoration:none;
}

a.linkwebsinv {
    float: left;
    border: 1px solid #008d93;
    background: #008d93;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    padding-top: 25px;
    text-align: center;
    width: auto;
    padding: 5px 10px;
    font-weight: 400;
    font-family: 'Raleway', sans-serif;
}

.breadcrumb > .active {
    color: #006080;
}

.breadcrumb > li {
    display: inline-block;
    text-transform: uppercase;
}

a.linkwebs{
	float:left;
    border: 1px solid #005f7f;
    color: #005f7f;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:700;
	padding-top:25px;
    text-align: center;
    width: auto;
    padding: 5px 10px;
    font-weight: 700;
    font-family: 'Raleway', sans-serif;
	font-size: 0.95em;
}

h4.tits_inside{
	float:left;
	margin-bottom:25px;
	margin-top: -2px;
	width:100%;
	color:#008d93;
	font-weight:700;
	text-transform:uppercase;
}

h4.titempleo {
    font-weight: 700;
    font-size: 2.1em;
    padding: 0 10px;
    text-transform: uppercase;
    font-family: 'Raleway', sans-serif;
	color:#006080;
	padding-top: 20px;
    letter-spacing: 0.1em;
}

.upper{
text-transform:uppercase;
}

.banderas{
	float: right;
    margin-top: -20px;
    margin-right: 10px;
}

.destacado{
	padding: 10px;
	margin-top: 25px;
	background: #d9eeef;
}


/******************* NAV BAR TOP FIXED */


.navbar-fixed-top {
    background: #fff !important;
	color:#000;
	border-bottom:0px;
}

.navbar-brand{height:100px;}

.navbar-brand>img {
    display: block;
	height:100%;
	margin-left: -82px;
}

.navbar-inverse .navbar-nav>li>a {
    line-height: 70px;
	font-weight:700;
	color:#006080;
	font-size:14px;
	padding: 10px 20px 10px 0;
	margin-top:10px;
	font-family: 'Raleway', sans-serif;
    text-transform: uppercase;
}
.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover {
    color: #008d93;
    background-color: #fff;

}

.navbar-inverse .navbar-nav > li > a.drop-toggle{
	margin-top: 27px;
	line-height:40px;
}

.menu-scroll {
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    background-color: #fff;
    height: 100px;
}

.navbar-inverse .navbar-nav>li.dropdown>a:hover ,.navbar-inverse .navbar-nav>li.dropdown>a:active, .navbar-inverse .navbar-nav>li.dropdown>a:focus {
    color: #008d93;
	background:#fff;
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    background-color: #fff;
	color: #008d93;
}


.navbar-inverse .navbar-toggle {
    border-color: #008d93;
    background: #008d93;

}

.navbar-inverse .navbar-nav > li.idiomasmenu{width:25px;font-size: 0.8em;}


/******************* HOME CARRUSEL */

header.carousel {
    height: 400px;
	background:url('../imgs/bgbicolor.jpg')top left repeat-y;
}

header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
    height: 100%;
}


header.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center top;
    background-size: cover;
}

.carousel-control {
    width: 5%;
    height: 100%;
	color:#80b0c0;
    background-image: none;
	opacity:1;
	text-align:center;
	display:block;
}

.carousel-control:focus {
    color: #fff;
    text-decoration: none;
    filter: alpha(opacity=100);
    outline: 0;
    opacity: 1;
}

.carousel-control.left {
	background:#006080;
    background-image: none;
    margin-left: 0;
	padding-left: 0;
    padding-top: 190px;
	float:left;
}

.carousel-control.right {
	background:#006080;
    background-image: none;
    margin-right: 0;
	padding-right: 0;
    padding-top: 190px;
	float:right;
}

.carousel-control.verde{
background:#008d93;
}

.carousel-control.nolink{
  pointer-events: none;
  cursor: default;
}


span.leftright{
	font-size: 60px;
}

.carousel-caption {
    position: absolute;
    text-align: left;
    line-height: 1;
    top: 0;
    margin-top: 0px;
	background:url('../imgs/bg_60.png')top left repeat;
	color:#fff;
	height:425px;
	width:35%;
	padding: 0;

}
.carousel-caption.left {left: 5%;}
.carousel-caption.right {left: 60%;}

.carousel-caption .wrp{
  	display: flex;
	align-items: center;
	width:80%;
	height:425px;
	font-size: 2.0em;
	line-height:1.2em;
	font-weight:300;
	background:#006080;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;
}

.carousel-caption.left .wrp{}
.carousel-caption.right .wrp{margin-left:21%}

div.carousel-caption > div.wrp {
  	box-sizing: border-box;
  	width: 80%;
  	display: flex;
  	align-items: center;
	padding-left: 5%;
    padding-right: 5%;
    text-align: center;
    margin-top: 5%;
}

/****************************************** TABLA VI�A ***************/

th {
    text-align: left;
    color: #006080;
    border-bottom: 1px solid #008d93;
}
tr{
    border-bottom: 1px solid #008d93;
}

td.first,th.first{
	color:#006080;
	width:20%;
	font-weight:700;
	font-size:0.8em;
	line-height:1.5;
}
td{
	padding-right:10px;
	line-height:1.1;
	padding-top:5px;
	padding-bottom:5px;
}
/******************************************************** ALINEACIONES y PADDINGS  */

.center{text-align:center;}
.izda{text-align:left;}
.dcha{text-align:right;}
.blanco{color:#fff; text-transform:uppercase}

.btn.btn-default.transblanco{
	background-color: rgba(255, 255, 255, 0.6);
    border-radius: 0px;
    color: #006080;
    padding-top: 5px;
}

.padding40{padding-top:40px}

.flex{display:flex;}

.h50{min-height: 50vh;}
.h60{min-height: 60vh;}

.padding04{margin:0; padding:0 0 4px 4px}
.padding08{margin:0; padding:0 0 8px 8px;}

.paddright0{padding-right: 0px;}

.panel.panel-default.margbot0{margin-bottom:0}

.padleftright0{padding-left:0; padding-right:0;}


.ancho82{
width: 82%;
}

/******************************************************** BREADCRUMBS   */

.breadcrumb {
    padding: 8px 15px 0px 10px;
    margin-bottom: 0px;
    list-style: none;
    background-color: transparent;
    border-radius: 0;
	font-size:0.7em;
	font-family: 'Raleway', sans-serif;
}

/******************************************************** PANELES   */


.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 0px solid transparent;
    border-radius: 0px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .0);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .0);
}

.panel-heading {
    padding: 10px 15px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.panel-default > .panel-heading {
    color: #000;
    background-color: #008d93;
    border-bottom: 1px solid #004e55;
}

.panel-default > .panel-heading.overlay {
    color: #FFF;
    background-color: #fff;
    border: 0px ;
	padding:0;
}

.panel-default > .panel-heading h4{
	font-weight:500;
	font-size:1.3em;

}
.panel-default > .panel-heading.overlay h4{
	font-weight:700;
	font-size:1.2em;
	margin-top:8px;
	text-transform: uppercase;
	font-family: 'Raleway', sans-serif;

}
.panel-default > .panel-heading.overlay h4 span{
	font-weight:700;
	font-size:0.8em;
}

.panel-body.nopad {
    padding: 0px;
	border:0;
}
.panel-body.nopad p{
    padding-top: 10px;
	font-size: 0.9em;
}
.panel-body.nopad a{
	float:right;
    padding-top: 2px;
	font-weight:700;
	color:#008d93;
	text-transform: uppercase;
}
.panel-body.nopad a:hover{
	color:#000;
}

.panel-body.nopad img{
    width:100%;
}

.imgbox img {
    width:100%;
	height:148px;
}

.imgbox{
  padding: 0px;
  position: relative;
  width: 100%;
}

.imgbox .overlay {
    background-color: rgba(0, 78, 85, 0.6);/* VERDE MUY OSCURO TRANSPARENCIAS */
    height: 40%;
    left: 0;
    opacity: 1;
    overflow: hidden;
    position: absolute;
    top: 0px;
    width: 100%;
	padding: 5px 15px 0 15px;
	font-size:0.9em;
	font-weight:500;
	color:white;
}
imgbox .overlay.intro{
    height: 41%;
}

.imgbox .overlaygenericos {
    height: 40%;
    left: 0;
    opacity: 1;
    overflow: hidden;
    position: absolute;
    top: 0px;
    width: 100%;
	padding:15px;
	font-size:0.9em;
	font-weight:500;
	color:white;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 0;
    margin-bottom: 8px;
}


.imgbox .overlay:hover {
    background-color: rgba(0, 78, 85, 1);
}

.imgbox .btnoverlay {
    /*background-color: rgba(0, 78, 85, 0.6);*//* VERDE MUY OSCURO TRANSPARENCIAS */
    height: 20%;
    left: 0;
    opacity: 1;
    overflow: hidden;
    position: absolute;
    top: 40%;
    width: 100%;
	padding:0;
	font-size:0.9em;
	font-weight:500;
	color:white;
	text-align: right;
    padding-right: 20px;
}

.imgbox.linkareate{
cursor:pointer;
}

.et_pb_video_box{
    width: 100%;
    float: left;
    margin-top: 50px;
}
audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline;
    width: 100%;
}
/******************************************************** ROWS   */

.row.intro{
    min-height: 45vh;
}

.altura65{
    min-height: 65vh;
}

.altura57{
    min-height: 57vh;
}

/******************************************************** PAGES   */

.container2 {
  padding-right: 30px;
  padding-left: 30px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 768px) {
  .container2 {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container2 {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  	.container2 {
    	width: 1170px;
  	}

}


.container2-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}


.page-header {
    padding-bottom: 9px;
    margin: 40px 0 20px;
    border-bottom: 0px solid #eee;
}


.verde1b{background:#d9eeef;}
.verde2b{background:#008d93;}
.verde3b{background:#006080;}


.verde1c{color:#d9eeef;}
.verde2c{color:#008d93;}
.verde3c{color:#006080;}

.trans{background-color:transparent}
.bicolor{background:url('../imgs/bgbicolor.jpg')top left repeat-y;height: 128px;}

header#pagetitle{
	position:relative;
	height:auto;
	margin-top:50px;
	border:0;
}

.row#titpagina >div>{
	margin:0;
	padding:0;
	border:0;
}

.row#titpagina > div:nth-child(1){background:#d9eeef;   height: 128px;}
.row#titpagina > div:nth-child(2){background:#d9eeef;	margin-left: -1px;height:128px;line-height:128px;}

.row#titpagina > div >h4{
	font-weight:300;
	font-size:2.3em;
	padding:0 10px ;
    text-transform: uppercase;
	font-family: 'Raleway', sans-serif;
}

.row#titpagina > div#desctitulo p{
	font-weight:600;
	padding:23px 23px 0px 23px;
	line-height:normal;

}

span.bold, p.bold{
font-weight:700;
}

.grisnoflex{
	height: auto;
	background:#f6f6f6;
	margin-left: 15px;
}


.grisnoflex .col-md-6{
	padding-right: 20px!important;
}


.gris{
	height: 65vh;
	background:#f6f6f6;
	margin-left: 15px;
	display:flex;
	flex-direction:column;
}

.gris > div{
	flex:1
}


.formacion{
	float:left;
	width:90%;
	background:#aad1d3;
	padding:10px;
	margin-bottom:15px;
  font-size: 16px;
	font-family: 'Raleway', sans-serif;
	font-weight:700;
	margin-top:20px;
}

.formacion.fichaproducto{width: 100%;font-size:14px;margin-top: 0;}
.imgnani{width: 100%;font-size:14px;margin-top: 0;}



.formacion>div.iconoformacion,.iconoformaciondet{
	float:left;
	width:25%;
}
.iconoformaciondet{margin-left: 15px;}

.formacion>div.iconoformacion img,.iconoformaciondet img{
	width:100%;
}

.formacion>div.textoformacion{
	float:left;
	width:75%;
	text-align:center;
	color:#008D93;
}

.textoformaciondet{
	float:left;
	width:70%;
	text-align:left;
	color:#fff;
	padding-left: 10px;
    padding-top: 10px;
}

.formacion >div.textoformacion a.linkformacion{
	text-align: center;
    width: 80%;
    margin: 5px auto;
    padding: 5px 15px;
    color: #fff;
    font-weight: bold;
    background: #008D93;
    text-decoration: none;
    display: block;
}

.formacion >div.textoformacion a.linkcovid{
	text-align: center;
    width: 80%;
    margin: 5px auto;
    padding: 5px 15px;
    color: red;
    background-color: white;
    font-weight: bold;
    text-decoration: none;
    display: block;
}

.formacion >div.textoformacion a.linkcovid:hover{
    color: white;
    background-color: red;
}

.detformacion{
	color:#006080;
	font-size:0.8em;
	text-transform:uppercase;
}

.detformacionlight{
	color:#006080;
	font-size:0.8em;
	font-weight:400;
    padding-top: 3px;
}

.linkcursodet{
	background: #008D93;
    float: right;
    margin-right: 0px;
}

.linkcursodet a{
	padding: 5px 5px;
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    text-align: center;
    color: #fff;
    text-decoration: none;
    font-size: 0.8em;
}

.linkcursodet a:after{
  font-family: FontAwesome;
  content: "\f04b";
  padding-left:8px;
}

.sepblanco{
	float:left;
	width:100%;
	border-bottom:1px solid #fff;
	height:5px;
	margin-bottom:5px;
}

.col-sm-4.colIconos{
	text-align: center;
    line-height: 1.0;
    font-size: 0.9em;
}

/******************************************************* PAGINA QUIENES SOMOS */

#cycler{position:relative;}
#cycler img{position:absolute;z-index:1}
#cycler img.active{z-index:3}


/*************************************************** PROSPECTOS */

.prospectos{
	display:none;
	float: left;
    width: 110%;
    background: #d9eeef;
    padding: 10px;
    margin-bottom: 10px;
	margin-left:10px;
    font-size: 12px;
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
    margin-top: 20px;

}



/******************************************************** PAGINAS FORMACION */

.formacionintro{
	padding: 0;
    margin: 0;
    margin-left: 15px;
    width: 97.5%;
    height: 100%;
	background: url('../imgs/foto_formacion.jpg')no-repeat top left;
	background-size:100%;
}
.icoformacion,.formacionat{
	text-align:center;
	padding-top:20px;
}

.icoformacion img,.formacionat img{
	width:80%;
}

.col-md-4.boxformacion{
	padding: 0 0 0px 8px;
	margin:0, 0, 0, 0;

}

h4.blancoformacion{
	color:#fff;
	font-family: 'Raleway', sans-serif;
	font-weight:700;
	margin-top: 35px;
    font-size: 1.6em;
}

h4.formac{
    font-weight: 700;
	height:65px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 0;
    margin-bottom: 8px;
	background-color: rgba(0, 141, 147,0.5);

}
h4.formac a{
	color:#fff;
	text-decoration:none;
    width: 100%;
    text-align: center;
	font-family: 'Raleway', sans-serif;
}

h4.formac:hover{
	background-color: rgba(0, 141, 147,1);
}

h4.formaccovid{
    font-weight: 700;
	height:65px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 0;
    margin-bottom: 8px;
	background-color: rgba(255, 0, 0,0.5);

}
h4.formaccovid a{
	color:#fff;
	text-decoration:none;
    width: 100%;
    text-align: center;
	font-family: 'Raleway', sans-serif;
}

h4.formaccovid:hover{
	background-color: rgba(255, 0, 0,1);
}

h4.subformacion,h4.subformacion1{
	font-family: 'Raleway', sans-serif;
	font-weight:700;
	font-size:1.5em;
}
h4.subformacion{
	color:#005F7F;
	padding-top: 10px;
}
h4.subformacion1{
	color:#008D93;
}

p.boldverde{
	font-weight:700;
	color:#008D93;
	padding-right:30px;
}
.imgcurso{
	float:left;
	width:100%;
	height:100px;
	margin: 15px 0;
}
.imgcurso img{
	height:100%;
	width:auto;
}
p.descformacion{
	padding-right:30px;
}

.linkcurso{
	background: #008D93;
    float: right;
    margin-right: 30px;
}

.linkcurso a{
	padding: 5px 15px;
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    text-align: center;
    color: #fff;
    text-decoration: none;
    font-size: 0.8em;
}

.linkcurso a:after{
  font-family: FontAwesome;
  content: "\f04b";
  padding-left:8px;
}
/******************************************************** PAGINA CONTACTO   */

.contacto{
	padding: 0;
    margin: 0;
    margin-left: 15px;
    width: 97.5%;
    height: 100%;
	background: url('../imgs/foto_contacto.jpg')no-repeat top left;
	background-size:100%;
    padding-bottom: 9%;
    padding-top: 24%;
    padding-left: 66%;
}

h4.blancocontacto{
    color: #fff;
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
    font-size: 1.6em;
}
p.direccion{
	color:#fff;
}

/******************************************************** PAGINA TRABAJO   */

.trabajo{
	padding: 0;
    margin: 0;
    margin-left: 15px;
    width: 97.5%;
    height: 100%;
	background: url('../imgs/foto_trabajo.jpg')no-repeat top left;
	background-size:100%;
    padding-bottom: 9%;
    padding-top: 24%;
    padding-left: 66%;
	margin-bottom: 0;
    padding-bottom: 0;
    min-height: 350px;
}


/******************************************************** PAGINA PERSONAS */


iframe{
    width: 100%;
    border: 0;
    min-height: 400px;
}

/******************************************************** PAGINA NOTICIAS   */

.noticias{
	padding: 0;
    margin: 0;
    margin-left: 15px;
    width: 97.5%;
    height: 100%;
	background: #f6f6f6;
    padding: 15px;
}

h4.noticias {
	padding: 0;
    font-weight: 300;
    font-size: 1.6em;
    text-transform: uppercase;
    font-family: 'Raleway', sans-serif;
    color: #008d93;
    margin-top: 10px;
}


h5.noticias{
	font-weight:700;
	padding:0;
	color:#006080;
	margin-top:20px;
}

.botonesnews{
    margin-top: 10px;
    margin-left: 15px;
}

a.btn_orden.active{
	background: #008d93;
    color: #fff;
    padding: 5px 10px;
    font-size: 0.9em;
    font-family: 'Raleway', sans-serif;
	margin-right:10px;
	border:1px solid #008d93;
	text-decoration:none;
}
a.btn_orden{
	background: #fff;
    color: #008d93;
    padding: 5px 10px;
    font-size: 0.9em;
    font-family: 'Raleway', sans-serif;
	margin-right:10px;
	border:1px solid #008d93;
    text-transform: uppercase;
}

.btn_orden:hover{
	text-decoration:none;
}

p.titularnews{
	font-weight: 700;
    padding: 0;
    margin: 0;
    margin-top: 20px;
    margin-left: 30px;
}

p.titularnews a{;
    color: #006080;
	text-decoration:none;
}

p.excerpt, p.completo{
    padding: 0;
    margin: 0;
    margin-left: 30px;
	margin-right: 30px;
}

p.completo{display:none}

p.datosnews span{
	font-size: 0.8em;
    font-weight: 700;
    color: #;
    color: #008d93;
    margin-left: 30px;
}

.buscarnews{
    margin-left: 15px;
}
.buscarprods{
    float: right;
    width: 50%;
    margin-top: -50px;
    padding-left: 20%;
}

.buscarprods input{
	border: 1px solid #008d93;
    width: 85%;
    padding-left: 5px;
    padding-bottom: 2px;
    font-family: 'Raleway', sans-serif;

}
.buscarnews input{
	border: 1px solid #008d93;
    width: 30%;
    padding-left: 5px;
    padding-bottom: 2px;
    font-family: 'Raleway', sans-serif;
}


button.btn_buscar_lupa{
	border: 0;
    background: transparent;
    color: #;
    color: #008d93;
    padding: 0;
    font-size: 1.4em;
    padding-left: 5px;
}

a.btn_buscar{
	background: #008d93;
    color: #fff;
    padding: 5px 10px;
    font-size: 0.9em;
    font-family: 'Raleway', sans-serif;
	margin-right:10px;
	text-decoration:none;
	margin-left:5px;
	text-transform: uppercase;
}

a.btn_buscar_lupa{
    color: #008d93;
    font-size: 1.3em;
    text-decoration: none;
    margin-left: 10px;
    padding: 0;
    font-weight: 700;
}


::placeholder {
	color: #01a8af;
	font-size: 0.7em;
    font-family: 'Raleway', sans-serif;
}

input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
input:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
input:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */


img.imgnoticias{
    float: right;
    width: 45%;
    margin-right: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
}

/*************************************************** PAGINA MAPA ***********/

.direccionesmapa {
	padding: 10px 0 0 0;
	background:#005f7f;
	color:#fff;
	position:absolute;
	z-index:100;
	width:200px;
	display:none;
	font-size:0.9em;
	-webkit-box-shadow: 0px 1px 16px 1px rgba(0,0,0,0.41);
	-moz-box-shadow: 0px 1px 16px 1px rgba(0,0,0,0.41);
	box-shadow: 0px 1px 16px 1px rgba(0,0,0,0.41);
}
.direccionesmapa:before{
	content: ' ';
	position: absolute;
	left: 20px;
	top: -6px;
	width: 14px;
	height: 14px;
	background-color: #005f7f;
	border-top: 1px solid rgba(0, 0, 0, 0.2);
	border-left: 1px solid rgba(0, 0, 0, 0.2);
	border-bottom: none;
	border-right: none;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
}

.direccionesmapa p{
	float:left;
	width:100%;
	background:#008d93;
	padding: 5px 10px;
}
.direccionesmapa span{
font-weight:700;
padding-left:10px;
}








/******************************************************** TITULOS   */
h5, .h5 {
    font-size: 18px;
	font-family: 'Raleway', sans-serif;
}

/******************************************************** FOOTER   */
footer{
	text-align: center;
    border-top: 1px solid #b6b6b6;
    margin: 30px 0px 10px 0px;

}
.footer-links{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.footer-links li{
	display:inline-block;
 }

.footer-links li a {
    display: block;
    padding: 10px 30px;
    color: #008d93;
	text-decoration:none;
	font-weight:700;

}

.footer-links li a.active, .footer-links li a:hover {
    color: #002a2c;
}


/******************************************************** MENU LATERAL   */

.side-links{
    list-style-type: none;
    margin: 0;
    padding: 0;
	margin-top:25px;
}
.side-links li{
	display:block;
 }

.side-links li a {
    display: block;
    padding: 10px 30px 10px 15px;
    color: #006080;
	text-decoration:none;
	font-weight:700;
	font-family: 'Raleway', sans-serif;
	font-size:15px;

}

.side-links li a.active, .side-links li a:hover {
    color: #008d93;
}

.side-links li a.active:before{
    content: "\f04b";
    font-family: FontAwesome;
	margin-left: -15px;
    padding-right: 5px;
}
/******************************************************** SUBMENU DROPDOWN   */

.nav>li>a:hover, .nav>li>a:focus, .nav .open>a, .nav .open>a:hover, .nav .open>a:focus {
    background:#fff;
}
.ddropdown.abierto{
    background:#fff;
}

.dropdown-menu>li>a {
/*.drop-menu>li>a {*/
    font-size: 15px;
    display: block;
    margin:0;
    padding: 7px 10px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #006080;
    white-space: nowrap;
    font-weight: 700;

}
.navbar-nav > li > .dropdown-menu {

/*.ddropdown ul.drop-menu {*/
    border-radius:0px;
    margin-top:15px;
    width:220px;
	background:#d4c2c8;
    position: absolute;
    top: 85px;
    z-index: 1000;
    float: left;
    min-width: 220px;
    padding: 5px;
    font-size: 15px;
    text-align: left;
    list-style: none;
    border:0;
	background:transparent.
    left: 50px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.navbar-nav > li > .dropdown-menu:before{
/*.ddropdown ul.drop-menu:before {*/
    content: "";
  	width: 66%;
  	height: 25px;
	background:#d4c2c8;
    position: absolute;
    /*border-bottom: 16px solid #d4c2c8;
    border-right: 16px solid transparent;
    border-left: 16px solid transparent;
    left: 26px;*/
	top: -21px;
	left:0;
    z-index: 10;
}


/******************************************************** BOTON BLANCO BORDE VERDE DESPLEGABLE Y NO DESPLEGABLE   */

.btn-grande {
	color: #006080;
	background-color: #fff;
	border-color: #008d93;
	font-size:1.3em;
	border-radius: 0px;
	outline:0;
}
.btn-grande:focus,
.btn-grande.focus {
	color: #006080;
	background-color: #fff;
	border-color: #008d93;
}
.btn-grande:hover {
	color: #006080;
	background-color: #fff;
	border-color: #008d93;
}
.btn-grande:active,
.btn-grande.active,
.open > .dropdown-toggle.btn-default {
	color: #006080;
	background-color: #fff;
	border-color: #008d93;
}
.btn-grande:active:hover,
.btn-grande.active:hover,
.open > .dropdown-toggle.btn-grande:hover,
.btn-grande:active:focus,
.btn-grande.active:focus,
.open > .dropdown-toggle.btn-grande:focus,
.btn-grande:active.focus,
.btn-grande.active.focus,
.open > .dropdown-toggle.btn-grande.focus {
	color: #006080;
	background-color: #fff;
	border-color: #008d93;
}
.btn-grande:active,
.btn-grande.active,
.open > .dropdown-toggle.btn-grande {
  background-image: none;
}
.btn-grande.disabled:hover,
.btn-grande[disabled]:hover,
fieldset[disabled] .btn-grande:hover,
.btn-grande.disabled:focus,
.btn-grande[disabled]:focus,
fieldset[disabled] .btn-grande:focus,
.btn-grande.disabled.focus,
.btn-grande[disabled].focus,
fieldset[disabled] .btn-grande.focus {
  background-color: #fff;
}
.btn-grande .badge {

}


.icon.slide{color: #006080;font-size:1.3em; margin-left:10px;}

/******************************************************** SUBMENU EN BOTONES   */

.slidesub{
	background:#f6f6f6;
	width: 80%;
    margin-left: 18%;
    padding-top: 15px;
	padding-bottom:15px;
    list-style-type: none;
	display:none;
}

.slidesub li a {
    display: block;
    padding: 3px 10px 3px 5px;
    color: #000;
	text-decoration:none;
	font-weight:700;
	font-size:0.9em;
}

.slidesub li a.active, .slidesub li a:hover {
    color: #008d93;
}


/**************************** POPUP DISCLAIMER ************************/

.black_overlay{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: #fff;
	z-index:1001;
	-moz-opacity: 0.6;
	opacity:.680;
	filter: alpha(opacity=60);
}

.white_content {
	display: none;
	position: absolute;
	top: 30%;
	left: 35%;
	width: 30%;
	min-height: 20%;
	padding: 18px;
	border:0;
	background-color: #006080;
	color:#fff;
    outline: 0;
	z-index:1002;
	overflow: auto;
	font-size:1.2em;
	-webkit-box-shadow: 9px 9px 35px -10px rgba(0,0,0,0.75);
	-moz-box-shadow: 9px 9px 35px -10px rgba(0,0,0,0.75);
	box-shadow: 9px 9px 35px -10px rgba(0,0,0,0.75);
	font-family: 'Raleway', sans-serif;
}

.lightext{
	float:left;
	width:100%;
    min-height: 150px;
    padding: 10px 0;
}

.lightbotones{
	float:left;
	width:50%;
    min-height: 16.43px;
    padding: 10px 0;
    border-top: 0px solid #e5e5e5;
	text-align:center;
}

.disclaimer{
	margin: 0 auto;
	width:30px;
	height:30px;
	background:#fff;
	border:1px solid #008d93;
	cursor:pointer;
}




/**************************** PAGINA DE AREA TERAPEUTICA INTRO ************************/
h5.areapats {
    font-size: 1.2em;
    color: #008d93;
    float: left;
    width: 100%;
    /* margin-top: 32px; */
    font-weight: 700;
    text-transform: uppercase;
    padding-left: 5px;
    margin-top: 0px;
	cursor:pointer;
}
.slidepatologias{
display:none;
padding-bottom:15px;
padding-left:5px;
}

img.center80{
	width:80%;
	margin:0 auto;
	float:none;
}

.col-md-4.boxgenericos{
	padding: 0 0 0px 8px;
	margin:0, 0, 0, 0;
}


h4.genericos{
    font-weight: 700;
	height:80px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 0;
    margin-bottom: 8px;

}
h4.genericos a{
	color:#fff;
	text-decoration:none;
    width: 100%;
    text-align: center;
	font-family: 'Raleway', sans-serif;
}
.col-md-12.vademecum{
	padding-left: 8px;
    margin-top: 30px;
	display: flex;align-items: flex-end;height: 27.8vh;
}

.col-md-12.vademecum a{
	float:left;
	border:1px solid #005f7f;
	color:#005f7f;
	text-decoration:none;
	text-align:center;
	width:auto;
	padding:5px 10px;
	font-weight:700;
	font-family: 'Raleway', sans-serif;
}

.imgbox .overlayG {
    min-height: 30%;
    left: 0;
    opacity: 1;
    overflow: hidden;
    position: absolute;
    top: 0px;
    width: 100%;
    padding: 15px 15px 0 15px;
    font-size: 0.9em;
    font-weight: 500;
    color: white;
}
.panel-default > .panel-heading.overlay h4.G {
    font-weight: 700;
    font-size: 1.7em;
    margin-top: 2px;
    text-transform: uppercase;
    font-family: 'Raleway', sans-serif;
    padding-left: 10px;
}

.listaprodsG{
	margin-top: 80px;
    margin-left: 30px;
	font-weight:700;
}
.listaprodsG p{
	margin-bottom:3px;
}
.listaprodsG p a{
	color:#000;
}

.listaprodsG p a:hover{
	color:#008D93;
}


/**************************** PAGINA DE PRODUCTO ************************/

h4.titareaterapeutica{
	font-weight: 300;
    font-size: 2.3em;
    text-transform: uppercase;
    color: #006080;
    font-weight: 700;
    float: left;
    width: auto;
    margin-left: 10px;
    font-family: 'Raleway', sans-serif;
    padding: 0;
    margin-bottom: 5px;
}

h4.titareaterapeuticaG{
	font-weight: 300;
    font-size: 1.2em;
    padding: 14px 20px;
    text-transform: uppercase;
    color: #FFF;
    font-weight: 700;
    float: left;
    width: 90%;
    margin-left: 7px;
    margin-top: 0;
    font-family: 'Raleway', sans-serif;
}


h4.titareaterapeuticaprod{
    font-weight: 300;
    font-size: 2.3em;
    padding: 10px;
    text-transform: uppercase;
	color:#006080;
	font-weight:700;
	float:left;
	width:auto;
	margin-left: 0px;
	font-family: 'Raleway', sans-serif;
	width:100%;
}

span.nombreprod{
    font-size: 1.2em;
    color: #008d93;
    float: left;
    width: 100%;
    margin-top: 0px;
    font-weight: 700;
    text-transform: uppercase;
    padding-left: 5px;
    font-family: 'Raleway', sans-serif;
	padding-bottom: 10px;
	padding-left:10px;
}

span.pactivo{
	font-size: 0.7em;
    color: #000;
    float: left;
    width: 100%;
    margin-top: -4px;
    font-weight: 700;
    text-transform: uppercase;
    padding-left: 5px;
    font-family: 'Raleway', sans-serif;
	padding-left:10px;
}

.fotoproducto{ text-align:left;}

.fotoproducto img{
width:80%;
}

.relacionados{
	float:left;
	width:90%;
	padding:0px;
	font-size:0.9em;
	padding-bottom:10px;
}

.relacionados h4{
    font-size: 0.9em;
    padding: 5px 10px;
    text-transform: uppercase;
    color: #fff;
    background: #005f7f;
    font-weight: 700;
    float: left;
    width: 100%;
    margin-left: 0px;
    font-family: 'Raleway', sans-serif;
}


.innerscroll{
	float:left;
    overflow:hidden;
    height: 160px;
	width:85%;
	padding-bottom:10px;
}
.innerscroll p{padding-left: 10px;margin-bottom: 3px;}

.arrows{float:left;width:10%; text-align:center}

.arrows>div.up{
    top: 0;
    cursor: pointer;
    width: auto;
    padding-left: 30px;
}

.arrows>div.down{
    bottom: 0;
    cursor: pointer;
    width: auto;
    padding-left: 30px;
	margin-top:100px;
}

h4.subtits_prod{
    font-size: 0.9em;
    padding: 5px 10px;
    text-transform: uppercase;
	color:#fff;
	background:#005f7f;
	font-weight:700;
	float:left;
	width:100%;
	margin-left: 0px;
	font-family: 'Raleway', sans-serif;
}

.col-md-4.colIconos{
    text-align: center;
    font-size: 0.8em;
    line-height: 1.1em;
    font-weight: bold;
	padding-left: 0;
    padding-right: 0;

}
.col-md-4.colIconos img{
	width: 60%;
    margin-top: 10px;
}


.bordergreen{
	border-top:2px solid #005f75;
}

p.mitab{padding-left: 15px;border-top: 1px solid #fff;margin:0;font-size: 0.9em;}
p.mitab.topline{
	border-top: 1px solid #008d93;
    float: left;
    margin-left: 15px;
    padding-left: 0;
    width: 92%;
}

.mitab{
	font-weight:700;color: #008d93;
	text-decoration:none;
}
.mitabcontent{
	display:none;
	padding-left: 25px;
	margin-bottom:10px;
	float: left;
    height: 100%;
    border-bottom: 1px solid #fff;
}
.mitabcontent.bottomline{
	display:block;
    border-bottom: 1px solid #008d93;
	margin-left: 15px;
    width: 92%;
}

.titexcipientes{
    color: #005f7f;
    font-weight: 700;
    padding-top: 5px;
    text-align: left;
    padding-left: 15px;
    border-top: 1px solid #008d93;
    margin-top: 15px;

}

.col-md-4.excipientes{
	text-transform:uppercase;
	text-align:center;
    font-size: 0.7em;
    line-height: 1.1em;
}
.col-md-4.excipientes img{
	width:60%;
}

.tipgenericos{
	float: left;
    width: 90%;
    padding: 0px;
    font-size: 0.9em;
    padding-bottom: 10px;
	margin-left:0px;
}

.tipgenericos h4{
    font-size: 0.9em;
    padding: 15px 20px;
    text-transform: uppercase;
    color: #fff;
    background: #008D93;
    font-weight: 700;
    float: left;
    width: 100%;
    margin-left: 0px;
    font-family: 'Raleway', sans-serif;
    line-height: 1.5;
}

.excipientesicons{
	float: left;
    margin-left: 0;
    padding: 0;
}

.excipientesicons li{
    display: inline-block; /* changed */
    list-style-type: none;
    padding-right: 20px;
    vertical-align: middle;
	text-align:center;
	font-size: 0.7em;
    line-height: 1.2em;
	text-transform:uppercase;
}

.detalleformacion{
	padding-top: 10px;
    float: left;
    width: 100%;
	display:none;
}

.nuevapresentacion{
  color: red;
  /*
  color: white;
  padding: 5px;
  background-color: red;
  */
}

/********************************* TIMELINE QUIENES SOMOS *********************/

.main-timeline-section{
  position: relative;
  width: 100%;
  margin:auto;
  height:180px;
}
.main-timeline-section .timeline-start,
.main-timeline-section .timeline-end{
  position: absolute;
  background:#F2635F;
  border-radius:100px;
  top:50%;
  transform: translateY(-50%);
  width:30px;
  height:30px;
  display:none;
}
.main-timeline-section .timeline-end{
  right:0px;
}
.main-timeline-section .conference-center-line{
  position: absolute;
  width:100%;
  height: 2px;
  top: 66%;
  transform: translateY(-50%);
  background:#006080;
}
.timeline-article{
    width: 20%;
    position: relative;
    min-height: 180px;
    float:left;
}
.timeline-article .content-date{
    position: absolute;
    top: 35%;
    left: -30px;
    font-size:18px;
}
.timeline-article .meta-date{
    position: absolute;
    top: 66%;
    left: 100px;
    transform: translateY(-50%);
    width:20px;
    height:20px;
    border-radius: 100%;
    background:#006080;
    border:1px solid #006080;
}
.timeline-article .content-box{
    /* box-shadow: 2px 2px 4px 0px #c1c1c1; */
    border: 2px solid #006080;
    border-radius: 0px;
    background-color: #fff;
    width: 150px;
    position: absolute;
    top: 60%;
    padding: 10px;
    height: 80px;
    left: 33px;
	color:#008d93;
}

.content-box p{margin:0}
.content-box span{
	font-weight: 500;
    float: left;
    width: 100%;}


.timeline-article-top .content-box:before{
  content: " ";
  position:absolute;
  left:50%;
  transform: translateX(-50%);
  top:-20px;
  border:10px solid transparent;
  border-bottom-color: #F2635F;
}
.timeline-article-bottom .content-date{
  top: 59%;
}
.timeline-article-bottom .content-box{
  	top: 0%;
    font-size: 0.9em;
    font-weight: 700;
    text-align: center;
	line-height: 1.2em;
}
.timeline-article-bottom .content-box:before{
  content: " ";
  position:absolute;
  left:50%;
  transform: translateX(-50%);
  bottom:-20px;
  border:10px solid transparent;
  border-top-color:#006080;
}



.timelinecontent{
display:none;
}


.timeline-article-bottom .content-box.active{
color:#fff;
background:#008d93;
}

a.timelines.active{
color:#fff;
text-decoration:none;
}





span.historiaimg{
float:left;
width:30%;
margin:0:
padding:0;
}


span.historiaimg img{
width:95%;
float:left;
margin:0;
padding-top:5px;
}


	.col-sm-6.prodmedicaintro{
		text-align: center;
		padding: 10px;
		height: 150px;
	}

	.formacion.fichaproducto{width: 100%;font-size:14px;margin-top: 0}

	 img.bioimagen{width:100%}



/* 404 Page Styles */

.error-404 {
    font-size: 100px;
}

/* Pricing Page Styles */

.price {
    display: block;
    font-size: 50px;
    line-height: 50px;
}

.price sup {
    top: -20px;
    left: 2px;
    font-size: 20px;
}

.period {
    display: block;
    font-style: italic;
}


.navbar-inverse .navbar-nav>li>a.as_menu{
	font-size: 1vh;color: #008d93;font-weight: 500;padding: 0px;margin: 0px;line-height: 20px;margin-top: 43px;
}

.navbar-inverse .navbar-nav>li>a.logout{
	font-size: 1vh;color: #707070;font-weight: 500;padding: 0px;margin: 0px;line-height: 20px;
	
}



/* Small screens */
@media all and (max-width: 500px) {
	
	
	
	
	


	.navbar-inverse .navbar-nav>li>a.as_menu{
		font-size: 2vh;
		color: #008d93;
		font-weight: 500;
		padding: 0px;
		margin: 0px;
		line-height: 20px;
		margin-top: 5px;
		padding-left: 16px;
	}
	
	
	.navbar-inverse .navbar-nav>li>a.logout {
	    font-size: 13px;
	    color: #707070;
	    font-weight: 500;
	    padding: 0px;
	    margin: 0px;
	    line-height: 20px;
	    margin-left: 16px;
	}

}



.area_tera_special{
	width: 20%;
}
.area_tera_special2{
	width: 16%;
}

/******************************************************** PAGINA PROTECCION DATOS   */

summary { 
    font-size: 160%;
    font-weight: bold;
}

summary::-webkit-details-marker { display: inline-block; }

summary:hover { cursor: pointer; }


/**********************************************************************************************************/
/************************************************************************* Responsive Styles **************/
/**********************************************************************************************************/


@media(max-width:1440px) {

	 header.carousel {height: 300px;}
	.carousel-control.left, .carousel-control.right{padding-top: 140px;}
	.carousel-caption .wrp {height:300px;}
	.navbar-brand > img {margin-left: -52px;}
}


@media(max-width:1280px) {
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }
	.navbar-brand > img {
	    height: 78%;
	    margin-left: -20px;
	}
	.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
	    width: 77%;
	    float: left;
	}
	.navbar-inverse .navbar-nav > li > a {
		line-height: 57px;
		font-size: 12px;
		padding: 5px 20px 5px 0;
		margin-top: 17px;
	}
	.carousel-caption .wrp {
	    line-height: 1.2em;
	}
	.ancho82{
		width: 81%
	}
	.side-links li a {
    font-size: 12px;
	}
	.col-sm-2.gris{
		padding-left: 8px;
	}
}


@media (max-width:1024px) {
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }
	.page-header {
	    margin: 10px 0 20px;
	}
	.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
	    margin-left: 0px;
	}

	.navbar-brand{foat:left;width:100%;margin-top: -40px;}
	.navbar-brand > img {
	    height: 70%;
		width:auto;
		margin:30px auto;
	}
	.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
	    width: 100%;
	    float: left;
	}
	.navbar-right {
	    float: left !important;
	    margin-right: -15px;
		width:100%;
		margin-top: 5px;
	}
	.navbar-inverse .navbar-nav > li > a {
		line-height: 57px;
		font-size: 14px;
		padding: 3px 20px 3px 0;
		margin-top: 0px;
	}
	.panel-default > .panel-heading.overlay h4 {
	    font-weight: 700;
	    font-size: 1.1em;
	    margin-top: 8px;
	    text-transform: uppercase;
	    font-family: 'Raleway', sans-serif;
	}
				/*.navbar-inverse .navbar-nav > li > a {
				    line-height: 12px;
				    font-size: 13px;
				    padding: 5px 48px 5px 0;
				    margin-top: 27px;
				}
				.navbar-inverse .navbar-nav > li > a.drop-toggle{
				    margin-top: 13px;
					line-height:40px;
				}

				.ddropdown ul.drop-menu {
				    margin-top: -21px;
				}
				.ddropdown ul.drop-menu::before {
				    height: 15px;
					top:-15px;
				}*/


	.imgbox .overlay {line-height: 1.1em;padding: 5px 0px 0 0px;}
	 header.carousel {height: 250px;margin-top:40px}
	.carousel-caption .wrp {font-size: 1.6em;padding-top: 5%;}
	.footer-links li a {padding: 10px 20px;}

	 header#pagetitle {margin-top: 80px;}
	.row#titpagina > div > h4 {
	    font-size: 2.0em;
	    padding: 0 10px;
	}

	.timeline-article {width: 16%;}
	.timeline-article .meta-date {left: 45px;}
	.timeline-article-bottom .content-box {font-size: 0.7em;}
	.timeline-article .content-box {width: 106px;left: 0px;}
	.timelinecontent {margin-left: 20px;}

	.col-sm-2 {width: 23%;}
	.ancho82{width: 70%;}

	.white_content {left: 15%;width: 70%;}
	.img-responsive.prodsalter{width:50%}

	.buscarprods {padding-left: 15%;}
	.formacion {width: 100%;}
	.col-sm-9 {width: 73%;float: left;}

	.bodegon img{width:100%}

	.col-sm-6.prodmedicaintro{
		text-align: center;
		padding: 10px;
		height: 150px;
	}

	.breadcrumb {padding: 8px 5px 0px 5px;font-size: 0.6em;}
	.imgbox .overlayG {padding: 10px 10px 5px 10px;font-size: 0.6em;}
	.formacion.fichaproducto {width: 100%;}
	.textoformaciondet {width: 68%;}
	.col-sm-4.colIconos {
	    text-align: center;
	    line-height: 1.0;
		padding-left:0;
		padding-right:0;
		font-size: 0.8em;
	}

}






@media (min-width:768px) and (max-width:991px) {
    /*.customer-img,
    .img-related {
        margin-bottom: 30px;
    }

	.navbar-inverse .navbar-toggle {
	    border-color: #008d93;
	    background: #008d93;
	    margin-top: 20px;
	}
		/*.navbar-brand > img {
		    height: 70%;
		    margin-left: 0px;
		}*/
	.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
	    width: 100%;
	    float: left;
	}
		/*.navbar-right {
		    float: right !important;
		    margin-right: -15px;
			width:90%;
		}*/

	.carousel-control.left, .carousel-control.right{padding-top: 100px;}
	.carousel-caption .wrp {height:250px;}
	.carousel-caption .wrp {font-size: 1.3em;padding-top: 5%;}

	.col-md-6 .index{width:50%;float:left;padding-left:0;padding-right:0}*/
	.formacion.fichaproducto{width: 70%;}



	
	
	
	

}





@media(max-width:767px) {


    .img-portfolio {margin-bottom: 15px; }
	.navbar-brand {width:70%;}
	.navbar-brand > img {
	    height: 70%;
	    margin-left: -12px;
	}
	.navbar-inverse .navbar-nav > li > a {
	    line-height: 12px;
	    font-size: 13px;
	    padding: 5px 20px 5px 0;
	    margin-top: 8px;
	    margin-left: 20px;
	}
	.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {border-bottom: 1px solid black;}
	.navbar-nav .open .dropdown-menu {background:#d4c2c8;}
	.navbar-nav > li > .dropdown-menu:before{display:none;}
	.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {color: #006080;}

	.breadcrumb {padding: 8px 0px 0px 10px;font-size: 0.5em;}

	.timeline-article .content-box {padding:10px 5px;}

	.col-sm-2.gris {float: left;}
	.ancho82 {float: left;}
	.col-sm-4{width:33%;float:left}
	.col-sm-3{width:25%;float:left}
	.col-md-9{float:left;}

	.listaprodsG {margin-top: 40px;}
	.fotoproducto img {width: 50%;}
	 h4.titareaterapeuticaG {width: 99%;}
	.col-md-4.colIconos {width: 33%;float: left;}
	.col-md-4.colIconos img {width: 30%;}
	.col-md-8{float:left}
	 img.bioimagen{width:70%}

	.col-sm-6.prodmedicaintro {float: left;width: 50%;}
	.formacion {width: 100%;}
	.bordergreen {margin-bottom: 25px;float: left;margin-top: 10px;width: 100%;}
	.formacion.fichaproducto{width: 70%;}

	.formacionintro {width: 96%;float:left;}
	.icoformacion, .formacionat {float: left;width: 25%;}
	.col-md-4.boxformacion {float: left;width: 33%;}


	header#pagetitle {margin-top: 40px;}
	header.carousel {height: 200px;margin-top: 0px;}
	.carousel-caption .wrp {height: 210px}
	.carousel-control.left, .carousel-control.right {padding-top: 8%;}
	div.carousel-caption > div.wrp {margin-top: 0%;font-size: 1.2em;}

	#cycler {width: 40%;}
	.col-sm-8.quienes{width: 57%;float: right;margin: 0;padding: 0;}

	.col-md-6.index{width:100%;}



}






@media(max-width:640px) {
    .img-portfolio {margin-bottom: 15px;}
	.carousel-caption {height:200px}
	div.carousel-caption > div.wrp {font-size: 1.1em;padding-top: 0;}

	.timeline-article .content-box {width: 100px;}
	.timeline-article .content-box {padding: 15px 0px;}
	.timeline-article-bottom .content-box {font-size: 0.65em;}

	.side-links li a {font-size: 13px;}
	.row#titpagina > div > h4 {font-size: 1.6em;}
	.buscarprods input {width: 80%;}

	.col-sm-3 { width: 35%;}

	.imgbox .overlay {line-height: 1.1em;}
}










/* Small screens */
@media all and (max-width: 500px) {

.col-md-12.vademecum{
	display: flex;align-items: flex-end;height: 2.5vh;left: -14px;;
}

.area_tera_special{
	width: 85%;
}


  .navigation {
    /* On small screens, we are no longer using row direction but column */
    flex-direction: column;
  }

	 header.carousel {height: 150px;}
	 div.carousel-caption > div.wrp {margin-top: 0;height:150px;font-size: 0.7em;padding-top: 5px;}
	.carousel-control.left, .carousel-control.right {padding-top: 50px;}
	.carousel-indicators {bottom: 0px;}
	span.leftright {font-size: 40px;}

	.imgbox .overlay {
	    height: 55%;
	    padding: 8px 10px;
	    font-size: 0.65em;
	    line-height: 1.0;
	}
	.imgbox .btnoverlay {top: 55%;}
	.btn.btn-default.transblanco {padding-top: 0px;}

	.footer-links li a {
	    font-size: 0.8em;
	}

	#cycler {width: 100%;float:left}

	.col-sm-8.quienes {
	    width: 100%;
	    float: left;
	    margin: 0;
	    padding-top: 300px;
	}

	.breadcrumb {display: none;}
	.row#titpagina > div > h4 {font-size: 1.2em;padding: 10px 5px;margin-top: 0;margin-bottom:0}
	.col-sm-2.gris {float: left;width: 90%;height: auto;}
	.side-links li a {padding: 0px 10px 10px 10px;}
	.ancho82 {width: 100%;}
	.buscarprods {
	    padding-left: 25%;
	    float: left;
	    margin-left: 10px;
	    width: 100%;
	    margin-top: -20px;
	}
	.buscarprods input {padding: 0 5px;}
	.col-sm-4 {width: 90%;}
	.col-sm-3 {width: 95%;}
	.col-sm-9 {width: 95%;}
	.listaprodsG {margin-top: 0px;margin-left:0}
	.col-sm-6.prodmedicaintro {height:auto;}
	.col-md-9.detformacion{padding-left:0}
	.col-sm-4.excipientes img{width:100%}
	.col-sm-4.colIconos{width: 33%;float: left;padding: 0;font-size: 0.9em;text-align: center;}
	.col-sm-4.colIconos img{width:90%}
	.formacion.fichaproducto {width: 100%;}

	.botonesnews {float: left;}
	 a.btn_orden {margin-bottom: 10px;float: left;}
	 a.btn_buscar {
	    padding: 5px 5px;
	    font-size: 0.6em;
	    margin-right: 0px;
	    margin-left: 2px;
	 }
	.col-lg-12.contacto{width:90%;padding-left: 56%;}
	 h4.blancocontacto {font-size: 1.2em;}
	 p.direccion {font-size: 0.9em;}

	.relacionados {
	    position: relative;
	    z-index: 1000;
	}
	.arrows {
	    width: 15%;
	    text-align: right;
	    float: left;
	}
	.arrows > div.up, .arrows > div.down {
	    width: 22px;
	    padding-left: 0px;
		float:right;
		cursor:pointer;
	}

	


}



@media all and (max-width: 390px) {
	.carousel-caption .wrp {font-size: 0.8em;padding-top: 25%;}
}