/************************************************************************************
FONTS
*************************************************************************************/

@font-face {
	font-family: icons-webfont;
	src: url('../fonts/icons-webfont.ttf'),
		 url('../fonts/icons-webfont.woff'),
		 url('../fonts/icons-webfont.eot');
	font-weight:normal;
	font-style:normal;
	font-size:30px;
}

@font-face {
    font-family: 'HelveticaNeueLTStdCn';
    src: url('../fonts/HelveticaNeueLTStdCn.eot');
    src: url('../fonts/HelveticaNeueLTStdCn.eot') format('embedded-opentype'),
         url('../fonts/HelveticaNeueLTStdCn.woff2') format('woff2'),
         url('../fonts/HelveticaNeueLTStdCn.woff') format('woff'),
         url('../fonts/HelveticaNeueLTStdCn.ttf') format('truetype'),
         url('../fonts/HelveticaNeueLTStdCn.svg#HelveticaNeueLTStdCn') format('svg');
}
@font-face {
    font-family: 'HelveticaNeueLTStdMdCn';
    src: url('../fonts/HelveticaNeueLTStdMdCn.eot');
    src: url('../fonts/HelveticaNeueLTStdMdCn.eot') format('embedded-opentype'),
         url('../fonts/HelveticaNeueLTStdMdCn.woff2') format('woff2'),
         url('../fonts/HelveticaNeueLTStdMdCn.woff') format('woff'),
         url('../fonts/HelveticaNeueLTStdMdCn.ttf') format('truetype'),
         url('../fonts/HelveticaNeueLTStdMdCn.svg#HelveticaNeueLTStdMdCn') format('svg');
}

/* Icon font for arrow icons */
@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon_arrows/icomoon.eot');
	src:url('../fonts/icomoon_arrows/icomoon.eot?#iefix') format('embedded-opentype'),
		url('../fonts/icomoon_arrows/icomoon.woff') format('woff'),
		url('../fonts/icomoon_arrows/icomoon.ttf') format('truetype'),
		url('../fonts/icomoon_arrows/icomoon.svg#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
} /* Iconfont by Icomoon http://icomoon.io/ */



/************************************************************************************
RESET
*************************************************************************************/
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {
	margin:0;
	padding:0;
}

img, fieldset {
	border:0;
}

:focus {
     outline:0;
}

/* set image max width to 100% */
img {
	max-width:100%;
	height:auto;
	width:auto\9; /* ie8 */
}

/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display:block;
}


/************************************************************************************
GENERAL HTML STYLING
*************************************************************************************/
html {
	/*-webkit-transform: scale(1);*/
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #3a3a3a;
}
a {
	color: #3a3a3a;
	outline: none;
	text-decoration: none;
}
a:hover {
	color: #962F67;
}

p {
	margin: 0 0 1.2em;
	padding: 0;
	line-height: 1.5em;
}

/* list */
ul, ol {
	margin:1em 0 1.4em 24px;
	padding:0;
	line-height:140%;
}
li {
	margin:0 0 .5em 0;
	padding:0;
}

/* headings */
h1, h2, h3, h4, h5, h6 {
	line-height: 0.9em;
	margin: 0 0 .6em;
	letter-spacing: 0em;
	font-weight: 300;
	font-family: 'HelveticaNeueLTStdMdCn', sans-serif;
}
h1 {
	font-size:46px;
}
h2 {
	font-size:42px;
	color: #01723A;
}
h3 {
	font-size:34px;
}
h4 {
	font-size:24px;
}
h5 {
	font-size:21px;
}
h6 {
	font-size:1em;
}

.hidden{
	display: none;
}

/* reset webkit search input styles */
input[type=search] {
	-webkit-appearance:none;
	outline:none;
}
input[type="search"]::-webkit-search-decoration, 
input[type="search"]::-webkit-search-cancel-button {
	display:none;
}


i.icon {
	font-family:'Asap', sans-serif;
	font-size:80px;
	font-style:normal;
}



/************************************************************************************
CLASS GENERAL
*************************************************************************************/
.clearfix:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; }
.clearfix { display:inline-block; }
.clearfix { display:block; zoom:1; }

.hover:hover {
	opacity:.80; filter:alpha(opacity=80); cursor:pointer;
}

input.txt, textarea.txt, select.txt {
	border: 1px #c7c7c7 solid;
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 4px;
}

input.check {
	padding:0; margin:0;
}

input.txt:focus, textarea.txt:focus, select.txt:focus {
    border-color: #01723A;
    outline: 0 none;
}

input.b, a.b, span.b {
	border: none;
	color: #FFFFFF;
	cursor: pointer;
	display: inline-block;
	padding: 4px 14px;
	background-color: #01723a;
}

