/* 
Theme Name: Mataporquera
Theme URI: http://www.mataporquera.es
Description: Valdeolea en Movimiento
Author: Diego García
Author URI: http://wwww.diegogarcia.eu
*/

/*	#E26B29		*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } 
:focus {outline: 0;} 
body {line-height: 1; color: black; background: white;} 
ol, ul {list-style: none; }  
table {border-collapse: separate; border-spacing: 0;}  
caption, th, td {text-align: left; font-weight: normal;}  
blockquote:before, blockquote:after, q:before, q:after {content: "";}  
blockquote, q {quotes: "" "";}


html, body { width: 100%;}

body {
	background: url(images/bg.png);
	font-size: 14px;
	line-height: 18px;
	font-family: Lato, Helvetica, sans-serif;
	text-align: justify;
}

p { padding: 9px 0; }

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

a:hover {
	text-decoration: underline;
}

ul {
	padding: 9px 0 9px 25px;
	list-style-type: disc;
}

strong { font-weight: bold; }

/*	Begin Headers */
h1 {
	color: #E36C2B;
	font-size: 24px;
	font-weight: bold;
	padding: 9px 0;
	margin-bottom: 9px;
	border-bottom: 2px solid #E36C2B;
}

h2 {
	color: #E26B29;
	font-size: 18px;
	font-weight: bold;
	padding: 9px 0;
	margin-bottom: 9px;
	border-bottom: 2px solid #E36C2B;
}

h3 {
	color: #E26B29;
	font-size: 16px;
	font-weight: bold;
	padding: 9px 0;
}

h4 {
	font-size: 14px;
	padding: 4.5px 0;
	font-weight: bold;
}

h5 {
	font-size: 14px;
	margin-bottom: -5px;
	font-weight: bold;
}

p img { padding: 0; max-width: 100%; }

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}
img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}
.alignright { float: right; }
.alignleft { float: left; }
/* End Images */


/* Captions */
.aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */

/** H E A D E R **/

#header {
	width: 990px;
	height: 110px;
	position: relative;
	margin: 0 auto;
	background: #FF7317;
}

#headerMarcha {
	width: 100%;
	height: 15%;
	position: absolute;
	top: 0;
	left: 0;
	background: #E36C2B;
	border-bottom: 3px solid #000;
}

#logo {
	margin-top: 5px;
	float: left;
}

#logo img { height: 100px; }

#logoMarcha { height: 100px; position: absolute; top: 1.5%; left: 0; }
#logoMarcha img { height: 80px; }

#slideshow  {
	position:relative;
	width: 960px; /* Change this to your images width */
	height: 300px; /* Change this to your images height */
	display: block;
	margin-bottom: 15px;
}
#slideshow  img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
	height: 100%
}
#slideshow  a {
    border:0;
    display:block;
}

#page {
	width: 960px;
	background: #FFF;
	overflow: hidden;
	padding: 15px;
	margin: 0 auto;
}



.cuadro {
	float: right;
	background: #DDD;
	border: 1px solid #BBB;
	padding: 10px;
	margin-left: 15px;
}

#sidebar {
	float: left;
	width: 250px;
	overflow: hidden;
	margin-left: 15px;
}

#sidebar #lefts {
	float: left;
	width: 200px;
	overflow: hidden;
}

#sidebar #rights {
	float: left;
	width: 200px;
	overflow: hidden;
	margin-left: 15px;
}

#slideshow2  {
	position:relative;
	width: 290px; /* Change this to your images width */
	height: 160px;
	display: block;
	margin-bottom: 15px;
	border: 5px solid #FFF;
}
#slideshow2  img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}
#slideshow2  a {
    border:0;
    display:block;
}


.box {
	border: 1px solid #E36C2B;
	margin-bottom: 15px;
	padding-right: 9px;
}

.box h3 {
	background: #E36C2B;
	color: #FFF;
	text-align: center;
	font-size: 12px;
	text-transform: uppercase;
	margin-right: -9px;

}



.piezas_izq, .piezas_der {
	height: 100px;
	overflow: hidden;
	margin-bottom: 15px;
	font-size: 13px;
	line-height: 16px;
}

.piezas_izq img {
	width: 100px;
	height: 100px;
	float: left;
	margin-right: 9px;
}

.piezas_der img {
	width: 100px;
	height: 100px;
	float: right;
	margin-left: 9px;
}

.piezas_izq p, .piezas_der p, .asuntos p {
	padding: 0;
	padding-top: 2px;
}

.piezas_izq h3, .piezas_der h3 {
	font-size: 15px;
	line-height: 18px;
	text-align: left;
	padding: 0;
	font-weight: bold;
}

