@charset "utf-8";
/* CSS Document */

*{
	margin: 0px;
	padding: 0px;
}

.cycle-slideshow { 
    -webkit-perspective: 1000;
    -webkit-transform-style: preserve-3d;
    -moz-perspective: 1000;
    -moz-transform-style: preserve-3d;
    -o-perspective: 1000;
    -o-transform-style: preserve-3d;
    perspective: 1000;
    transform-style: preserve-3d;  
}

body{
	background:#FFF;
	font-size: 12pt;
	font-family: 'Bitter', Arial, Verdana, sans-serif; 
}

header, #container, footer{
	width:100%;
	max-width:960px;
	margin: 0px auto;
	
}
#container{
	overflow:hidden;	
}

#container #pub{
	width:100%;
	/*float:right;*/
	border-bottom:1px solid #333;
	margin-bottom:2%;
}

#container #pub .thumb{
	width: 100%;
	height:auto;
	float:center;
	
	
}

a{
	color:#000;
	text-decoration:none;
}

a:hover{
	text-decoration: none;
	color:#666;
}

/*------ Header------*/

header {
	margin-top:20px;
	/*margin-bottom:10px;*/
	overflow:hidden;
	width:85%;
	height:120px;
}

#principal{
	border-bottom:1px solid #333;
	margin-bottom:15px;
}

header #logo .thumb{
	width: 64%;
	height:auto;
	float:center;
}

/*---Menu---*/

header nav{
	width:100%;
	float:center;
	padding:10px 0px;
	margin-top:10px;
}
/*
header nav ul li {
	list-style:none;
	display:inline-block;
	float:center;
	font-weight:700;
	font-size:1rem;
	/*margin-left:5px;
	margin-bottom:10px;
}

header nav ul li.menu{
	
	background-image:url(../images/menuseparator.png);
	background-repeat:no-repeat;
	background-position:right;
	padding-right:10px;
}

/*-----nombre y fecha --------*/

#dir{
	float:left;
	margin-bottom:15px
}
#fecha{
	float:right;
	margin-bottom:15px
}

#dir p, #fecha p {
	font-weight:400;
	font-size: .7rem;
}

input.lupa{
width: 20px;
height: 20px;
background-image: url(../images/lupe.png);
background-color: transparent;
color: transparent;
border: none;
outline: none;
cursor: pointer;
}
/*----------slideshow------*/

#main{
	overflow:hidden;
	position:relative;	
}

#main #slideshow {
	width:100%;
	float:left;
	overflow:hidden;
	margin-bottom:10px;
	position:relative;
	z-index:1;
}

#main #slideshow article{
	width:33%;
	float:left;
	margin-left:2%;
}

/*#main #slideshow article .tmb{
	padding-bottom:1%;
	margin-left:1%;
}*/

/*-------- principal    Portada 1------- */

#main #portada1 {
	clear:both;
	width:50%;
	float:left;
}

#main #portada1 #no-nota{
	display:none;
}

#main #portada2{
	width:18.75%;
	float:left;
	background-color: #3F4346; /*#FFF1E0;*/
	color:#DDD;
}

/*-------- kiosko -------*/
#main #kiosko{
	clear:both;
	margin:0;
	padding:0;
	border:0;
	background-color: #611291;
}

#main #kiosko #kiosko_izq, #main #kiosko #kiosko_der {
	width:50%;
	float:left;
	background-color: #611291;
	color: #FFF;
}

#container #kiosko .cabecera{
	width: 100%;
	height:auto;
	float:center;
}

#main #portada1 article, #main #portada2 article, #main #categorias article, #main #kiosko_izq article, #main #kiosko_der article{
	font-family: 'Bitter', Arial, Verdana, sans-serif;
	font-size:.85rem;
	font-weight:400;
	text-align:justify;
	margin-bottom:5px;
	margin-right:4%;
	padding-bottom:15px;
	border-bottom:1px solid #999;
	overflow:hidden;
}

#main #portada2 article, #main aside article{
	margin-left:4%;
	font-size:.8rem;
}