a.b:hover, input.b:hover, span.b:hover {
	text-decoration: none;
	background-color: #F2F2F0;
	color: #3a3a3a;
}
	

img.bg {
	display:block;
}

.red {
	color:#cb161f !important;
}

.fa {
	font-size: 14px;
}

a.link {
	text-decoration: underline;
}
a.link .fa {
	margin-right: 5px;
}


.jvectormap-zoomin, .jvectormap-zoomout {
	display: none;
}
#map {
	visibility: hidden;
}

.button {
	border: none;
	color: #FFFFFF;
	cursor: pointer;
	display: inline-block;
	padding: 8px 12px;
	background-color: #01723a;
	font-size: 24px;
	font-family: 'HelveticaNeueLTStdMdCn', sans-serif;
}
.button:hover {
	text-decoration: none;
	background-color: #F2F2F0;
	color: #3a3a3a;
}

div.dialog {
	padding: 20px;
}
div.dialog h2 {
	font-size: 22px;
	margin: 15px 0 10px 0;
}

div.ensalud-header nav.submenu {
	display: none;
	margin-top: 20px;
	width: 90%;
	padding: 5px 5%;
	background-color: #F2F2F0;
	margin-bottom: 10px;
}


/************************************************************************************
WRAPPER
*************************************************************************************/

div#wrapper {
	width: 100%;
	background: url(../img/bg-sep.jpg) repeat-x;
	margin-top: 10px;
}

div.content {
	width: 1170px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0 10px;
}

div#wrapper div.content {
	border-left: solid 10px #ffffff;
	border-right: solid 10px #ffffff;
	background-color: #ffffff;
	padding: 0;
}


/************************************************************************************
HEADER
*************************************************************************************/

header {
	width: 100%;
	height: 105px;
	background-color: #01723a;
	color: #ffffff;
}

header div#logo {
	float: left;
}

div#sello {
    width: 100px;
    position: absolute;
    left: 45%;
    padding-top: 5px;
}

header div.social {
	float: right;
	padding-top: 20px;
}
header div.social ul {
	margin: 0;
	padding: 0;	
}
header div.social ul li {
	display: inline;
	float: left;
	list-style: none;
	margin: 0 0 0 30px;
}
header div.social ul li a {
	color: #ffffff;
}
header div.social ul li a:hover {
	color: #DFDEDB;
}
header div.social .fa {
	font-size: 28px;
}

header p {
	float: right;
	clear: right;
	font-family: 'HelveticaNeueLTStdCn', sans-serif;
	font-size: 18px;
    padding-top: 10px;
}


/************************************************************************************
NAV
*************************************************************************************/

aside.nav {
	float: left;
	background-color: #F2F2F0;
	width: 205px;
	height: 420px;
	margin: 0 10px 0 0;
}

aside.nav form {
	position: relative;
	margin: 11px;
	width: 183px;
	height: 28px;
}
aside.nav form input.text {
	width: 146px;
	height: 28px;
	line-height: 28px;
	border: none;
	padding: 0 28px 0 8px;
	margin: 0;
	color: #8a8a8a;
}
aside.nav form input.search {
	position: absolute;
	right: 0;
	background: url(../img/search.jpg) no-repeat center center;
	width: 28px;
	height: 28px;
	border: none;
	cursor: pointer;
}

aside.nav span, .menuPrincipal {
	display: none;
}

aside.nav nav {
	margin: 33px 0 0 15px;
}
aside.nav nav ul {
	margin: 0;
	padding: 0;
}
aside.nav nav ul li {
	list-style: none;
	margin: 0 0 15px 0;
}
aside.nav nav ul li a {
	font-family: 'HelveticaNeueLTStdMdCn', sans-serif;
	font-size: 18px;
}
aside.nav nav ul li a:hover, aside.nav nav ul li a.current {
	color: #01723A;
}
aside.nav nav ul li a .fa {
	font-size: 20px;
	color: #929292;
	margin: 0 5px 0 0;
	display: inline-block;
}
aside.nav nav ul li a:hover .fa, aside nav ul li a.current .fa {
	color: #01723A;
}


nav#main {
	height: 49px;
	width: 100%;
	margin: 0 0 10px 0;
	background-color: #F2F2F0;
}
nav#main ul {
	margin: 0;
	padding: 0;
}
nav#main ul li {
	float: left;
	display: inline;
	margin: 0;
}
nav#main ul li.sep {
	background-color: #ffffff;
	width: 10px;
	height: 49px;
}
nav#main ul li a {
	display: block;
	font-family: 'HelveticaNeueLTStdMdCn', sans-serif;
	font-size: 18px;
	color: #3a3a3a;
	height: 49px;
	line-height: 49px;
	padding: 0 12px;
}
nav#main ul li a:hover, nav#main ul li a.current, nav#main ul li a.active {
	background-color: #7B7B7B;
	color: #ffffff;
}

