@charset "UTF-8";
/* CSS Document */
body{ background:#FFF;}

#hd_content {width:100%; height:80px; background:#fff;}
#hd_pixel,#foot {width:980px; height:80px; margin:0 auto; background:#fff; position:relative;}
#logopix {width:160px; height:55px; position: relative; top:15px; left:20px; }
#logopix img{ height:55px;}
#mes {width:250px; height:20px; position:absolute; top:25px; left:190px; font-family: 'Roboto Slab', serif; color: #959595; font-style:italic; font-size:20px; font-weight:300;
text-align:left;}
#numeropixel {font-family: 'Roboto Slab', serif; color: #474646; font-style:italic; font-size:10px; font-weight:300; padding-top:20px; padding-left:0px; text-align:left;}
#bt_close { width:50px; height:80px;position:absolute; right:0px;  top:0px;}
#ft_pixel {width:980px; height:169px; background:#fff; margin:0 auto;}
#foot {width:980px; height:169px; background:url(img/ft_pixel.jpg) no-repeat;}
#logoGR {width:150px; height:14px; position:absolute; left:30px; top:25px;}
#derechos {width:230px; height:14px; position:absolute; left:17px; top:42px;font-family: 'Roboto Slab', serif; font-size:12px; color: #959595; }
#bt_fb {width:30px; height:27px; position:absolute; right:78px; top:5px;}
#bt_tw {width:30px; height:27px; position:absolute; right:118px; top:5px;}

#pagination-container {
	display: flex;
	justify-content: center;
	margin-top: 20px;
  }
  
  #pagination-container li {
	display: block;
   }

@media screen and (max-width: 980px) {
#hd_pixel,#foot {width:100%; height:80px; margin:0 auto; background:#fff; position:relative;}
#logopix { left:20px;}
#mes {left:170px; font-family: 'Roboto Slab', serif; color: #959595; font-style:italic; font-size:20px; font-weight:300; left:190px;}
#ft_pixel {width:100%; height:60px; background:#FFF;}
#foot {width:100%; height:169px; background:url(img/ft_pixel.jpg) no-repeat; background-position: right;  overflow:hidden;}
}
@media screen and (max-width: 640px) {
#hd_content {width:100%; height:55px; background:#fff;}
#hd_pixel {width:100%; overflow:hidden;}
#logopix {width:160px; height:40px; position: relative; top:8px; left:20px;}
#logopix img{ width:70%; height:auto;}
#mes {width:200px; height:15px; position:absolute; top:12px; left:180px; font-size:16px; text-align:left;}	
}

@media screen and (max-width: 568px) {
#hd_content {width:100%; height:55px; background:#fff;}
#hd_pixel {width:100%; overflow:hidden;}
#logopix {width:160px; height:40px; position: relative; top:8px; left:0px;}
#logopix img{ width:70%; height:auto;}
#mes {width:200px; height:15px; position:absolute; top:12px; left:145px;}
#bt_close {display:none;}	
}
@media screen and (max-width: 480px) {
#logopix {left:0px; }
#mes {width:200px; height:15px; position:absolute; top:10px; left:145px; font-size:16px; top:13px;}
#bt_close {display:none;}
.galleria-image-nav-left {width:50px !important; height:50px !important;}
.galleria-image-nav-left img { width:50% !important; height:50% !important;} 
img .galleria-image-nav-left {width:50px !important; height:50px !important;}
#ft_pixel {width:100%; height:169px; overflow:hidden; background-image:none; background-repeat:no-repeat;}
#foot {background-size:200%; height:135px;background-position: right; top:0px;}
#logoGR {left:20px; }
#derechos {left:7px; top:42px; font-family: 'Roboto Slab', serif; font-size:12px; color: #959595; }
#bt_fb {width:30px; height:27px; position:absolute; right:59px; top:0px;}
#bt_tw {width:30px; height:27px; position:absolute; right:90px; top:0px;}
}

@media screen and (max-width: 320px) {
#mes {width:180px; height:15px; position:absolute; top:10px; left:150px; font-size:14px; top:13px;}
/*footer {
	background: black;
}*/
}

.hd_intro {max-width:960px; width: 100%; z-index: 2; margin: 30px auto;  position: relative;  text-align: center; color:#C1C1C1;font-family: Helvetica, Verdana; font-size: 16px; line-height: 18px; top:0px;padding:10px;}
.cabeza_intro {max-width:980px; width: 100%; z-index: 3; margin: 0 auto;  position: relative;  text-align: center;  top:0px; }