@import url('https://fonts.googleapis.com/css?family=Roboto');
html, body
{
	padding: 0;
	margin: 0;
	background: #FFFFFF;
}
body
{
	font-family: "Roboto";
	font-size: 14px;
	color: #444444;
}
.alerta-mensas
{
	position: absolute;
	color: #FFFFFF;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	padding: 10px 10px 10px 10px;
	left: 50%;
	top: 35%;
	width: 400px;
	margin-left: -200px;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,1);
	-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,1);
	box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 1);
}
.footer
{
	background: #444444;
	font-size: 16px;
	color: #FFFFFF;
	line-height: 25px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	height: 40px;
	/*padding: 0 50px;*/
	text-align: center;
}
.header
{
	display: none;
}
#postcabecera
{
	display: none;
}
.header2
{
	display: block;
}
.textbox
{
	border: 1px solid #DBE1EB;
	font-size: 16px;
	font-family: Arial, Verdana;
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 8px;
	padding-bottom: 8px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	background: #FFFFFF;
	background: linear-gradient(left, #FFFFFF, #F7F9FA);
	background: -moz-linear-gradient(left, #FFFFFF, #F7F9FA);
	background: -webkit-linear-gradient(left, #FFFFFF, #F7F9FA);
	background: -o-linear-gradient(left, #FFFFFF, #F7F9FA);
	color: #094677;
}
.botonbox
{
	border: 1px solid #DBE1EB;
	font-size: 16px;
	font-family: Arial, Verdana;
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 3px;
	padding-bottom: 3px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	background: #00AA9D;
	background: linear-gradient(left, #bdd220, #bdd220);
	background: -moz-linear-gradient(left, #BDD220, #BDD220);
	background: -webkit-linear-gradient(left, #BDD220, #BDD220);
	background: -o-linear-gradient(left, #BDD220, #BDD220);
	color: #FFFFFF;
	height: 38px;
}
.botonboxazul
{
	border: 1px solid #DBE1EB;
	font-size: 16px;
	font-family: Arial, Verdana;
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 3px;
	padding-bottom: 3px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	background: #0A8EE0;
	background: linear-gradient(left, #0a8ee0, #0a8ee0);
	background: -moz-linear-gradient(left, #0A8EE0, #0A8EE0);
	background: -webkit-linear-gradient(left, #0A8EE0, #0A8EE0);
	background: -o-linear-gradient(left, #0A8EE0, #0A8EE0);
	color: #FFFFFF;
	height: 38px;
}
#cuerpo
{
	max-width: 1200px;
	margin: 0 auto;
}
a.enlace_verde:link
{
	font-size: 14px;
	color: #BDD21F;
	text-decoration: none;
}
a.enlace_verde:visited
{
	font-size: 14px;
	color: #BDD21F;
	text-decoration: none;
}
a.enlace_verde:hover
{
	font-size: 14px;
	color: #BDD21F;
	text-decoration: underline;
}
a.enlace_verde:active
{
	font-size: 14px;
	color: #BDD21F;
	text-decoration: none;
}
a.tooltip:hover
{
	text-decoration: none;
}
a.tooltip span
{
	display: none;
	margin: 0 0 0 10px;
	padding: 5px 5px;
}
a.tooltip:hover span
{
	display: inline;
	position: absolute;
	border: 1px solid #CCCCCC;
	background: #FFFFFF;
	color: #666666;
}
#div70
{
	width: 70%;
	float: left;
}
#div70-2
{
	width: 70%;
	float: left;
}
#div50
{
	width: 50%;
	float: left;
}
#div30
{
	width: 30%;
	float: right;
}
#div33
{
	width: 33%;
	float: left;
}
#div40
{
	width: 39%;
	float: left;
}
#div20
{
	width: 20%;
	float: left;
}
#div20-2
{
	width: 20%;
	float: left;
	padding: 20px;
	text-align: justify;
	height: 120px;
	border: #000000 thin dotted;
}
#div25
{
	width: 25%;
	float: right;
	background: #0A8EE0;
	color: #FFFFFF;
	padding-left: 20px;
	padding-right: 20px;
}
.div_emergente
{
	position: fixed;
	width: 100%;
	height: 500%;
	background: url(../imagenes/fondo_pop.png);
}
#popupnoti
{
	width: 540px;
}
#cierrapopupnoti
{
	margin-left: 540px;
}
#fotolarga
{
	height: 280px;
}
#fotoancha
{
	height: 280px;
}
.alerta-cookies
{
	background-color: #FFF;
	position: absolute;
	color: #000;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	padding: 10px 10px 10px 10px;
	left: 50%;
	top: 20%;
	width: 800px;
	margin-left: -400px;
	font-size: 14px;
	font-family: 'Quicksand', Verdana, Geneva, sans-serif;
	-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,1);
	-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,1);
	box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 1);
}
@media all and (max-width: 1200px)
{
	#cuerpo
	{
		padding-left: 20px;
		padding-right: 20px;
	}
	.header
	{
		display: block;
		background: #444444;
		font-size: 16px;
		font-weight: bold;
		color: #FFF;
		line-height: 40px;
		border-bottom: 3px solid rgb(189, 210, 33);
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		text-align: right;
		width: 100%;
		height: 40px;
		padding: 0 20px 0 50px;
	}
	.header a
	{
		background: center center no-repeat transparent;
		background-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADhJREFUeNpi/P//PwOtARMDHQBdLGFBYtMq3BiHT3DRPU4YR4NrNAmPJuHRJDyahEeT8Ii3BCDAAF0WBj5Er5idAAAAAElFTkSuQmCC );
		display: block;
		width: 40px;
		height: 40px;
		position: absolute;
		top: 0;
		left: 10px;
	}
	#postcabecera
	{
		display: block;
	}
	.header2
	{
		display: none;
	}
	#div70
	{
		width: 50%;
		float: left;
		padding-left: 10px;
	}
	#div30
	{
		width: 45%;
		float: right;
		padding-right: 10px;
	}
	#div40
	{
		width: 100%;
		float: none;
	}
	#div20
	{
		width: 100%;
		float: none;
	}
	#div20-2
	{
		width: 100%;
		float: none;
		padding: 0px;
		padding-top: 10px;
		padding-left: 5px;
		text-align: left;
		height: auto;
		min-height: 40px;
		border: #000000 thin dotted;
	}
}
@media all and (max-width: 900px)
{
	#div70-2
	{
		width: 100%;
		float: none;
		padding-left: 10px;
	}
	#div33
	{
		width: 95%;
		margin: 0 auto;
		float: none;
	}
	#div25
	{
		width: 90%;
		margin: 0 auto;
		float: none;
	}
}
@media all and (max-width: 700px)
{
	#postcabecera
	{
		display: none;
	}
	#div70
	{
		width: 95%;
		float: none;
		padding-left: 10px;
		padding-right: 10px;
	}
	#div30
	{
		width: 95%;
		float: none;
		padding-right: 10px;
		padding-left: 10px;
	}
	#popupnoti
	{
		width: 480px;
	}
	#cierrapopupnoti
	{
		margin-left: 480px;
	}
}
@media all and (max-width: 480px)
{
	#div70
	{
		width: 90%;
		float: none;
		padding-left: 10px;
		padding-right: 10px;
	}
	#div50
	{
		width: 100%;
		float: none;
	}
	#div30
	{
		width: 90%;
		float: none;
		padding-right: 10px;
		padding-left: 10px;
	}
	#popupnoti
	{
		width: 280px;
	}
	#cierrapopupnoti
	{
		margin-left: 280px;
	}
	#fotolarga
	{
		text-align: center;
		height: auto;
		width: 97%;
		padding-left: 5px;
	}
	#fotoancha
	{
		text-align: center;
		height: auto;
		width: 97%;
		padding-left: 5px;
	}
	.alerta-mensas
	{
		position: absolute;
		color: #FFFFFF;
		-khtml-border-radius: 3px;
		border-radius: 3px;
		padding: 10px 10px 10px 10px;
		left: 50%;
		top: 35%;
		width: 300px;
		margin-left: -150px;
		font-size: 12px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,1);
		-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,1);
		box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 1);
	}
	.alerta-cookies
	{
		background-color: #FFF;
		position: absolute;
		color: #000;
		-khtml-border-radius: 3px;
		border-radius: 3px;
		padding: 10px 10px 10px 10px;
		left: 45%;
		top: 10%;
		width: 280px;
		margin-left: -140px;
		overflow-y: scroll;
		font-size: 14px;
		font-family: 'Quicksand', Verdana, Geneva, sans-serif;
		-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,1);
		-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,1);
		box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 1);
	}
}
.bx-wrapper
{
	height: 250px;
}
.bxslider img
{
	height: 248px;
}