nav#main ul li a span {
	display: none;
}

nav#main ul li a .fa-home {
	display: block;
    font-size: 30px;
    padding-top: 10px;
    color: #8E8E8E;
}
nav#main ul li a:hover .fa-home {
	background-color: #7B7B7B;
	color: #ffffff;
}

nav#main form {
	position: relative;
	width: 150px;
	height: 49px;
	line-height: 49px;
	background-color: #F2F2F0;
	padding: 0 10px;
}
nav#main form input.text {
	width: 114px;
	height: 28px;
	line-height: 28px;
	border: none;
	padding: 0 28px 0 8px;
	margin: 0;
	color: #8a8a8a;
}
nav#main form input.search {
	position: absolute;
	top: 11px;
	right: 10px;
	background: url(../img/search.jpg) no-repeat center center;
	width: 28px;
	height: 28px;
	border: none;
	cursor: pointer;
}

nav#main ul li a .fa-angle-right {
	display: none;
}

/********
SUB NAV
*********/
nav#main ul li ul {
	position: absolute;
	display: none;
	z-index: 99;
	width: auto;
	min-width: 200px;
	background-color: #7B7B7B;
}
nav#main ul li ul li {
	width: auto;
	min-width: 300px;
	text-align: left;
	float: none;
}
nav#main ul li ul li a {
	text-transform: none;
	font-size: 16px;
	color: #FFFFFF;
	height: 42px;
    line-height: 42px;
}
nav#main ul li ul li a:hover {
	text-decoration: none;
	color: #FFFFFF;
	background-color: #525252;
}



/********************
HOME-HEADER
*********************/

div.home-header {
	overflow: hidden;
	display: block;
	height: 420px;
	margin-bottom: 10px;
}

div.home-header div.bx-wrapper {
	width: 633px;
	height: 420px;
	float: left;
	overflow: hidden;
}

div.home-header div.slide {
	width: 100%;
}

div.home-header div.slide div.block {
	position: absolute;
	bottom: 0;
	left: 0;
	background: rgba(255,255,255,1);
	background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,0)));
	background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
	background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
	background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
	background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
	behavior: url(PIE.htc);
	padding: 8px 4%;
	width: 92%;
}
div.home-header div.slide div.block div.txt {
	color: #3a3a3a;
	text-transform: uppercase;
	font-size: 26px;
	font-family: 'HelveticaNeueLTStdMdCn', sans-serif;
}
div.home-header div.slide div.block div.txt span {
	display: block;
	font-size: 18px;
	text-transform: none;
}
div.home-header div.slide div.block div.txt .fa {
	color: #01723a;
	font-size: 30px;
	margin-left: 10px;
}
.bx-viewport li { min-height: 1px; min-width: 1px; }

div.home-header div.banners {
	width: 312px;
	height: 420px;
	margin-left: 10px;
	float: right;
}
div.banners div.banner, aside div.banner, div.prin div.banner {
	position: relative;
}
div.banners div.banner {
	margin-top: 8px;	
}
div.banners div.banner img, aside div.banner img, div.prin div.banner img {
	width: 100%;
	margin: 0;
	display: block;
}
div.banners div.banner div.block, aside div.banner div.block {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 8px 4%;
	width: 92%;
}
div.banners div.banner div.morado, aside div.banner div.morado {
	background: rgba(150,47,104,1);
	background: -moz-linear-gradient(left, rgba(150,47,104,1) 0%, rgba(150,47,104,0) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(150,47,104,1)), color-stop(100%, rgba(150,47,104,0)));
	background: -webkit-linear-gradient(left, rgba(150,47,104,1) 0%, rgba(150,47,104,0) 100%);
	background: -o-linear-gradient(left, rgba(150,47,104,1) 0%, rgba(150,47,104,0) 100%);
	background: -ms-linear-gradient(left, rgba(150,47,104,1) 0%, rgba(150,47,104,0) 100%);
	background: linear-gradient(to right, rgba(150,47,104,1) 0%, rgba(150,47,104,0) 100%);
	behavior: url(PIE.htc);
}
div.banners div.banner div.verde, aside div.banner div.verde {
	background: rgba(126,191,51,1);
	background: -moz-linear-gradient(left, rgba(126,191,51,1) 0%, rgba(126,191,51,0) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(126,191,51,1)), color-stop(100%, rgba(126,191,51,0)));
	background: -webkit-linear-gradient(left, rgba(126,191,51,1) 0%, rgba(126,191,51,0) 100%);
	background: -o-linear-gradient(left, rgba(126,191,51,1) 0%, rgba(126,191,51,0) 100%);
	background: -ms-linear-gradient(left, rgba(126,191,51,1) 0%, rgba(126,191,51,0) 100%);
	background: linear-gradient(to right, rgba(126,191,51,1) 0%, rgba(126,191,51,0) 100%);
	behavior: url(PIE.htc);
}
div.banners div.banner div.block div.txt, aside div.banner div.block div.txt {
	color: #ffffff;
	font-size: 24px;
	font-family: 'HelveticaNeueLTStdMdCn', sans-serif;
}
div.banners div.banner div.block div.txt .fa, aside div.banner div.block div.txt .fa, div.prin div.banner div.block div.txt .fa {
	font-size: 30px;
	margin-left: 10px;
}
aside div.banner div.block div.txt {
	font-size: 19px;
}
aside div.banner div.block div.txt .fa, div.ensalud-header div.banners div.banner div.block div.txt .fa {
	font-size: 20px;
}


