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

* {
	margin: 0;
}

body {
	font-family: 'BentonSans-Light';
	color: #244554;
}

a {
	font-family: 'BentonSans-Light';
	text-decoration: none;
}


#top {
	background-color: #fff;
	width: 100%;
	z-index: 10;
	height: 165px;
}

.leyendagrande {
    top: 606px;
    left: 0;
    font-size: 23px;
    color: #244554;
    line-height: 35px;
}

.botonmenu01 {
	display: initial;
	background-image: url(../images/menu.png);
}

.botonmenu02 {
	display: none;
	background-image: url(../images/menucerrar.png);
}

.botonmenuocultar {
	display: none;
}

.botonmenumostrar {
	display: initial;
}

.header {
	background-color: #6c95cb;
	height: 64px;
	padding: 19px 0 0 42px;
	color: #fff;
	font-size: 24px;
	letter-spacing: -1px;
	width: calc(100% - 42px);
}

.logo {
	height: 44px;
	float: left;
	width: 623px;
}

.logo img {
	width: 508px;
}

.column_one {
	width: 142px;
	height: 44px;
	float: left;
}

.column_two {
	height: 44px;
	float: left;
}

.linkwhite {
	text-decoration: none;
	color: #fff;
}

.linkwhite:hover {
	text-decoration: none;
	color: #003345;
}

.linkred {
	text-decoration: none;
	color: #fff;
	font-size: 24px !important;
	line-height: 25px !important;
}

.linkred:hover {
	text-decoration: none;
	color: #be3418;
}

.linkgreen {
	text-decoration: none;
	color: #fff;
	font-size: 24px !important;
	line-height: 25px !important;
}

.linkgreen:hover {
	text-decoration: none;
	color: #828c38;
}

.linkyellow {
	text-decoration: none;
	color: #fff;
	font-size: 24px !important;
	line-height: 25px !important;
}

.linkyellow:hover {
	text-decoration: none;
	color: #d9bf34;
}

.linkorange {
	text-decoration: none;
	color: #fff;
	font-size: 24px !important;
	line-height: 25px !important;
}

.linkorange:hover {
	text-decoration: none;
	color: #d47624;
}



.socialmedia {
	font-size: 24px;
	line-height: 26px;
	margin-left: 1px;

}

.submenuodesplegado {
	margin: -9px 0px 0px 0px;
	padding-left: 6px;
}



.texto_submenu {
	font-size: 22px !important;
	color: #fff !important;
	margin-bottom: 12px !important;
	margin-top: 25px !important;
	line-height: 25px !important;
	font-weight: 300 !important;
}

.texto_submenu_all {
	font-size: 22px !important;
	color: #fff !important;
	line-height: 20px !important;
	padding: 23px 0px 15px !important;
}

.enlace_menu_red {
	color: #fff !important;
}

.enlace_menu_red:hover {
	color: #be3418 !important;
}

.enlace_menu_green {
	color: #fff !important;
}

.enlace_menu_green:hover {
	color: #828c38 !important;
}

.enlace_menu_yellow {
	color: #fff !important;
}

.enlace_menu_yellow:hover {
	color: #d9bf34 !important;
}




.menu {
	height: 64px;
	padding: 0 0 0 42px;
}

.imageportfolioblank {
	top: 0px;
	position: relative;
	width:264px;
	height:100%;
}



.itemgallery a{
	color: #000;
}


.imagenewsblank {
	top: 0px;
	position: relative;
	width:264px;
	height:164px;
}

.imagenewstext {
	top: 0px;
	position: absolute;
	width: calc(100% - 90px);
	height: calc(100% - 34px);
	background: rgba(255, 255, 255, 0.8);
	padding: 20px 70px 14px 20px;
	font-size: 22px;
	line-height: 25px;
}

.imagenewstext .sub {
	margin-top: 20px;
	font-size: 15px;
}

#imagemouse_over {
  opacity: 0;
}

#imagemouse_over:hover {
  opacity: 1;
}


.dropbtn {
	border: none;
	padding: 0;
	background-color: #fff;
	outline: none;
}

.dropdown {
	position: relative;
	display: inline-block;
	width: 100%;
	min-width: 1238px;
}

.dropdown-content {
	display: none;
	position: relative;
	min-width: 160px;
	z-index: 1;
	top: -68px;
	left: 86px;
	width: calc(100% - 86px);
}

.dropdown-content a {
	color: #fff;
	font-size: 52px;
	padding: 21px 0 0 37px;
	text-decoration: none;
	display: block;
	opacity: 0;
	height: 63px;
}

.dropdown-content a:hover {
	display: block;
	opacity: 1;
}

.dropdown-content-on {
	display: none;
	position: absolute;
	min-width: 160px;
	z-index: 1;
	top: -20px;
	left: 86px;
	width: calc(100% - 86px);
}

.dropdown-content-on a {
	color: #fff;
	font-size: 52px;
	padding: 21px 0 0 37px;
	text-decoration: none;
	display: block;
	height: 63px;
}

.dropdown:hover .dropdown-content {display: block; background: none;}

.dropdown:hover .dropdown-content-on {display: block; background: none;}

.category {
	display: block;
	position: absolute;
	min-width: 160px;
	z-index: 1;
	top: -20px;
	left: 86px;
	width: calc(100% - 86px);
}

.category-title  {
	color: #fff;
	font-size: 55px;
	padding: 20px 0 0 136px;
	text-decoration: none;
	display: block;
	height: 64px;
	position: absolute;
	width: calc(100% - 178px);
}

