﻿/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*  Created on : 12/01/2016, 9:19:16 AM Author     : Oriongu
*/a.anchor{display:block;position:relative;top:-17px;visibility: hidden;}
#contacto {
	width: 200px;
	background: rgba(0,0,0,.9);
	padding: 10px 1% 10px 1%;
	font-size: 1em;
	margin-bottom: 10px;
	color: #FFF;
	position: absolute;
	right: 0;
	z-index: 100;
	top: 120px;
}
.portadaContent{
	width:60%;
	float:left;
	background:url(../images/cargando.gif) center center no-repeat;
}
.portadaContent img{
	width:100%;
}
.tiutiu{
	color:#FFF;
	font-size:3em;
	text-transform:uppercase;
}
.archis{
	width:38%;
	float:right;
}
.archisli{
	margin-bottom:20px;
}
.archisli a h3{
	color:#FFF;
	font-size:1.5em;
	text-transform:uppercase;
	margin-bottom:5px;
}
.archisli a p{
	font-size:.8em;
	color:rgba(255,255,255,.5);
}
.linki1 a:hover p:after{
	display:inline-block;
	content:"\f019";
	color:#FFF;
	font-size:.9em;
	margin-left:5px;	
    font-family: FontAwesome;
}
.linki2 a:hover p:after{
	display:inline-block;
	content:"\f061";
	color:#FFF;
	font-size:.9em;
	margin-left:5px;	
    font-family: FontAwesome;
}
.gira{
	padding-top:10px;
	margin-top:10px;
	border-top:solid 1px rgba(255,255,255,.4);
	padding-bottom:50px;
}
.gira h3,#prensaList h2{
	color:#FFF;
	font-size:1.2em;
	text-transform: uppercase;
}
.gira ul li{
	padding:10px;
	padding-left:0;
	font-size:1.2em;
	color:#FFF;
	border-top:dotted 1px rgba(255,255,255,.3);
}
.gira ul li:first-child{
	border:none;
}
.gira ul li p{
	display:inline-block;
	vertical-align:middle;
	line-height:.9em;
}
.gira ul li a{
	color:#EEE;
}
.gira ul li a:hover{
	color:#FFF;
}
.fecharr{
	width:50px;
	display:inline-block;
	vertical-align:middle;
	margin-right:10px;
	text-align:center;
}
.fecharr h4{
	font-size:.9em;
}
.fecharr p{
	font-size:.9em;
}
.linki{
	color:rgba(255,255,255,.5);
	font-size:.7em;
	font-weight:400;
}
.copete22{
	margin-top:10px;
}
.copete22 p{
	color:#FFF;
	font-size:1em;
	margin-bottom:15px;
}
.copete22 li{
	color:#FFF;
	font-size:1em;
	margin-bottom:5px;
}
.copete22 h2{
	font-size:1.5em;
	margin-bottom:5px;
	color:#FFF;
}
.info{
	display:block;
	padding:10px;
	text-align:right;
	color:rgba(255,255,255,.5);
}
.info:hover{
	color:#FFF;
}
.intro{
	color:#FFF;
	font-style:italic;
	margin-bottom:10px;
}
.titcopH{
position:absolute;
top:0;
left:0;
z-index:1;
}
.loading .slider:after{
	position:absolute;
	color:#FFF;
	content:"CARGANDO IMÁGENES...";
	bottom:10px;
	right:230px;
	font-size:1.5em;
}
#imgs li:hover:after{
	content:"\f065";
	color:#FFF;
    font-family: FontAwesome;
	position:absolute;
	font-size:2em;
	bottom:5px;
	right:5px;
	z-index:10;
}
.slider{
	border-bottom:solid 1px #FFF;
	margin-bottom:10px;
}
#logo-chico{
	display:none;
	font-weight: 700;
	font-family: 'Libre Baskerville', serif;
	font-size:.7em;
	text-transform:lowercase;
	position:relative;
	bottom:2px;
	color:#FFF;
	color:rgba(255,255,255,.7);
}
#logo-chico:hover{
	color:#FFF;
}
#header-not.scroll-to-fixed-fixed{
	padding:3px 1% 3px 1%;
	width:98% !important;
	background:#000;
	border-bottom:solid 1px #FFF;
	box-shadow:0 5px 5px -5px rgba(0,0,0,.5);
	height:auto;
}
#header-not.scroll-to-fixed-fixed .titulo1{
	font-size:1.5em;
	margin:0;
}
#header-not.scroll-to-fixed-fixed #logo-chico{
	display:inline-block;
}
#header-not.scroll-to-fixed-fixed p{
	display:none;
}
.aprensa{
	position: relative;
	z-index: 2;
	display: block;
	padding: 10px;
	padding-right: 95px;
}
.prensaItem{
	border-bottom: solid 1px rgba(255,255,255,.5);
}
.prensaen:after{
	content: "READ MORE";
	display: block;
	position: absolute;
	top:50%;
	padding: 5px;
	color:#FFF;
	border: solid 1px rgba(255,255,255,.5);
	border-radius: 5px;
	right:10px;
	font-size: .7em;
	margin-top: -13px;
}
.prensaes:after{
	content: "LEER NOTA";
	display: block;
	position: absolute;
	top:50%;
	padding: 5px;
	color:#FFF;
	border: solid 1px rgba(255,255,255,.5);
	border-radius: 5px;
	right:10px;
	font-size: .7em;
	margin-top: -13px;
}
.aprensa:hover:after{
	background: #FFF;
	border-color: #FFF;
	color: #000;
}
.prensaItem h3{
	text-transform: uppercase;
	color:rgba(255,255,255,.8);
	font-size: .9em;
}
.prensaItem p{
	color:#FFF;
	margin-bottom: 5px;
	font-size: 2em;
}
@media screen and (max-width: 950px){
	.gridder .gridder-list{
	width: 32%;
	margin:0.6%;
	}
@media screen and (max-width: 600px){
	.gridder .gridder-list{
	width: 48%;
	margin:1%;
	}
}
@media screen and (max-width: 480px){
.aprensa:after{
	display: none;
}
.aprensa{
	padding:10px;
}
.prensaen h3:after{
	display: inline-block;
	padding: 5px;
	color:#FFF;
	border: solid 1px rgba(255,255,255,.5);
	border-radius: 2px;
	margin-left: 5px;
	font-size: .6em;
	content: "READ MORE";
	position: relative;
	bottom: 2px;
}
.prensaes h3:after{
	display: inline-block;
	padding: 5px;
	color:#FFF;
	border: solid 1px rgba(255,255,255,.5);
	border-radius: 2px;
	margin-left: 5px;
	font-size: .6em;
	content: "LEER NOTA";
	position: relative;
	bottom: 2px;
}
#contacto {
	float:none;
	width: inherit;
	text-align: center;
	position:static;
}
#imgs li:after{
	content:"\f065";
	color:#FFF;
    font-family: FontAwesome;
	position:absolute;
	font-size:2em;
	bottom:5px;
	right:5px;
}
	.gridder .gridder-list{
	width:100%;
	margin:5px 0 5px 0;
		overflow:hidden;
	}
	.gridder .gridder-list img{
		position:absolute;
		width:100%;
	}
	.gridder .overlay{
		background:rgba(0,0,0,.5);
		height:150px;
	} 
	.gridder .selectedItem{
		margin:0;
	}
.gridder .selectedItem{
	display:none;
}
	.gridder-content{
		margin:0;
		border:none;
	}	
.gridder-content .portadaContent,.archis{
	width:inherit;
	float:none;
	margin-bottom:10px;
	padding-top:5px;
	border-top:solid 1px rgba(255,255,255,.5)
}
.fecharr{
	width:30px;
	margin-left:5px;
}
.fecharr h4{
	line-height:.6em;
}/*
.fecharr p{
	font-size:.7em;
	line-height:.6em;
} 
.fecharr *{
	position:relative;
	top:3px;
}*/
.gira ul li{
	font-size:1em;
}
.linki{
	font-size:.6em;
}
}