/********************
HOME
*********************/

.sepBar1 {
	width: 100%;
	height: 36px;
	background-color: #F2F2F0;
	display: block;
}

div.features {
	margin: 20px 0 40px 0;
	overflow: hidden;
}
div.features div.feature {
	float: left;
	width: 255px;
	height: auto;
	padding: 30px 10px;
	text-align: center;
	color: #3a3a3a;
}
div.features div.feature div.feature-img {
	height: 125px;
	line-height: 125px;
}
div.features div.feature h3 {
	font-size: 26px;
	margin-bottom: 20px;
	text-transform: uppercase;
}
div.features div.feature p {
	margin: 0;
}

div.features div.sep1 {
	width: 2px;
	height: 350px;
	background: url(../img/sep1.png) no-repeat center center;
	float: left;
	margin: 0 10px;
}
div.features div.sep2 {
	width: 8px;
	height: 350px;
	background: url(../img/sep2.png) no-repeat center center;
	margin: 0 8px;
	float: left;
}

div.blocks {
	margin: 0 0 40px 0;
	overflow: hidden;
}
div.blocks h2 {
	font-size: 34px;
}
div.blocks div.block {
	width: 350px;
	height: auto;
	float: left;
	padding: 20px 0;
}

div.blocks div.blockNews h2 span {
	display: block;
	color: #8f8f8f;
	font-size: 21px;
}
div.blocks div.blockNews div.new {
	color: #01723A;
	margin-bottom: 30px;
	display: block;
}
div.blocks div.blockNews div.new p {
	margin: 0 0 12px 0;
	line-height: 1.2em;
}
div.blocks div.blockNews div.new a.b {
	font-size: 12px;
}

div.blocks div.blockEvents {
	text-align: center;
	margin: 0 60px;
}

div.blocks div.blockEvents1 {
	text-align: center;
	margin: 0 60px;
}
div.blocks div.blockEvents h2 {
	text-align: left;
}
div.blocks div.blockEvents div.event {
	margin-bottom: 18px;
	display: block;
	text-align: left;
}
div.blocks div.blockEvents div.event p {
	margin: 0;
	line-height: 1.2em;
}
/*div.blocks div.blockEvents div.event p:first-letter {text-transform:uppercase;}*/
div.blocks div.blockEvents div.event a {
	color: #01723A;
}
div.blocks div.blockEvents div.event a:hover {
	text-decoration: underline;
}

.homeBar {
	display: none;
}

/********************
I+i EN SALUD-HEADER
*********************/

div.ensalud-header {
	overflow: hidden;
	display: block;
	height: 550px;
	margin-bottom: 10px;
	width: 100%;
}

div.ensalud-header div.prin {
	float: left;
	width: 845px;
	height: 550px;
}
div.ensalud-header div.prin div.banner {
	margin-bottom: 10px;
	width: 100%;
	height: 361px;
}
div.ensalud-header div.prin div.banner div.block {
	position: absolute;
	left: 0;
	top: 55px;
	padding: 8px;
	background: rgba(255,255,255,1);
	background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,0)));
	background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
	background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
	background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
	background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
	behavior: url(PIE.htc);
}

div.ensalud-header div.bx-wrapper {
	width: 847px;
	height: 175px;
	overflow: hidden;
}
div.ensalud-header div.slide {
	width: 100%;
	overflow: hidden;
}
div.ensalud-header div.slide img {
	float: left;
}
div.ensalud-header div.slide div.txt {
	padding: 20px;
	width: 445px;
	height: 135px;
	float: left;
}
div.ensalud-header div.slide div.txt h3 {
	text-transform: uppercase;
	font-size: 30px;
	margin-bottom: 15px;
}