#main #portada1 article h1, #main #portada2 article h1, #main aside article h1, #main #categorias article h1, #main #kiosko_izq article h1, #main #kiosko_der article h1{
	font-weight:700;
	text-align:center;
}

#main #portada1 article h1, #main #categorias article h1, #main #kiosko_izq article h1, #main #kiosko_der article h1{
	font-size: 1.25rem;
}

#main #portada2 article h1, #main aside article h1{
	font-size: .95rem;
}

#main #portada2 article h1 a, #main #portada2 article a, #main #kiosko_izq article h1 a, #main #kiosko_der article h1 a, #main #kiosko_izq article a, #main #kiosko_der article a{
	color:#DDD;
}

#main #portada2 article h1 a:hover, #main #portada2 article a:hover, #main #kiosko_izq article h1 a:hover, #main #kiosko_der article h1 a:hover, #main #kiosko_izq article a:hover, #main #kiosko_der article a:hover{
	color:#666;
}

#main #portada1 article .thumb, #main #categorias article .thumb, #main #kiosko_izq article .thumb, #main #kiosko_der article .thumb{
	width: 50%;
	margin-right:2%;
	float:left;
	margin-bottom:2%;
}

#main #portada2 article .thumb, #main aside article .thumb{
	width: 100%;
	margin-right:2%;
	margin-bottom:2%;
}

#main #portada2 article .thumb {
	float: left;
}

/*------Asaid-----*/
#main aside{
	width:31.25%;
	float:left;
}

#main aside article h1{
	border-bottom:1px solid #999;
	text-align:left;
	margin-bottom:10px;
	padding-bottom:10px;
}
#main aside article{
	font-family: 'Bitter', Arial, Verdana, sans-serif;
	font-size:.81rem;
	font-weight:400;
	text-align:justify;
	margin-bottom:5px;
	margin-right:4%;
	padding-bottom:15px;
	overflow:hidden;
}

#main aside #publi .thumb{
	width: 92%;
	height:auto;
	margin-right:4%;
	margin-left:4%;
	/*float: center;*/
	margin-bottom:2%;
	margin-top:4%;
}

/*----- Footer-------*/

footer {
	width:100%;
	height:100px;
	background-image:url(../images/footer.png)
}

footer p{
	width:100%;
	text-align:center;
	padding-top:40px;
	font-family: 'Bitter', Arial, Verdana, sans-serif;
	font-size:.9rem;
	color:#FFF;
}

footer.nota{
	clear:both;
	background-image:none;
}

/* carrusel */
div.infiniteCarousel {
	margin: 0px auto 10px auto;
	-moz-box-shadow: 0px 0px 10px #333;
	-webkit-box-shadow:  0px 0px 10px #333;
	box-shadow:  0px 0px 10px #333;
	float:left;
	clear:right;
}
.ic_caption {
	opacity: .7;
	background: #4B4B4D;
	font-size: 1.1rem;
	font-family: 'Bitter', Arial, Verdana, sans-serif;
	color:#FFF;
	font-weight:700;
	text-align:center;
	padding: 5px 60px;
	width: auto;
}
.ic_link img{
	width:624px;
	height:auto;
}
/*------- nota --------*/

#main #cuerpo, #main #categorias {
	clear:both;
	width:68.75%;
	float:left;
}

#main #cuerpo article .nota{
	clear:both;
	margin:0px auto;
	height:auto;
	font-size:.8rem;
}

#main #cuerpo article{
	font-family: 'Bitter', Arial, Verdana, sans-serif;
	font-size:1rem;
	font-weight:400;
	text-align:justify;
	margin-right:4%;
	overflow:hidden;
}

#main #cuerpo article h1{
	font-weight:700;
	text-align:center;
	font-size: 1.5rem;
	margin-bottom: 0;
}

#main #cuerpo article h3{
	font-weight:700;
	text-align:center;
	font-size: .8rem;
	margin-top: 0;
}

#main #cuerpo article p{
	margin-bottom:2%;
}

#main #cuerpo article .thumb{
	width: 50%;
	margin:1%;
	float:left;
	margin-bottom:2%;
	alignment-baseline:left;
}