/* Menu lateral izquierdo */
li#titulo_fotos
{
	height: 30px;
	width: 170px;
	background-color: yellow;
	background: url(../images/titulo_fotos.jpg) no-repeat left center;
	text-align: left;
}
a#fotos
{
	height: 70px;
	width: 170px;
	background-color: yellow;
	background: url(../images/fotos.jpg) no-repeat left center;
}
li#titulo_videos
{
	height: 30px;
	width: 170px;
	background-color: yellow;
	background: url(../images/titulo_videos.jpg) no-repeat left center;
	text-align: left;
}
a#videos
{
	height: 70px;
	width: 170px;
	background-color: yellow;
	background: url(../images/videos.jpg) no-repeat left center;
}
li#titulo_links
{
	height: 30px;
	width: 170px;
	background-color: yellow;
	background: url(../images/titulo_links.jpg) no-repeat left center;
	text-align: left;
}
a#links
{
	height: 70px;
	width: 170px;
	background-color: yellow;
	background: url(../images/links.jpg) no-repeat left center;
}
a#contacto
{
	height: 70px;
	width: 170px;
	background-color: yellow;
	background: url(../images/contacto.jpg) no-repeat left center;
}
li#titulo_suscripcion
{
	height: 30px;
	width: 170px;
	background-color: #ff0000;
	background: url(../images/titulo_suscripcion.jpg) no-repeat left center;
	border: 0px;
	margin: 0px;
	padding: 0px;
	text-align: left;
}
li#suscripcion_nombre
{
	height: 30px;
	width: 165px;
	background-color: #ff0000;
	border: 0px;
	margin: 0px;
	padding-left: 5px;
	text-align: left;
	
}
li#suscripcion_mail
{
	height: 30px;
	width: 165px;
	background-color: #ff0000;
	border: 0px;
	margin: 0px;
	padding-left: 5px;
	text-align: left;
}
li#label_suscripcion
{
	height: 19px;
	width: 165px;
	background-color: #ff0000;
	font-family: Arial,sans-serif;
	color: #ffffff;
	border: 0px;
	margin: 0px;
	padding-left: 5px;
	text-align: left;
}
li#pie_suscripcion
{
	height: 22px;
	width: 165px;
	background-color: #ff0000;
	font-family: Arial,sans-serif;
	color: #ffffff;
	border: 0px;
	margin: 0px;
	padding-left: 5px;
	text-align: left;
}
li#pie_suscripcion span#spn_enviar_suscripcion
{
	float: right;
	padding-right: 5px;
}
li#pie_suscripcion span#spn_enviar_suscripcion a#enviar_suscripcion
{
	color: #ffffff;
}

/* Menu lateral derecho */
li#titulo_reporter
{
	height: 30px;
	width: 170px;
	background-color: yellow;
	background: url(../images/titulo_reporter.jpg) no-repeat left center;
}
a#reporter
{
	height: 70px;
	width: 170px;
	background-color: yellow;
	background: url(../images/reporter.jpg) no-repeat left center;
}
li#titulo_pistas
{
	height: 30px;
	width: 170px;
	background-color: yellow;
	background: url(../images/titulo_pistas.jpg) no-repeat left center;
}
a#pistas
{
	height: 70px;
	width: 170px;
	background-color: yellow;
	background: url(../images/pistas.jpg) no-repeat left center;
}
li#titulo_garage
{
	height: 30px;
	width: 170px;
	background-color: yellow;
	background: url(../images/titulo_garage.jpg) no-repeat left center;
}
a#garage
{
	height: 70px;
	width: 170px;
	background-color: yellow;
	background: url(../images/garage.jpg) no-repeat left center;
}
li#titulo_hospedajes
{
	height: 30px;
	width: 170px;
	background-color: yellow;
	background: url(../images/titulo_hospedajes.jpg) no-repeat left center;
}
a#hospedajes
{
	height: 70px;
	width: 170px;
	background-color: yellow;
	background: url(../images/hospedajes.jpg) no-repeat left center;
}
li#titulo_viajes
{
	height: 30px;
	width: 170px;
	background-color: yellow;
	background: url(../images/titulo_viajes.jpg) no-repeat left center;
}
a#viajes
{
	height: 70px;
	width: 170px;
	background-color: yellow;
	background: url(../images/viajes.jpg) no-repeat left center;
}
li#titulo_snowparks
{
	height: 30px;
	width: 170px;
	background-color: yellow;
	background: url(../images/titulo_snowparks.jpg) no-repeat left center;
}
a#snowparks
{
	height: 71px;
	width: 170px;
	background-color: yellow;
	background: url(../images/snowparks.jpg) no-repeat left center;
}