div.ensalud-header div.prin div.banner div.block div.txt {
	color: #3a3a3a;
	font-size: 28px;
	font-family: 'HelveticaNeueLTStdMdCn', sans-serif;
}
div.ensalud-header div.prin div.banner div.block div.txt .fa {
	color: #962F67;
}

div.ensalud-header div.banners {
	width: 312px;
	height: 550px;
	margin-left: 10px;
	float: right;
}

div.ensalud-header div.banners div.banner {
	margin-top: 10px;
}

div.ensalud-header div.banners div.banner div.block div.txt {
	font-size: 19px;
}

/********************
I+i EN SALUD
*********************/

div.destacados {
	margin: 35px 0 55px 0;
	overflow: hidden;
}
div.destacados div.dest {
	float: left;
	width: 277px;
	height: auto;
	margin: 0 10px;
}
div.destacados div.first {
	margin: 0 8px 0 0;
}
div.destacados div.last {
	margin: 0 0 0 8px;
}
div.destacados div.dest img {
	width: 100%;
	margin-bottom: 10px;
}
div.destacados div.dest h4 {
	margin-bottom: 15px;
	font-size: 21px;
}
div.destacados div.dest a.b {
	font-size: 12px;
}


/********************
SERVICIOS APOYO
*********************/

section.apoyo article {
	float: none;
	width: 100%;
}

section.apoyo article div.block-apoyo {
	display: block;
	margin: 10px 0 20px 0;
	overflow: hidden;
}
section.apoyo article div.block-apoyo h2 {
	background-color: #F2F2F0;
	padding: 10px;
}
section.apoyo article div.block-apoyo img {
	margin: 0 0 20px 0;
	max-width: 100%;
}
section.apoyo article div.block-apoyo div.minblock {
	width: 370px;
	margin-right: 30px;
	float: left;
}
section.apoyo article div.block-apoyo div.last {
	margin: 0;
}
section.apoyo article div.block-apoyo div.minblock h3 {
	font-size: 28px;
}

section.apoyo article div.serv {
	padding: 20px 0;
	border-bottom: 1px solid #DDDDDD;
	margin: 20px 0;
	display: block;
	overflow: hidden;
}
section.apoyo article div.last {
	border-bottom: none;
}
section.apoyo article div.serv h2 {
	font-size: 26px;
	margin-top: 0;
}
section.apoyo article div.serv div.text {
    display: block;
    float: left;
    width: 765px;
}

section.apoyo article div.spec {
	margin: 20px 0;
	display: block;
	overflow: hidden;
}
section.apoyo article div.spec ul li {
	list-style-image: url('../img/list.png');
}
section.apoyo article div.spec img {
	float: none;
	width: auto;
	max-width: inherit;
}

section.apoyo article div.spec div.fundacion {
	width: 680px;
	margin-bottom: 30px;
	overflow: hidden;
	display: none;
}
section.apoyo article div.spec div.fundacion h2 {
	font-size: 18px;
	color: #962F67;
	border-bottom: #DDDDDD solid 1px;
	padding-bottom: 5px;
}
section.apoyo article div.spec div.fundacion div.text {
	width: 400px;
	float: left;
	margin-right: 20px;
}
section.apoyo article div.spec div.fundacion div.text p.nombre {
	color: #962F67;
}
section.apoyo article div.spec div.fundacion div.text p.nombre span {
	font-size: 12px;
	color: #3A3A3A;
}
section.apoyo article div.spec div.fundacion img {
	float: right;
}





/********************
ASIDE
*********************/

aside {
	float: right;
    width: 312px;
}

aside nav.submenu {
	padding: 5px 15px;
	background-color: #F2F2F0;
	margin-bottom: 10px;
}
aside nav.submenu ul, div.ensalud-header nav.submenu ul {
	margin: 0;
	padding: 0;
}
aside nav.submenu ul li, div.ensalud-header nav.submenu ul li {
	list-style: none;
	margin: 15px 0;
}
aside nav.submenu ul li a, div.ensalud-header nav.submenu ul li a {
	font-family: 'HelveticaNeueLTStdMdCn', sans-serif;
	font-size: 18px;
}
aside nav.submenu ul li a:hover, aside nav ul li a.current, div.ensalud-header nav.submenu ul li a:hover {
	color: #01723A;
}
aside nav.submenu ul li a .fa, div.ensalud-header nav.submenu ul li a .fa {
	font-size: 20px;
	color: #929292;
	margin: 0 10px 0 0;
	display: inline-block;
}
aside nav.submenu ul li a:hover .fa, aside nav.submenu ul li a.current .fa, div.ensalud-header nav.submenu ul li a:hover .fa {
	color: #01723A;
}