.piezas_izq h3 a, .piezas_der h3 a { font-weight: bold; }

.piezas_der a, .piezas_izq a { font-weight: normal; }
.piezas_der a:hover, .piezas_izq a:hover { text-decoration: none; }


#ciclismo { width: 278px; border: 1px solid #E36C2B; height: 450px; margin-bottom: 1px; }
#ciclismo h2 { width: 278px; height: 20px; font-size: 16px; background: #E36C2B; color: #FFF; text-align: center; }

#valle { width: 268px; border: 1px solid #E36C2B; overflow:hidden; margin-bottom: 1px; padding-right: 10px; }
#valle h2 { width: 278px; height: 20px; font-size: 16px; background: #E36C2B; color: #FFF; text-align: center; }

#facebook { margin-bottom: 15px; }
#facebook24h {position: absolute; bottom: 0; overflow: hidden; background: #FFF;}
#facebook h3, #facebook24h h3 { background: #3B5998; padding: 5px; text-align: center; }

#twitter { margin-bottom: 15px; }

#mi-diario {
	padding: 10px;
	background: url(images/mi-diario.png) no-repeat #012C4F;
	color: #FFF;
	overflow: hidden;
	margin-bottom: 15px;
}

#about {
	padding: 10px;
	background: url(images/about.png) no-repeat #012C4F;
	color: #FFF;
	overflow: hidden;
	margin-bottom: 15px;
}


small { font-size: 12px; }

.clear { clear: both; }

.left { text-align: left; }

.center { text-align: center; }

.right { text-align: right; }

/** F O O T E R **/

#footer { width: 960px; height: 30px; line-height: 30px; color: #000; background: #E36C2B; font-size: 12px; text-align: center; font-weight: bold; margin: 0 auto; }
#footer a { color: #000; }


#footerMarcha { width: 400px; height: 40px; position: absolute; bottom: 0; right: 0; font-size: 11px; font-weight: bold; color: #FFF; line-height: 40px; }
#footerMarcha a { color: #FFF; }

#banner24h {
	width: 362px;
	height: 60px;
	float: right;
	padding-top: 5px;
}

#bannerMarcha {
	width: 300px;
	height: 60px;
	float: right;
	padding-top: 5px;
}

  /************************/
 /**  T O P   M E N U  **/
/***********************/

#menu { height: 30px; float:right; margin-top: 10px; }
ul#topnav { margin: 0; padding: 0; list-style-type: none; float: left; font-size: 12px; }
ul#topnav li{ margin: 0; padding: 0; overflow: hidden; float: left; height: 30px; }
ul#topnav a, ul#topnav span { padding: 0px 14px 0 14px; float: left; color: #000; text-transform: uppercase; clear: both; width: 100%; height: 30px; line-height: 30px; font-weight: bold; }
ul#topnav a{ color: #000; background-position: left bottom; text-decoration: none;}
ul#topnav span{ }

#menu24h { width: 750px; height: 30px; background: #E36C2B; margin-left: -250px; position: absolute; left: 50%; bottom: 5%; }

#menuRuta { width: 800px; height: 30px; background: #E36C2B margin-left: -260px; position: absolute; left: 50%; bottom: 5px; }

#menuRuta ul#topnav { margin: 0; padding: 0; list-style-type: none; float: left; font-size: 12px; }
#menuRuta ul#topnav li{ margin: 0; padding: 0; overflow: hidden; float: left; height: 30px; }
#menuRuta ul#topnav a, ul#topnav span { padding: 0px 10px 0 10px; float: left; color: #000; text-transform: uppercase; clear: both; width: 100%; height: 30px; line-height: 30px; font-weight: bold; }
#menuRuta ul#topnav a{ color: #000; background-position: left bottom; text-decoration: none;}
#menuRuta ul#topnav span{ }



#content {
	width: 695px;
	float: left;
	overflow: hidden;
}

#content24h {
	width: 55%;
	height: 70%;
	overflow: auto;
	position: absolute;
	right: 5%;
	top:15%;
	background: url(images/trasparency.png);
	color: #FFF;
	padding: 2% 1.5%;
}

#contentRuta {
	width: 50%;
	height: 70%;
	overflow: auto;
	position: absolute;
	left: 5%;
	top:20%;
	background: url(images/trasparency.png);
	color: #FFF;
	padding: 1.5% 1%;
}

#content24h a, #content24h a:active, #contentRuta a, #contentRuta a:active  { color: #FFF; }

#content24h a:hover, #contentRuta a:hover { color: #E36C2B; }

#content24h h1, #contentRuta h1 { padding-top: 0; margin-top: 0; text-align: center; }