/* Contenido Central */
#titulo_contenido
{
	height: 30px;
	background-color: yellow;
	background: url(../images/titulo_contenido.jpg) repeat-x center center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	color: #ffffff;
	line-height: 30px;
}

#contenido
{
	height: 471px;
  background-color: #cdcdcd;
  background: url(../images/fondo_contenido_small.jpg) repeat center center;
  padding: 0px;
  margin: 0px;
  overflow: auto;
  text-align: left;
  border: none;
}

#barra_contenido
{
	float: left;
	height: 471px;
	width: 15%;
  background-color: #d0d0d0;
  background: url(../images/fondo_contenido_small.jpg) repeat center center;
  padding: 0px;
  margin: 0px;
}

body{
	text-align: center;
	font-family: Arial,sans-serif;
	color: #333333;
	line-height: 1.166;	
	margin: 0px;
	padding: 0px;
	background-color: #000000;
	background: url(../images/fondo.jpg) repeat;
}

a{
	color: #006699;
	text-decoration: none;
}

a:link{
	color: #006699;
	text-decoration: none;
}

a:visited{
	color: #006699;
	text-decoration: none;
}

a:hover{
	color: #006699;
	text-decoration: underline;
}

h1{
 font-family: Verdana,Arial,sans-serif;
 font-size: 120%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

h2{
 font-family: Arial,sans-serif;
 font-size: 114%;
 color: #006699;
 margin: 0px;
 padding: 0px;
}

h3{
 font-family: Arial,sans-serif;
 font-size: 100%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

h4{
 font-family: Arial,sans-serif;
 font-size: 100%;
 font-weight: normal;
 color: #333333;
 margin: 0px;
 padding: 0px;
}

h5{
 font-family: Verdana,Arial,sans-serif;
 font-size: 100%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

label{
 font-family: Arial,sans-serif;
 font-size: 100%;
 font-weight: bold;
 color: #334d55;
}


#masthead
{
	padding: 10px 0px 0px 0px;
	border-bottom: 1px none #cccccc;
	width: 100%;
	height: 80px;
	background-color: inherit;
	background-image: inherit;
}

#imageContent
{
	padding: 0px 0px 0px 0px;
	border-bottom: 1px none #cccccc;
	width: 100%;
	height: 320px;
	background-color: inherit;
	background-image: inherit;
	text-align: center;
	vertical-align: middle;
}

#navBar
{
	float: left;
	width: 170px;
	margin: 0px;
	padding: 0px;
	background-color: inherit;
	background-image: inherit;
}

#headlines
{
  float:right;
	width: 170px;
	background-color: inherit;
	background-image: inherit;
}

#content{
  height: 501px;
  background-color: #eeeeee;
  padding: 0px;
  margin: 0px;
}

#bodyContent
{
  width: 80%;
  margin: auto;
  min-width: 800px;
  text-align: center;
  border: white none 1px;
  border-left: #cccccc none 1px;
  border-right: #cccccc none 1px;
  background-color: inherit;
	background-image: inherit;
}

#siteName{
	margin: 0px;
	padding: 0 0 0 10px;
}

#banner
{
	padding: 0px 0px 0px 0px;
	width: 100%;
	min-width: 772px;
	height: 30px;
	background-color: #ffffff;
	background: url(../images/seccion-banner.jpg) repeat-x;
	text-align: left;
}

#reloj
{
	padding: 0px 0px 0px 0px;
	width: 100%;
	background-color: inherit;
	background: inherit;
	text-align: left;
	color: #ffffff;
	font-size: 10px;
}

#globalNav
{
	padding: 0px 0px 5px 10px;
	color: #cccccc;
	text-align: right;
}

#globalNav img
{
 	display: block;
 	text-align: center;
}

#globalNav a {
	font-size: 80%;
	padding: 0 4px 0 0;
	color: #FCD04E;
}