aside nav.submenu ul li ul li {
    margin-left: 35px;
    list-style: circle;
}
aside nav.submenu ul li ul li a {
    font-size: 16px;
}

aside div.banner {
	margin-bottom: 10px;
}



/********************
SECCION INTERNA
*********************/

.breadcrumb {
    list-style: none outside none;
    margin: 0 !important;
    padding: 15px 0 25px 0;
}
.breadcrumb > li + li:before {
    color: #CCCCCC;
    content: "/ ";
    padding: 0 5px;
}
.breadcrumb > li {
    display: inline-block;
    margin: 0;
    color: #999999;
}
.breadcrumb > .active {
    color: #999999;
}

.sepBar2 {
	width: 100%;
	height: 12px;
	background-color: #F2F2F0;
	display: block;
	margin-bottom: 40px;
}

section {
	display: block;
	padding: 15px 0 30px 0;
	overflow: hidden;
}

article {
	float: left;
	width: 825px;
}

article img {
	float: left;
	margin: 0 20px 10px 0;
	max-width: 400px;
}
article a {
	font-weight: bold;
}

article div.grafica {
	border: 4px solid #F2F2F0;
	padding: 8px;
	overflow: hidden;
}
article div.grafica img {
	max-width: inherit;
	margin: 0;
}

article h1 {
	font-size: 38px;
}
article h2 {
	font-size: 34px;
	margin-top: 25px;
	color: #3a3a3a;
	clear: both;
}
article h3 {
	font-size: 28px;
}


article h5 a {
	font-size: 16px;
	font-family: Arial, sans-serif;
}


article div.gal a img {
	border: 3px solid #F2F2F0;
	float: left;
	margin: 0 15px 15px 0;
	width: 390px;
	height: 75px;
}

article div.resultados div.result {
	width: 290px;
	height: 140px;
	float: left;
	margin: 0 20px 20px 0;
	background-color: #EEEEEE;
	padding: 20px;
}
article div.resultados div.result img {
	float: left;
	margin-right: 10px;
}

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


/********************
NOTICIAS / EVENTOS
*********************/

article.noticia img, article.evento img {
	width: 100%;
	max-width: 400px;
}
article.noticia h1, article.evento h1 {
	font-size: 35px;
}

article.noticias form, article.eventos form {
	margin: 40px 0 20px 0;
	display: block;
}
article.noticias div.new, article.eventos div.new {
	display: block;
	border-bottom: 1px solid #F2F2F0;
	overflow: hidden;
	padding: 20px 0;
}
article.noticias div.new div.img, article.eventos div.new div.img {
	padding-right: 10px;
	margin-right: 10px;
	width: 85px;
	float: left;
}
article.noticias div.new div.text, article.eventos div.new div.text {
	display: inline-block;
    overflow: hidden;
    width: 720px;
    float: right;
}
article.noticias div.new div.text h5, article.eventos div.new div.text h5 {
	margin-top: 5px;	
}
article.noticias div.new div.text h5 a, article.eventos div.new div.text h5 a {
	font-weight: normal;
}
article.noticias div.new a.b, article.eventos div.new a.b {
	float: right;
	font-size: 12px;
	font-weight: normal;
	margin-top: 10px;
}
article.noticias div.new a.b .fa, article.eventos div.new a.b .fa {
	font-size: 14px;
    margin: 2px 0 0 5px;
}


/********************
ESPACIO CIUDADANO
*********************/


article.provincia ul {
	padding: 0;
	margin: 0;
	display: inline-block;
	width: 100%;
}
article.provincia li.title {
	background-color: #F2F2F0;
	padding: 10px;
	font-family: 'HelveticaNeueLTStdMdCn', sans-serif;
	font-size: 21px;
	display: block;
	cursor: pointer;
}
article.provincia li.title .fa {
	margin-right: 10px;
}
article.provincia li.title .fa-minus {
	display: none;
}
article.provincia ul li {
	list-style: none;
	padding: 0;
	margin: 0 0 20px 0;
	display: none;
}
article.provincia ul li .fa {
	font-size: 18px;
}


article.ensayosclinicos img.first {
	float: left;
	margin: 0 20px 10px 0;
	max-width: 400px;
}
article.ensayosclinicos img {
	float: none;
	max-width: 100%;
	margin: 0 0 10px 0;
}

/**** NO APARECE ****/

section.colabora ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
section.colabora ul h2 {
	margin: 0.5em 0 0.3em;
	padding: 0.5em;
	font-size: 1.8em;
	font-weight: 300;
	display: inline-block;
	background-color: #F2F2F0;
}
section.colabora ul div p {
	color: #888;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.5;
	padding: 0.5em 0;
	margin: 0;
}