#content24h img { max-width: 100%; }

#left {
	float: left;
	width: 340px;
	overflow: hidden;
	margin-right: 15px;
}

#center {
	float: left;
	width: 340px;
	overflow: hidden;
}

#right {
	float: left;
	width: 250px;
	overflow: hidden;
	margin-left: 15px;
}

#right24h {
	width: 300px;
	height: 73%;
	overflow: auto;
	position: absolute;
	left: 80%;
	margin-left: -150px;
	top:20%;
}	


/** E N T R Y **/


.entry_medium {
	width: 340px;
	overflow: hidden;
	font-size: 14px;
	margin-bottom: 5px;
}

.entry_medium img {
	width: 340px;
	height: 200px;
}

.entry_medium p {

}

.entry_medium h2 {
	font-size: 18px;
	text-align: center;
	border-bottom: 0;
	margin: 0;
	padding-bottom: 3px;
	color: #E26B29;
}
.entry_medium h2 a { color: #E26B29; }

/********************/
.entry_mini {
	min-height: 115px;
	overflow: hidden;
	border-bottom: 1px solid #333;
	margin-top: 15px;
	padding-bottom: 15px;
}

.entry_mini_cat {
	width: 310px;
	height: 120px;
	float: left;
	margin: 0 10px;
}
.entry_mini img, .entry_mini_cat img {
	width: 100px;
	height: 100px;
	float: left;
	margin-right: 5px;
	margin-top: 5px;
}

.entry_mini p, .entry_mini_cat p {
	font-size: 12px;
	line-height: 15px;
	padding: 0;
	padding-top: 2px;
}

.entry_mini h3, .entry_mini_cat h3 {
	font-size: 14px;
	text-align: center;
	padding: 0;
	margin: 5px;	
}
.category_date {
	height: 10px;
}

.category_title {
	border-bottom: 2px solid #E36C2B;
	text-transform: uppercase;
	margin-bottom: 9px;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	padding: 0;
	padding-left: 2px;
	background: #FFF;
	color: #E36C2B;
}

.category {
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
	display: block;
	float: right;
	background: #000;
	color: #FFF;
	padding: 0 5px;
}

.category a {
	color: #FFF;
}

.entry { margin-bottom: 15px; overflow: hidden; }
.entry h2 { font-size: 18px; margin: 0; padding: 5px; }
.entry img { float: left; margin-right: 15px; width: 100px; height: 100px;}

.date {
	font-size: 10px;
	font-weight: bold;
}

.date_mini {
	font-size: 11px;
	font-weight: bold;
	text-align: right;
	margin: 0;
}





input { width: 250px; }
input.reglamento {width: 20px; margin-top: 5px;}
input.boton {width: 100px; padding: 5px 0;}



.comentario { overflow: hidden; margin-bottom: 15px; }
.comentario .texto {
	background: #EEE;
	padding: 3px 10px;
	overflow: hidden;
	margin-bottom: 15px;
}
.comentario .informacion { width: 300px; float: right; text-align: right; font-size: 11px; font-weight: blod; line-height: 12px; margin-top: -5px; }
input#author, input#email, input#url {width: 200px; border: 0; background: #EEE; }
textarea#comment { width: 635px; background: #EEE; border: 0; padding: 10px; }


#titulo_24h {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 150px;
	background: rgba(0,0,0,0.7);
	text-align: center;
}

#left-24h { width: 15%; min-width: 160px; height: 100%; position: absolute; left: 5%; top: 0; background: rgba(0,0,0,0.5);}
#logo24h img { max-width: 94%; margin-top: 35px; }
#menu24horas { position: absolute; bottom: 50px; width: 100% }
.nav { font-size: 16px; padding: 10px 0; text-align: center; font-weight: bold; border-bottom: 2px dotted #FFF; margin: 0 auto; text-transform: uppercase; margin: 0 15px;}
.nav a { color: #FFF; }
.nav a:hover { color: #E36C2B; text-decoration: none; }

#icons-24h { position: absolute; bottom: 10px; width: 100%; text-align: center; font-size: 20px; }
#icons-24h a { color: #E36C2B; }




/*
#logo24h { height: 150px; position: absolute; top: 1%; left: 0%; }
#logo24h img { height: 150px; }

#menu24horas { position: absolute; bottom: 5%; left: 0; width: 300px; }
.nav { font-size: 18px; padding: 10px 20px; margin-top: 10px; background: rgba(0,0,0,0.7); color: #FFF; font-weight: bold; float: left; clear: both; }
.nav a { color: #FFF; }
.nav:hover { padding: 10px 50px; }*/