#globalNav a:hover
{
	text-decoration: none;
	color: #ff00ff;
}

#pageName{
	margin: 0px;
	padding: 0px 0px 0px 10px;
}

#breadCrumb{
	font-size: 80%;
	padding: 2px 0px 0 10px;
}

/************ Estilo del contenido ************/
.nota
{
	padding: 0px 0px 0px 0px;
	font-size: 75%;
	
	margin-top: 10px;
	margin-bottom: 10px;
	border: #ffffff none 2px;
}

.nota_imagen
{
	float: left;
	height: 120px;
	padding-left: 5px;
	padding-right: 15px;
	border: none 1px;
}

.nota_imagen img{
	padding: 0px 0px 0px 0px;
	border: #000000 solid 1px;
}

.nota_texto
{
	min-width: 270px;
	height: 120px;
	border: none 1px;
}

.nota_texto p a{
	color: #006699;
	text-decoration: none;
	font-size: 80%;
	padding-right: 10px;
}

.nota_texto p a:hover{
	color: #3388ee;
	text-decoration: none;
	font-size: 80%;
}

#siteInfo
{
	clear: both;
	height: 160px;
	font-size: 75%;
	color: #cccccc;
	padding: 0px;
	margin: 0px;
	background-color: inherit;
	background-image: inherit;
	text-align: right;
}

/*********** #navBar link styles ***********/
#navBar ul a:link, #navBar ul a:visited {display: block;}
#navBar ul {list-style: none; margin: 0px; padding: 0px;}

/* fix for browsers that don't need the hack */
html>body #navBar li {border-bottom: none;}

/*********** #sectionLinks styles ***********/
#sectionLinks{
	position: relative;
	margin: 0px;
	padding: 0px;
	border-bottom: 0px none #cccccc;
	border: 0px none;
	font-size: 90%;
}

#sectionLinks h3{
	padding: 10px 0px 2px 10px;
}

#sectionLinks a {
	display: block;
	border: 0px none;
}

/*********** .relatedLinks styles ***********/
.relatedLinks{
	position: relative;
	margin: 0px;
	padding: 0px 0px 10px 10px;
	font-size: 90%;
}

.relatedLinks h3{
	padding: 10px 0px 2px 0px;
}

.relatedLinks a:link,
.relatedLinks a:visited {
	display: block; 
}

/************** #headlines styles **************/
#headlines
{	
	margin: 0px;
	padding: 0px;
	font-size: 80%;
}
#headlines p{
	padding: 5px 0px 5px 0px;
}
#headlines ul {list-style: none; margin: 0px; padding: 0px; border: 0px none;}

/******************************** Formulario de contacto RRHH *********************************/
div#contenedorFormContacto
{
	margin: auto;
	padding: 1em;
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	border: red none 2px;
}

div.campoFormContacto
{
	min-width: 420px;
	max-width: 500px;
	margin: .4em 0;
	text-align: left;
	border: blue none 1px;
}

div.campoFormContacto label
{
	width: 90px;
	float: left;
	text-align: right;
	margin-right: .5em;
}

div.campoFormContacto input:focus, div.campoFormContacto textarea:focus
{
	border-width: 2px;
	border-style: solid;
	border-color: #000000;
	background-color: #d3d3d3;
}