/* Arrow icons */
section.colabora ul > li > h2:before {
	font-family: 'icomoon';
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	margin-right: 0.5em;
	-webkit-font-smoothing: antialiased;
	content: "\34";
	behavior: url(PIE.htc);
}
section.colabora ul > li > h2:before {
	font-size: 75%;
}


/************************************************************************************
PAGINACION
*************************************************************************************/

div.pagination {
    margin: 35px 0 15px 0;
    overflow: hidden;
    text-align: left;
    width: 100%;
}
div.pagination ul {
    float: left;
    margin: 0;
    padding: 0;
    width: auto;
}
div.pagination ul li {
    border: 1px solid #CCCCCC;
    float: left;
    height: 30px;
    line-height: 2.4em;
    list-style: none outside none;
    margin: 0 2px 0 0;
    padding: 0 0 2px 0;
    text-align: center;
    width: 30px;
}
div.pagination ul li.previous {
    background: url("../img/sprite-left-right.png") no-repeat scroll -27px center;
    border: none;
}
div.pagination ul li.previous a:hover, div.pagination ul li.next a:hover {
    background-color: rgba(0, 0, 0, 0);
    transition: width 0.2s ease 0s;
    width: 40px;
}
div.pagination ul li.next {
    background: url("../img/sprite-left-right.png") no-repeat scroll 8px center rgba(0, 0, 0, 0);
    border: none;
}
div.pagination ul li a {
    display: block;
}
div.pagination ul li a:hover {
    background-color: #F1F1F1;
}
div.pagination ul li.current a {
    background-color: #01723A;
    color: #FFFFFF;
}
div.pagination ul li.current {
    background-color: #01723A;
    border: 1px solid #01723A;
    color: #FFFFFF;
    display: block;
}



/************************************************************************************
FOOTER
*************************************************************************************/


footer {
	width: 100%;
	display: block;
	overflow: hidden;
}

footer div.part1 {
	width: 100%;
	background-color: #F2F2F0;
	padding: 30px 0 5px 0;
	color: #949191;
}

footer div.part1 div.menu div.nav {
	float: left;
	width: 230px;
}
footer div.part1 div.menu div.nav ul {
	margin: 0 0 25px 0;	
}
footer div.part1 div.menu div.nav ul li {
	list-style: none;
	margin-bottom: 3px;
}
footer div.part1 div.menu div.nav ul li a {
	color: #949191;
	font-size: 12px;
}
footer div.part1 div.menu div.nav ul li a:hover {
	text-decoration: underline;
}
footer div.part1 div.menu div.nav ul li ul {
	margin: 0;
}
footer div.part1 div.menu div.nav ul li ul li {
	margin-left: 10px;
}
footer div.part1 div.menu div.nav ul li.title {
	font-weight: bold;
}
footer div.part1 div.menu div.nav ul li.title a {
	color: #686868;
	font-size: 14px;
}

footer div.part1 div.social {
	float: right;
}
footer div.part1 div.social ul {
	margin: 0;
	padding: 0;	
}
footer div.part1 div.social ul li {
	display: inline;
	float: left;
	list-style: none;
	margin: 0 0 0 30px;
}
footer div.part1 div.social ul li a {
	color: #949191;
}
footer div.part1 div.social ul li a:hover {
	color: #686868;
}
footer div.part1 div.social .fa {
	font-size: 28px;
}

footer div.part1 div.text {
	clear: right;
    float: right;
    font-size: 12px;
    margin: 40px 0;
    text-align: right;
}

footer div.part2 {
	width: 100%;
	background-color: #222222;
	color: #ffffff;
	font-size: 12px;
}

footer div.part2 div.text {
	float: left;
	height: 42px;
}
footer div.part2 div.text p {
	line-height: 42px;
}

footer div.part2 div.nav {
	float: right;
	height: 42px;
}
footer div.part2 div.nav ul {
	margin: 0;
	padding: 0;	
}
footer div.part2 div.nav ul li {
	display: inline;
	float: left;
	list-style: none;
	line-height: 42px;
}
footer div.part2 div.nav ul li.sep {
	margin: 0 10px;
}
footer div.part2 div.nav ul li a {
	color: #ffffff;
}
footer div.part2 div.nav ul li a:hover {
	text-decoration: underline;
}

