/*  
Theme Name: RetroMadrid
Theme URI: http://www.retromadrid.org
Version: 1.0.0
Author: factor ñ
Author URI: http://www.factorn.com
*/



/************************************ RESET ************************************************/
* {margin: 0; padding: 0; border: 0; outline: 0;}
header, nav, section, article, aside, footer {display: block;}
img {max-width: 100% !important; height: auto;}
@media \0screen {img { width: auto;}}



/************************************ STRUCTURE ************************************************/
body {max-width: 1000px; min-width: 280px; margin: 0 auto;}
header {height: 90px; padding: 30px 0;}
section {}
article {width: 70%; float: left;}
article.front_page {width: 100%;}
aside {width: 25%; float: right;}
footer {height: 100px; margin-top: 70px;}



/************************************ GENERAL STYLE ************************************************/
body {font: 14px Arial, Helvetica, sans-serif; color: #666;}

h1, h2, h3, h4, h5, h6 {margin: 0; font-family: 'Russo One', sans-serif; font-weight: normal;}
h1 {clear: both; font-size: 17px; padding: 12px 16px; color: #fff; background-color: #007aac; border-radius: 8px; margin-bottom: 3px;}
h2 {clear: both; font-size: 22px; color: #007aac; margin-bottom: 20px; border-top: 3px dotted #ccc; margin-top: 40px; padding-top: 20px;}
h3 {font-size: 17px; margin-bottom: 20px;}
h4 {font-size: 15px;}
hr {margin: 30px 0; border-top: 3px dotted #ccc;}

p {margin: 0 0 20px 0;	padding: 0;}
blockquote {font: italic 110%/130% "Times New Roman", Times, serif; padding: 8px 30px 15px;}
small {font-size: 12px; line-height: normal;}
ul, ol {margin: 1em 0 1.4em 24px; padding: 0; line-height: 140%;}
li {margin: 0 0 .5em 0; padding: 0;}
a {color: #666; text-decoration: none; outline: none;}
a:hover {text-decoration: none;}
article a {color: #007aac;}
article a:hover {color: #007aac; text-decoration: underline;}

h1 small, h2 small {font-family: arial; font-size: 12px; margin-left: 10px; white-space: nowrap;}



/************************************ HEADER ************************************************/
header {position: relative;}
.logo {position: absolute; z-index: 100;}
.logo:hover {opacity: 0.75;}
.patrocinadores {text-align: right; font-size: 0;}
.patrocinadores img:hover {opacity: 0.75; transform: scale(.9);}

#lang_sel_list {position: absolute !important; top: 5px; right: 0;}
#lang_sel_list * {margin: 0 !important; padding: 0 !important;}



/************************************ MAIN NAV ************************************************/
header nav {
	float: right;
	text-align: right;
}
header nav li {
	list-style: none;
	display: inline-block;
	background: url('images/nav.png') no-repeat 2px center;
	padding-left: 16px;
}
header nav li:first-child {background: none;}
header nav a {}
header nav a:hover {color: #007aac;}



/************************************ FRONTPAGE  ************************************************/
.main_image img {
	width: 100%;
	margin-bottom: 10px;
	background: #333333;
	border-radius: 8px;
}
.main_banner_background, .section_banner_background {
	background: #333333;
	height: 360px;
	width: 100%;
	position: absolute;
	top: 170px;
	left: 0;
	z-index: -100;
}
.main_banner_background div, .section_banner_background div {
	height: 100%; 
	opacity: 0.05;
	background-size: 125%;
	background-position: center center;
}
.section_banner_background {
	height: 120px;
	top: 150px;
}
.columna {
	float: left;
	width: 24%;
	margin-right: 1%;
}
.widget_nav_menu h3 {
	height: 50px;
	line-height: 50px;
	padding-left: 56px;
	margin: 0 0 3px 0;
	color: #fff;
	border-radius: 8px;
	text-transform: lowercase;
	overflow: hidden;
}
.widget_nav_menu ul, .widget_nav_menu ul li {margin: 0; border: 0; list-style: none; line-height: normal;}
.widget_nav_menu ul li a {
	display: block;
	padding: 8px 12px 8px 12px;
	margin: 0 0 3px 0;
	border-radius: 8px;
	color: #666;
	background: #f0f0f0;
	font-size: 15px;
}
.widget_nav_menu ul li a:hover {padding: 8px 6px 8px 18px; text-decoration: none;}
.widget_nav_menu.edicion_actual h3 {background: url('images/btn_edicion_actual.png') no-repeat 8px 0 #007aac;}
.widget_nav_menu.noticias h3 {background: url('images/btn_noticias.png') no-repeat 8px 0 #ffa500;}
.widget_nav_menu.retrospectiva h3 {background: url('images/btn_retrospectiva.png') no-repeat 8px 0 #a53000;}

.widget_nav_menu.edicion_actual ul li a {background: #cce4ee;}
.widget_nav_menu.noticias ul li a {background: #ffedcc;}
.widget_nav_menu.retrospectiva ul li a {background: #edd6cc;}

.widget_nav_menu.edicion_actual ul li a:hover {background: #007aac; color: #fff;}
.widget_nav_menu.noticias ul li a:hover {background: #ffa500; color: #fff;}
.widget_nav_menu.retrospectiva ul li a:hover {background: #a53000; color: #fff;}

.tv {display: block; height: 170px; margin-bottom: 10px; margin-top: -130px;}
.tv .tv_frame {position: absolute; z-index: 100;}
.tv .tv_background {position: absolute; z-index: 80;}
.tv .attachment-thumbnail {margin: 22px 0 0 38px; position: absolute; z-index: 90;}

.columna_derecha {width: 25%; margin: 0;}
.columna_derecha .tv {margin-top: -90px;}
.columna_derecha div {padding: 0 20px;}

@keyframes blink {
	0% {opacity: .65;}
	30% {opacity: .55;}
	60% {opacity: .65;}
	80% {opacity: .55;}
	100% {opacity: .65;}
}
.tv .attachment-thumbnail {
	animation: blink 5.5s;
	animation-iteration-count: 5;
}



/************************************ ARTICLE ************************************************/
article {
	line-height: 1.4em;
}
.section_banner_title {
	width: 70%;
	display: block;
	height: 120px; 
	line-height: 120px; 
	white-space: nowrap; 
	overflow: hidden; 
	color: #fff; 
	opacity: 1;
	font-size: 32px;
	margin: 0 0 30px 0;
	padding: 0 0 0 70px;
	background: 0;
	border-radius: 0;
	background: url('images/btn_edicion_actual.png') no-repeat 20px center;
	text-transform: lowercase;
}
article .attachment-post-thumbnail,
article .attachment-large,
article .size-full {
	border-radius: 8px; 
	margin-bottom: 20px; 
	width: 100%;
}


.noticia {
	display: block;
	padding: 20px;
	border-radius: 8px;
	background: #f0f0f0;
	overflow: auto;
	margin-bottom: 3px;
	color: #444;
}
.noticia:hover {color: #444; background: #e3e3e3; text-decoration: none;}
.noticia div {font-size: 0; margin-right: 15px;}
.noticia h3 {margin-bottom: 0; font-size: 15px; color: #047aab;}
.noticia img {border-radius: 4px; margin-bottom: 0;}
.noticia small {display: block; text-align: right; font-size: 11px; color: #BBB;}

table.listado {border-collapse: collapse; font-size: 13px; line-height: normal; width: 100%; margin-bottom: 20px;}
table.listado tr {display: block; background: #f0f0f0; padding: 10px; border-radius: 8px; margin-bottom: 3px;}
table.listado td {padding: 10px; vertical-align: top;}
table.listado td:first-child {width: 150px;}
table.listado img {float: left; margin: 0; border-radius: 4px;}

table.estadisticas {border-collapse: collapse; width: 100%; font-size: 13px; margin-bottom: 20px;}
table.estadisticas td {width: 25%; vertical-align: top; padding: 10px; border: 2px solid #fff; background: #f0f0f0;}
table.estadisticas td img {width: 100%}

table.horarios {font-size: 12px; line-height: normal; width: 100%;}
table.horarios th {padding: 8px 10px; color: #fff; text-align: center; background: #444;}
table.horarios td {padding: 8px 10px; color: #444;}
table.horarios th:first-child, table.horarios td:first-child {white-space: nowrap;}
table.horarios col:nth-child(1) {background: #f0f0b8;}
table.horarios col:nth-child(2) {background: #c3d9ee;}
table.horarios col:nth-child(3) {background: #d2eed2;}
table.horarios col:nth-child(4) {background: #bfe6e6;}
table.horarios td:empty {background: #f0f0f0 !important;}

.child-pages {margin: 0; padding: 0;}
.child-pages li {list-style: none; margin: 0; padding: 0;}
.child-pages a {font-family: 'Russo One', sans-serif; display: block; list-style: none; color: #666; background: #f0f0f0; font-size: 17px; padding: 18px 22px; margin-bottom: 3px; border-radius: 8px;}
.child-pages a:hover {background: #e0e0e0; color: #666; text-decoration: none;}
.child-pages ul {margin-top: 0; margin-left: 0;}
.child-pages ul li a {font-family: arial; font-size: 15px; padding: 8px 22px;}

.minibanners img {width: 24%; margin: 0 1% 1% 0;}

#gallery-1 img {border-radius: 8px;}


/************************************ VIDEO ************************************************/
iframe {
	margin-bottom: 15px;
	width: 100%;
	border-radius: 8px;
}



/************************************ PAGE NAVIGATION ************************************************/
.pagination {
	clear: both;
	padding: 20px 0;
	text-align: center;
}
.pagination .page-numbers {padding: 0 2px;}
.pagination .page-numbers:hover {color: #007aac;}
.current {font-weight: bold; color: #007aac;}



/************************************ SIDEBAR ************************************************/
aside {}
.widget {
	margin-bottom: 30px;
	margin: 0 0 20px 0;
}
aside .widget_nav_menu ul li a {
	font-size: 13px;
}
#searchform {
	padding: 0;
	background: none;
}
#searchform input[type=text] {
	display: inline-block;
	width: 60% !important;
	max-width: auto !important;
	padding: 0 15% 0 5% !important;
	margin: 0 1% 0 0 !important;
	border-radius: 8px;
	background: #f0f0f0;
	line-height: 40px;
	height: 40px;
	float: left;
	color: #444;
}
#searchform input[type=image] {
	display: inline-block;
	width: 19% !important;
	padding: 0 !important;
	margin: 0 !important;
	border-radius: 8px;
	float: left;
	background: url('images/search.png') no-repeat center center #047aab;
	line-height: 40px;
	height: 40px;
	font-size: 0;
}



/************************************ FOOTER ************************************************/
footer {
	background: url('images/footer.png') no-repeat top right;
	padding-top: 48px;
	color: #007aac;
	line-height: 48px;
}
footer a {color: #007aac;}
footer .cc {vertical-align: middle; margin-right: 30px;}
footer .social {width: 170px; float: right;}
footer .social img {float: left; width: 50px;}
footer .social img:hover {opacity: 0.75; transform: scale(.9);}



/************************************ FORM ************************************************/
form {
	background: #f0f0f0;
	padding: 30px;
	border-radius: 8px;
}
input, textarea, select, input[type=search], button {
	font-size: 100%;
	font-family: inherit;
}
input[type=text], input[type=password], input[type=search], input[type=email], input[type=url], textarea, select {
	background: #ccc;
	padding: 5px;
	border-radius: 4px;
}
input[type=text], input[type=search] {
	min-width: 30%;
	max-width: 90%;
}
textarea {
	width: 90%;
}
textarea:focus, input[type=password]:focus, input[type=email]:focus, input[type=text]:focus, input[type=url]:focus, input[type=search]:focus {
	background: #bbb;
}
input[type=reset], input[type=submit], .button {
	padding: 10px 25px;
	background: #007aac;
	color: #fff;
	cursor: pointer;
	border-radius: 4px;
}
input[type=reset]:hover, input[type=submit]:hover, .button:hover {
	background: #1090c4;
}

/************************************ CSS3 EFFECTS ************************************************/
footer img, header img, .columna ul li a, .widget_nav_menu a, .noticia, .child-pages a {
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;	
}



/************************************ WORDPRESS POST FORMATTING ************************************************/
img.alignleft, img.aligncenter, img.alignright, img.alignnone {margin-bottom: 15px;}
.alignleft {float: left; margin-right: 20px;}
.alignright {float: right; margin-left: 20px;}
.aligncenter {text-align: center; display: block; margin-left: auto; margin-right: auto;}
.wp-caption {text-align: center; margin-bottom: 15px; max-width: 100%;}
.wp-caption-text {font-style: italic; font-size: 95%; line-height: 120%; margin: 6px 0;}



/************************************ CLEAR AND ALIGMENT ************************************************/
.clear {clear: both;}
.left {float: left;}
.right {float: right;}
.textleft {text-align: left;}
.textright {text-align: right;}
.textcenter {text-align: center;}



/************************************ CLEARFIX ************************************************/
.clearfix:after, .widget li:after, #body:after, #footer:after, footer:after, .pagenav:after, #main-nav:after, .menu:after, .gallery:after, #content:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
.clearfix, .widget li, #body, #footer, footer, .pagenav, #main-nav, .menu, .gallery, #content {display: inline-block; }
.clearfix, .widget li, #body, #footer, footer, .pagenav, #main-nav, .menu, .gallery, #content {display: block; zoom: 1; } /* IE7 */



/************************************ MEDIA QUERIES ************************************************/
@media all and (max-width: 1040px) {
	body {width: auto; margin: 0 20px;}
	.main_banner_background, .section_banner_background {display: none;}
	.section_banner_title {width: auto; color: #fff; background-color: #007aac; padding: 10px 10px 10px 70px; margin: 10px 0 20px 0; line-height: normal; height: auto; border-radius: 8px;}
	.tv {display: none;}
	.columna {width: 32.33%; margin: 0 .5%;}
	.columna_derecha {display: none;}
	.minibanners img {width: 32.33%; margin: 0 .5%;}
	.listado td {display: block;}
	.listado img {float: none !important; margin-top: 5px !important;}
}
@media all and (max-width: 940px) {
	header {height: auto; text-align: center;}
	header {padding-bottom: 5px;}
	header .logo {position: relative; top: 0; clear: both; margin: 0 auto 20px auto;}
	header .patrocinadores {text-align: center;}
	header .patrocinadores img {height: 32px;}
	header .qtrans_language_chooser {float: none; postition: relative; top: -2px; height: 22px; line-height: 22px; margin: -2px 0 0 15px; padding: 0 10px;}
	header .qtrans_language_chooser * {padding: 0; margin: 0;}
	header .qtrans_language_chooser a {padding: 0 3px 0 0; margin-top: 4px;}
	header nav {float: none; text-align: center;}
	header .menu {margin-top: 10px; line-height: 12px;}
	header ul {width: auto; margin: 0; padding: 0;}
	header ul li:first-child {margin: 0; padding: 0;}
	header select {margin: 10px 0 0 0; position: absolute; z-index: 100; border-radius: 8px;}
}
@media all and (max-width: 750px) {
	article, aside {float: none; width: auto; margin: 0 0 20px 0;}
	article {margin-bottom: 60px;}
}
@media all and (max-width: 600px) {
	body {margin: 0 20px;}
	.section_banner_title {background-image: none !important; padding: 10px; font-size: 28px; text-align: center;}
	.columna {width: 100%; margin: 0 0 20px 0;}
	footer {font-size: 12px;}
	.minibanners img {float: left; width: 48%; margin: 0 2% 2% 0;}
}
@media all and (max-width: 420px) {
	header .patrocinadores img {height: 24px;}
	header nav {font-size: 12px;}
	footer .cc {display: none !important;}
	footer .data {margin: 65px 0 20px 0; line-height: normal; display: block; float: none; clear: both;}
}