.category-subtitle  {
	color: #fff;
	font-size: 23px;
	margin: -54px 626px;
	text-decoration: none;
	position: absolute;
	width: 320px;
}

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

.news {
	margin: 80px 42px 26px 42px;
	font-size: 23px;
	color: #123647;
}

.bio {
	margin: 40px 42px 20px 42px;
	font-size: 23px;
	color: #123647;
	line-height: 34px;
}

.infobio {
	margin: 70px 42px 32px 42px;
	font-size: 23px;
	color: #123647;
	line-height: 34px;
}

.infocontacto{
	margin: 40px 42px 32px 42px;
	font-size: 23px;
	color: #123647;
	line-height: 34px;
}


.desc_item_text {
	font-size: 23px;
	color: #244554;
	line-height: 35px;
	height: 60px;
	margin-top: 67px;
}

.gallery {
	margin: 84px 0px 1px 42px;
	float: left;
}

.related {
	margin: 75px 42px 82px;
	float: left;
}

.itemgallery {
	margin: 0px 41px 41px 0px;
	width: 264px;
	height: 298px;
	float: left;
}

.itemgallery img {
	width: 100%;
}

.itemgallery a:hover {
	opacity: 0.5;
}

.itemrelated {
	margin: 0px 42px 0px 0px;
	width: 114px;
	float: left;
	height: 154px;
}

.itemrelated img {
	width: 100%;
}

.itemrelated a:hover {
	opacity: 0.5;
}

.contacto {
	background: url('../images/contacto_off.png');
	width: 122px;
	height: 20px;
}

.contacto:hover {
	background: url('../images/contacto_on.png');
}

.guardianes {
	background: url('../images/guardianes_off.png');
	width: 201px;
	height: 45px;
	margin-left: 2px;
}

.guardianes:hover {
	background: url('../images/guardianes_on.png');
}

.notas-noticias {
	width: 1182px;
}

.notas-leyenda {
	top: 592px;
}

.footer {
	background-color: #6c95cb;
	width: calc(100% - 42px);
	height: 64px;
	bottom: 0px;
	padding: 19px 0 0 42px;
	color: #fff;
	font-size: 14px;
	z-index: 10;
	float: left;
	margin-top: 42px;
}

.category-subtitle-mov  {
	display: none;
}

.desk {
		display: block;
}

.mob {
		display: none;
}

/************************************************************************************
MOBILE
*************************************************************************************/
/* 900px o menos */
@media screen and (max-width: 900px) {

	body {
		overflow-x: hidden;
	}

	.logo {
		width: 30px;
	}

	#top {
    height: 72px;
	}

	.header {
	    height: 29px;
	    padding: 10px 0 0 18px;
	    width: calc(100% - 18px);
	}

	.logo {
		height: 18px;
	}

	.logo img {
		width: 210px;
	}

	.column_one {
		width: 46px;
	}

	.column_two {
	    height: 44px;
	    float: right;
	    padding-right: 18px;
	}

	.menu {
    padding: 0 0 0 18px;
		height: 36px;
	}

	.category-title  {
		font-size: 25px;
		padding: 8px 0px 7px 58px;
		height: 21px;
		width: calc(100% - 76px);
	}

	.category-subtitle  {
		display: none;
	}

	.category-subtitle-mov {
		font-size: 14px;
		margin: 18px 0px 0px 59px;
		display: block;
		position: absolute;
	}

	.footer {
		background-color: #6c95cb;
		width: calc(100% - 18px);
		height: 28px;
		padding: 10px 0 0 18px;
		font-size: 14px;
		margin-top: 11px;
	}

	.contacto_mob {
		color:#fff;
		font-size: 12px;
	}

	.infocontacto {
    margin: 0px 18px 0px 18px;
    font-size: 16px;
    line-height: 22px;
	}

	.bio {
		margin: 20px 18px 0px 18px;
    font-size: 16px;
    line-height: 22px;
	}

	.infobio {
		margin: 20px 18px 0px 18px;
    font-size: 16px;
    line-height: 22px;
	}

	.infosocialmedia {
		margin: 20px 18px 36px 18px;
		font-size: 16px;
		line-height: 16px;
	}

	.texto_submenu_all {
		font-size: 14px !important;
		padding: 23px 0px 15px !important;
	}

	.texto_submenu {
		margin-top: 16px !important;
	}

	.linkred, .linkorange, .linkgreen, .linkyellow {
		font-size: 14px !important;
		line-height: 16px !important;
	}

	.botonmenu01 {
		display: initial;
		background-image: url(../images/menu-mob.png);
	}

	.botonmenu02 {
		display: none;
		background-image: url(../images/menucerrar-mob.png);
	}

	.news {
		margin: -4px 18px 14px 18px;
		font-size: 16px;
		color: #123647;
	}

	.news-mob {
		margin: 0px 0px 26px 18px;
	}

	.gallery {
    margin: 18px 0px 0px 18px;
    float: left;
		position: relative;
    top: -22px;
	}

	.itemgallery {
		margin: 0px;
		width: 50%;
		height: 440px;
		float: left;
	}

	.imageportfolioblank {
    width: calc(100% - 18px);
    height: 100%;
	}

	.leyendagrande {
	    font-size: 16px;
	    line-height: 22px;
	}

	.notas-noticias {
		width: 100%;
	}

	.notas-leyenda {
		top: 0px;
	}

	#imagemouse_over:hover {
	  opacity: 0;
	}

	.desk {
			display: none;
	}

	.mob {
			display: block;
	}

}

@media screen and (max-width: 440px) {

	.itemgallery {
		height: 240px;
	}

}