div.botonesFormContacto 
{
	margin-top: 1em;
	text-align: center;
}

spam.notaFormContacto 
{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-align: right;
}

input 
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	border:1px solid;
}

textarea
{
	height:100px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	border:1px solid;
}

button
{
	width:100px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	border:1px solid;
}
/***************************** Fin formulario de contacto RRHH ******************************/

/************************************ Nota de Escuelas **************************************/
h1.escuela
{
	margin-left: 10px;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 0px;
	font-family: Verdana,Arial,sans-serif;
	font-size: 14px;
	color: #334d55;
	padding: 0px;
}

h2.escuela
{
	margin-left: 10px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	font-family: Arial,sans-serif;
	font-size: 13px;
	color: #006699;
	padding: 0px;
}

h3.escuela{
	margin-left: 10px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	font-family: Arial,sans-serif;
	font-size: 11px;
	color: #334d55;
	padding: 0px;
}

ul.escuela
{
	list-style-type: square;
	font-family: Arial,sans-serif;
	font-size: 11px;
	margin-top: 15px;
}

hr.escuela
{
	width: 85%;
	border: 1px inset #000000;
}
/********************************** Fin Nota de Escuelas ************************************/

/*************************************** Publicidad *****************************************/
ul.publicidad {
	list-style: none;
	margin: 0;
	padding: 0;
	border:0px none;
	line-height: 0px;
}

ul.publicidad li.publi1 {
	display: inline;
	float: left;
	border:0px;
	margin: 0;
	padding: 0;
}

ul.publicidad li.publi1 img{
	border: 0px none;
}

ul.publicidad li.publi2 {
	display: inline;
	float: left;
	border:0px;
	margin: 0;
	padding: 0;
	line-height: 0px;
}

ul.publicidad li.publi2 img{
	border: 0px none;
}

a#publique_aqui
{
	height: 70px;
	width: 170px;
	background-color: inherit;
	background: url(../images/publicidad.jpg) no-repeat left center;
}
/*************************************** Fin Publicidad **************************************/

/******************************************** Garage *****************************************/
.garage_contenido
{
	padding: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	border: 0px none;
	border-bottom: 1px solid #808080;
}
.garage_texto
{
	font-size: 10px;
	min-width: 270px;
	border: 0px none;
}
.garage_titulo
{
	font-size: 12px;
	margin: 0;
	padding: 0;
	padding-left: 10px;
}
.garage_descripcion
{
	font-size: 11px;
	margin: 0;
	padding: 0;
	padding-left: 10px;
}
.garage_precio
{
	color: #ff0000;
	padding: 0px;
	margin: 0;
	padding-left: 10px;
	padding-right: 20px;
}
.garage_vencimiento
{
	display: inline;
	margin: 0;
	padding: 0px;
	padding-left: 10px;
	padding-right: 20px;
}
.garage_email
{
	display: inline;
	margin: 0;
	padding-right: 10px;
}
.garage_email a{
	color: #006699;
	text-decoration: none;
	padding-right: 10px;
}

.garage_email a:hover{
	color: #3388ee;
	text-decoration: none;
}
.garage_lugar
{
	display: inline;
	margin: 0;
	padding-right: 10px;
}
/***************************************** Fin Garage** **************************************/

/******************************************** Links ******************************************/
.links_titulo
{
	margin-left: 10px;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 0px;
	font-family: Verdana,Arial,sans-serif;
	font-size: 14px;
	color: #334d55;
	padding: 0px;
}

.links_titulo2
{
	margin-left: 10px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	font-family: Arial,sans-serif;
	font-size: 12px;
	color: #006699;
	padding: 0px;
}

.links_lista
{
	list-style-type: square;
	font-family: Arial,sans-serif;
	font-size: 11px;
	margin-top: 15px;
}
/****************************************** Fin Links ****************************************/
