@charset "utf-8";

/* General Demo Style */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,700);
@import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700|PT+Sans+Narrow:400,700);


:root {
  --provincia: #00aec3; /*oficial*/
  --titNotas: #E29200;  /*Notas*/
  --titEventos: #8e8f7f;  /*Eventos*/
  --neutro: #C1C2AC;  /*Gris*/
  
  --linkCL: #d85034;  /*Link Fondo claro*/
  --linkCV: #18949c;  /*Visited Fondo claro*/
  --linkCH: #cccc00;  /*Hover Fondo claro*/
  --linkCA: yellow;  /*Active Fondo claro*/
  
  --linkOL: #d85034;  /*Link Fondo oscuro*/
  --linkOV: #18949c;  /*Visited Fondo oscuro*/
  --linkOH: #cccc00;  /*Hover Fondo oscuro*/
  --linkoA: yellow;  /*Active Fondo oscuro*/
}

@media screen and (max-width: 2400px) {
/* CSS Document */
#gallery
{
	padding: 0px;
	margin: 0px;
	width: 42%;
	float: right;
}
ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 0px;
}
#gallery ul
{
	list-style: none;
}
#gallery ul li
{
	display: inline;
}
#gallery ul img
{
	padding: 0px;
	margin: 1.5%;
	border: 2px solid  var(--neutro);
}
#gallery ul li a img {
	/*height: 90px;*/
	width: 42%;
	float:right;
}
#gallery ul a:hover img
{
	border: 2px solid  var(--titNotas);
}
#gallery ul a:hover
{
	color: #fff;
}
a:link {
	text-decoration: none;
}
	a:visited {
	text-decoration: none;
	}
	a:hover {
	text-decoration: none;
	}
	a:active {
	text-decoration: none;
	}


.bodyvermas {
}
.bodyvermas .container_vermas {
	border-top: 8px solid var(--provincia);
	padding: 5px 35px 35px 45px;
}
}










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

#gallery ul img
{
	padding: 0px;
	margin: 1.5%;
	border: 2px solid  var(--neutro);
}
#gallery ul li a img {
    min-width: 150px;
    max-width: 100%;
}
	}







@media screen and (max-width: 400px) {
#gallery
{
	padding: 0px;
	margin: 0px;
	width: 100%;
	float: left;
}
ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 0px;
}
#gallery ul
{
	list-style: none;
}
#gallery ul li
{
	display: inline;
}
#gallery ul img {
    padding: 0px;
    margin: 1.5%;
    border: 2px solid var(--neutro);
}
#gallery ul a:hover img
{
	border: 2px solid #099;
}
#gallery ul a:hover
{
	color: #fff;
}
a:link {
	text-decoration: none;
}
#gallery ul li a img{
	/*height: 90px;*/
	width: 100%;
	display: none;
}
#gallery ul:first-child {
	display: block;
}
#gallery ul{
	display: none;
}
	a:visited {
	text-decoration: none;
	}
	a:hover {
	text-decoration: none;
	}
	a:active {
	text-decoration: none;
	}


.bodyvermas {
}
.bodyvermas .container_vermas {
	border-top: 8px solid var(--provincia);
	padding: 5px 15px 15px 25px;
}
	}
	
	
	




@media print {
.impre {display:none}
}
#MeGusta {
	position: absolute;
	left: 100%;
	top: 0px;
	width: 69px;
	height: 46px;
	z-index: 993;
	vertical-align: bottom;
	text-align: center;
	margin-top: 20px;
	margin-left: -220px;
	font-size: 10px;
	font-weight: bold;
	color: #C00;
}
#Imprimir {
	position: absolute;
	left: 100%;
	top: 0px;
	width: 69px;
	height: 32px;
	z-index: 993;
	vertical-align: bottom;
	text-align: center;
	margin-top: 20px;
	margin-left: -120px;
}


a:link {
	color: #F00;
}
a:hover {
	color: #C90;
}
}