﻿/*
Theme Name: Mochileros
Theme URI: http://www.medulaproducciones.com/mochileros
Description: Hoja de estilos y tema de WordPress para Mochileros.
Version: 1.0
Author: Eladio Domínguez
Author URI: http://www.eladiododo.com
*/

/*
Colores:	Verde Mochileros	#86BB04
				Oscuro SAT		#577A01
				Oscuro DESAT	#577A01
				Claro SAT		#AEDD3B
				Claro DESAT		#BBDD66
				
			Rojo Mochileros		#c00418
				Oscuro SAT		#902630
				Oscuro DESAT	#7D010D
				Claro SAT		#E03B4B
				Claro DESAT		#E06773
			
			Gris Texto			#4d4d4d
*/

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

font-family: "Arial", sans-serif;
}

html, body
{
height: 100%;
font-size:100%;
color: #86BB04;
}

	hr
	{
	display: none;
	}
	
	p
	{
	padding: 10px 0 0;
	color: #4d4d4d;
	/* font-size:0.7468848499894191em; */
	/* font-size:0.7500000074688em; */
	 font-size:0.833333341632em; 
	/* font-size:0.916666675795em; */
	}
	
	.resaltado
	{
	color:#c00418;
	}
	
	a:link, a:visited
	{
	color: #86BB04;
	outline: 0;
	}
	
	a:hover, a:active, a:focus
	{
	color: #c00418;
	outline: 0;
	}
	
	h1, h2, h3, h4, h5, h6
	{
	font-size: 1em;
	text-decoration: none;
	}
	
	img
	{
	border: 0px;
	}
		

#page
{
background: url('img/mochileros_gradient.png') 0px 31px repeat-x;
}

.pagetitle
{
display: none;
}

/* NAVEGACIÓN SUPERIOR */

#quicknavigation
{
width: 100%;
height: 31px;
background: #86BB04 url('img/mochileros_quickn.png') 0px 0px repeat-x;
overflow: hidden;
}

	#quicknavigation_list
	{
	width: 960px;
	margin: 10px auto;
	color: white;
	font:8pt arial,sans-serif;
	text-align: right;
	}
	
		#quicknavigation_list li
		{
		display: inline;
		list-style-type: none;
		padding: 0px 10px;
		border-right: 1px dotted white;
		}
		
		#quicknavigation_list a:link, #quicknavigation_list a:visited
		{
		color: white;
		text-decoration: none;
		}
		
		#quicknavigation_list a:hover, #quicknavigation_list a:active
		{
		color: #c00418;
		text-decoration: none;
		}


/* CABECERA */

#headerwrapper
{
background: url('img/mochileros_gradient_wheels.png') no-repeat right top;
}

#header
{
width: 960px;
height: 120px;
margin: 0px auto 20px;
overflow: hidden;
position: relative;
}

	#header h1
		{
		display: none;
		}
		
	#headerimg
		{
		}
		
	#header .description
		{
		display: none;
		}
		
	#searchform
		{
		padding-top: 1px;
	
		text-align: right;
		position: absolute;
		top: 50px;
		right: 190px;
		}

	#searchform label
		{
		display: none;
		}


/* NAVEGACIÓN */

#navigation
{
position: absolute;
bottom: 0px;
right: 0px;
height: 30px;
}
	#linkinicio
	{
	display: block;
	float: right;
	width:65px;
	height:30px;
	text-indent:-9999px;
	background: url('img/mochileros_links_inicio_on.png') no-repeat;
	}
	#linkinicio:link, #linkinicio:visited
	{
	background: url('img/mochileros_links_inicio.png') no-repeat;
	}
	#linkinicio:hover, #linkinicio:active
	{
	background: url('img/mochileros_links_inicio_on.png') no-repeat;
	}
	
	#linkprogramas
	{
	display: block;
	float: right;
	width:116px;
	height:30px;
	text-indent:-9999px;
	background: url('img/mochileros_links_programas_on.png') no-repeat;
	}
	#linkprogramas:link, #linkprogramas:visited
	{
	background: url('img/mochileros_links_programas.png') no-repeat;
	}
	#linkprogramas:hover, #linkprogramas:active
	{
	background: url('img/mochileros_links_programas_on.png') no-repeat;
	}
	
	#linkparticipa
	{
	display: block;
	float: right;
	width:102px;
	height:30px;
	text-indent:-9999px;
	background: url('img/mochileros_links_participa_on.png') no-repeat;
	}
	#linkparticipa:link, #linkparticipa:visited
	{
	background: url('img/mochileros_links_participa.png') no-repeat;
	}
	#linkparticipa:hover, #linkparticipa:active
	{
	background: url('img/mochileros_links_participa_on.png') no-repeat;
	}
	
	#linkyoutube
	{
	position: absolute;
	top: 50px;
	right: 128px;
	width:46px;
	height:22px;
	text-indent:-9999px;
	background: url('img/youtube.png') no-repeat;
	}
	#linkyoutube:link, #linkyoutube:visited
	{
	background: url('img/youtube_off.png') no-repeat;
	}
	#linkyoutube:hover, #linkyoutube:active
	{
	background: url('img/youtube.png') no-repeat;
	}
	
	#linkfacebook
	{
	position: absolute;
	top: 50px;
	right: 30px;
	width:88px;
	height:22px;
	text-indent:-9999px;
	background: url('img/facebook.png') no-repeat;
	}
	#linkfacebook:link, #linkfacebook:visited
	{
	background: url('img/facebook_off.png') no-repeat;
	}
	#linkfacebook:hover, #linkfacebook:active
	{
	background: url('img/facebook.png') no-repeat;
	}
	

	
	#linkrss
	{
	position: absolute;
	top: 50px;
	right: 0px;
	width:30px;
	height:22px;
	text-indent:-9999px;
	background: url('img/rss.png') no-repeat;
	}
	#linkrss:link, #linkrss:visited
	{
	background: url('img/rss.png') no-repeat;
	}
	#linkrss:hover, #linkrss:active
	{
	background: url('img/rss.png') no-repeat;
	}


/* CONTENIDO */

.narrowcolumn, .widecolumn
{
position: relative;
width: 960px;
margin: 0px auto;
overflow: hidden;
}

.post
{
padding: 10px 25px 5px;
margin: 0px 0px 15px;
background: url('img/mochileros_post_line.png') repeat-y left top;
}

.postdate
{
padding: 0px 0 0;
	color: #577A01;
	font-size:0.625723529879em;
	/* font-size:0.7500000074688em; */
	/* font-size:0.833333341632em; */
	/* font-size:0.916666675795em; */
}

#terminoslegales li
{
color: #577A01;
font-size:0.6666666733056em;
}

.playerwrapper
{
width:782px;
height: 458px;
padding: 30px;
}

#flashwrapper
{
position: relative;
height:325px;

}

#specialneeds
{
padding: 20px 0px;
}

.playerwrapper_teaser
{

width: 540px;
height: 368px;
padding: 7px 20px 0px;
float: right;
background: url('img/mochileros_player_teaser_bg.png') no-repeat;
}


/* PIE */

#footerpusher
{
height: 240px;
background: url('img/mochileros_footer_wheels.png') no-repeat;
}

#footer 
{
padding: 65px 0px;
background: url('img/mochileros_footer_top.png') repeat-x;
text-align: center;
}

.logopie
{
display: inline;
}