.smallFont{
	font-size: 8px !important;
}
/********************
BÃšSQUEDA
*********************/
article.busqueda{
	width: 100%;
}
article.busqueda div.block{
	display: block;
	border-bottom: 1px solid #F2F2F0;
	overflow: hidden;
	padding: 20px 0;
}
article.busqueda div.block div.img{
	padding-right: 10px;
	margin-right: 10px;
	width: 85px;
	float: left;
}
article.busqueda div.block div.text{
	display: inline-block;
    overflow: hidden;
    width: 100%px;
    float: right;
}
article.busqueda div.block div.text h5{
	margin-top: 5px;	
}
article.busqueda div.block div.text h5 a{
	font-weight: normal;
}
article.busqueda div.block a.b{
	float: right;
	font-size: 12px;
	font-weight: normal;
	margin-top: 10px;
}
article.busqueda div.block a.b .fa{
	font-size: 14px;
    margin: 2px 0 0 5px;
}

/************************************************************************************
CONTACTO
*************************************************************************************/



section.contacto label{
	width: 100%;
	display: block;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 3px
}
section.contacto input[type="text"],select,textarea{
	width: 100%;
	box-sizing: border-box;
}
section.contacto form{
	width: 70%;
	margin-bottom: 30px;
}
section.contacto label.error{
	color: red;
	margin-top: 2px;
}
section.contacto input[type="submit"]{
	margin-top: 10px;	
}
section.contacto .condiciones{
	margin-top:15px; 
}
section.contacto .contactoBlock p{
	margin-bottom: 3px;
}
section.contacto aside h2{
	font-size: 22px;
	margin: 20px 0 15px 0;
	text-transform: uppercase;
}
section.contacto .contactoBlock a{
	color:#01723a;
}
section.contacto .contactoBlock a:hover{
	text-decoration:underline;
}


/************************************************************************************
EU COOKIES POLICY
*************************************************************************************/
div.euCookiesPolicy {
	position:fixed;
	bottom:10px;
	right:10px;
	width:350px;
	padding:15px;
	background-color:#000;
	color:#FFF;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	filter: alpha(opacity=80);
	opacity: 0.8;
	display:none;
}
div.euCookiesPolicy span {
	float:left;
	width:auto;
	padding:5px;
}
div.euCookiesPolicy span a {
	color: #01723A;
}
div.euCookiesPolicy span.btn {
	float:right;
}
div.euCookiesPolicy span.btn a {
	background-color:#01723A;
	color:#FFF;
	display:inline-block;
	padding:3px 7px;
}
div.euCookiesPolicy span.btn a:hover {
	text-decoration:none;
	background-color:#962F67;
}

.row {
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
    display: flex;
}
.row>.col, .bd-example-row .row>[class^=col-] {
    padding-top: .75rem;
    padding-bottom: .75rem;
#    background-color: rgba(86,61,124,.15);
#    border: 1px solid rgba(86,61,124,.2);
    -ms-flex-preferred-size: 0;
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}

#titulo-oculto{
	display:none;
}

#imagen-ancho{
	
	max-width:100%;
}


/************************************************************************************
INVESTIGACIÓN CLÍNICA/AREA DE DESCARGA
*************************************************************************************/

.texto-justi{

	text-align: justify;

}

.fuente-verde{

	color:#01723a

}

.boton-descarga{

	padding: 5px; 
	border-radius:5px; 
	border:1px solid black; 
	box-shadow:#01723a 3px 3px 8px;

}

.fuente-semititulo{

	font-size:18px;
}

.fuente-semi2{

	font-size:14px;
}

.botones-area{

	border-radius: 5px; 
	border: 1px solid black; 
	box-shadow: #01723a 3px 3px 8px;
	padding: 5px;

}

.contenedor-boton{


	margin: 2%; 
	padding: 5px;


}

.contenedor-boton2{


	margin: 2%; 
	padding: 5px;

}

.contenedor-sup{

	width:100%;

}
.cpi {
	margin: auto;
	width: 815px;
}
.cpi a{
	font-weight: normal;
}
.cpi:after {
  content: "";
  display: table;
  clear: both;
}
.column3cpi {
	float: left;
	margin: 5px 5px 5px 5px;
	text-align: center;
}
.cpi img {
	margin: 0;
	width: 250px;
	height: auto;
	margin: 5px 5px 5px 5px;
}

a.cpilink.cpibutton {
    padding: 8px 12px;
    border: 1px solid #01723a;
	background-color: #01723a;
    border-radius: 2px;
    font-size: 14px;
    color: #ffffff; 
    text-decoration: none;
    font-weight: bold;
    display: inline-block;  
	margin-top: 30px;
}
.cpipbutton{
	text-align: center;
}
.cpiproyectos {
	text-align: center;
	font-weight: normal;
}
.cpiproyectos a{
        font-weight: normal;
}
.cpiproyectos p {
	display: inline-block;
}
.cpiproyectos img {
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	display: block;
	float: unset;
}
.cpi_nav1 {
  left: -100%;
}
::marker {
    font-weight: bold;
}
