@charset "UTF-8";

/* ESTILOS PARA BRILICO */

*{
margin:0;
padding:0;
border:none;
}

html{
	height:100%;
 /*	background-color:#00FF66;*/
	}
body {
    margin: 0 auto 0 auto;
	width:100%;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:18px;
	color:#000;
height:100%;
/*			background: #ebf2fb ;
*/	}


a{
	outline:none;
        color:#909090;
}


a:hover {

color:#e18d19;
text-decoration:none;

}


a.img{
border:none !important;
}
.sinborde{
border:none !important;
}
.error_red{
color:#CC0033 !important;
}
.clear{
	clear:both !important;
}
.hide{
	display:none !important;
}

.container {
	position:relative;
	left:50%;
    margin:0 0 0 -459px;
	padding:0;
	width:918px;
	height:auto;
	z-index:1;
/*	background: #fee;
*/}

#p-index{
	min-height:600px;
	
		min-height:100%;
		margin:0px 0 0px -459px;
}
* html #p-index{
	height:600px;
	
	height:100%;
}

.footer{
position:relative;
	left:50%;
   margin:0 0 0 -459px;
	padding:0;
	width:918px;
	text-align:center;
	border-top:1px solid #ddd;
	height:24px;
	z-index:10;
	font-size:10px;
	color:#666;
/*	background: #fee;
*/}
.footer a,
.footer a:visited,
.footer a:active{
	color:#666;
	text-decoration:none;
}
.footer a:hover{
	text-decoration:underline;
}
div.logo{
		margin:0 0 0 7px;
		width:904px;
/*		background: #ffe;
*/}
div.logo a.contacto{
	display:inline;
	float:right;
	margin:22px 0 0 0;
	width:94px;
	height:24px;
	background: transparent url(../img/hoyreka-contacto-off.gif) no-repeat left top;
}
div.logo a#on.contacto,
div.logo a.contacto:hover{
		background: transparent url(../img/hoyreka-contacto-on.gif) no-repeat left top;
}

div.logo a.blog{
	/*display:inline;*/
	float:auto;
	margin: 0px 0px 0px 4px;
	width:188px;
	height:200px;
	background: transparent url(../img/hoyreka-blog-off.gif) no-repeat left top;
}
div.blog a#on.blog,
div.blog a.blog:hover{
		background: transparent url(../img/hoyreka-contacto-on.gif) no-repeat left top;
}
div.navegacion{
	width:905px;
		height:auto;
		overflow:hidden; /*** con esto el div toma la altura de su contenido ***/
		margin:0 0 0 7px;
		background: #cfe;
/**/}
div.navegacion a.menu{
	display:inline;
	float:left;
	width:180px;
	height:27px;
	background: #FFF;
	margin:0 1px 0 0;
}
div.navegacion a.on{
	cursor:default;
}
div.navegacion a#inicio{
			background: transparent url(../img/hoyreka-inicio-off.gif) no-repeat left top;
}
div.navegacion a#inicio.on,
div.navegacion a#inicio:hover{
			background: transparent url(../img/hoyreka-inicio-on.gif) no-repeat left top;
}

div.navegacion a#contenidos{
			background: transparent url(../img/hoyreka-contenidos-off.gif) no-repeat left top;
}
div.navegacion a#contenidos.on,
div.navegacion a#contenidos:hover{
			background: transparent url(../img/hoyreka-contenidos-on.gif) no-repeat left top;
}

div.navegacion a#servicios{
			background: transparent url(../img/hoyreka-servicios-off.gif) no-repeat left top;
}
div.navegacion a#servicios.on,
div.navegacion a#servicios:hover{
			background: transparent url(../img/hoyreka-servicios-on.gif) no-repeat left top;
}

div.navegacion a#publicidad{
			background: transparent url(../img/hoyreka-publicidad-off.gif) no-repeat left top;
}
div.navegacion a#publicidad.on,
div.navegacion a#publicidad:hover{
			background: transparent url(../img/hoyreka-publicidad-on.gif) no-repeat left top;
}

div.navegacion a#nosotros{
			background: transparent url(../img/hoyreka-nosotros-off.gif) no-repeat left top;
}
div.navegacion a#nosotros.on,
div.navegacion a#nosotros:hover{
			background: transparent url(../img/hoyreka-nosotros-on.gif) no-repeat left top;
}
.texthome{
	margin:20px 0 0 7px;
}
.imagehome{
	margin:20px 0 0 7px;
}
p.texthome1{
	font-size:46px;
		font-weight:600;
	line-height:30px;
	color:#1ea5ed;
	margin:20px 0 0 7px;
}
p.texthome2{
	text-align:right;
	font-weight:600;
	font-size:60px;
	line-height:72px;
	color:#fbb016;
	margin:0px 10px 10px 7px;
}
div.navegacionBig{
	text-align:center;
		height:auto;
		overflow:hidden; /*** con esto el div toma la altura de su contenido ***/
		margin:-15px 0 0 0px;
/*		background: #cfe;
		width:905px;
*/}
div.navegacionBig a.menuBig{
	display:inline;
	
	width:257px;
	height:103px;
/*	background: #cfe;
*/	margin:0 0px 5px 0;
}

div.navegacionBig a#contenidosBig{
			background: transparent url(../img/hoyreka-contenidosBIG-off.gif) no-repeat left top;
			float:left;
}
div.navegacionBig a#contenidosBig:hover{
			background: transparent url(../img/hoyreka-contenidosBIG-off.gif) no-repeat left top;
}

div.navegacionBig a#audienciasBig{
			background: transparent url(../img/hoyreka-audienciasBIG-off.gif) no-repeat left top;
			float:right;
}
div.navegacionBig a#audienciasBig:hover{
			background: transparent url(../img/hoyreka-audienciasBIG-off.gif) no-repeat left top;
}

div.navegacionBig a#publicidadBig{
			background: transparent url(../img/hoyreka-publicidadBIG-off.gif) no-repeat left top;
			display:inline-block;
}
div.navegacionBig a#publicidadBig:hover{
			background: transparent url(../img/hoyreka-publicidadBIG-off.gif) no-repeat left top;
}

/******* PAGINAS CONTENIDOS *********/

div.category{
	position:absolute;
	top:132px;
	left:7px;
	overflow:hidden;
}
div#services_list{
	top:160px;
}

div.category img.categorias{
	position:relative;
	/*margin:20px 0 0 25px;*/
	margin:0 0 20px 0;
	top:20px;
	left:25px;
	z-index:10;
}

img.fondo_category{
	position:absolute;
	bottom:0;
	left:0;
	opacity:0.7;
	z-index:5;
}
* html img.fondo_category{
	filter:alpha(opacity=70);
}
ul#categorias,
ul#services{
	position:relative;
	width:202px;
	height:auto;
	padding:15px 0px 10px 0px;
	list-style:none;
	z-index:10;
}
ul#categorias li,
ul#services li{
	padding:4px 0px 4px 0px;
	margin:0 0 0 20px;
/*	background-color:#0C9;
*/}
ul#categorias li a,
ul#categorias li a:active,
ul#categorias li a:visited{
	color:#909090;
	text-decoration:none;
}
ul#categorias li.on a,
ul#categorias li a:hover{
	color:#e18d19;
	text-decoration:none;
}

ul#services li a,
ul#services li a:active,
ul#services li a:visited{
	color:#909090;
	text-decoration:none;
}
ul#services li.on a,
ul#services li a:hover{
	color:#e18d19;
	text-decoration:none;
}

ul#categorias li.on a,
ul#services li.on a{
	cursor:default;
}

/******* contenidos ********/

div#redcontenidos{
	position:relative;
	margin:0px 0 15px 7px;
	width:902px;
	padding:65px 0 0 0;
	font-size:12px;
	line-height:18px;
	text-align:justify;
	color:#909090;
	clear:both;
	min-height:380px;
	overflow:hidden;
}
div.firststep{
		background: transparent url(../img/hoyreka-bolamarilla.jpg) no-repeat 60px 115px;
}
* html div#redcontenidos{
	height:380px;
}

div#redcontenidos p,
div#redcontenidos h3{
	margin:0 0 10px 0;
}

div.firststep img.titulin{
	position:absolute;
	right:0px;
	top:15px;
}


/************************* mini_menu dentro de contenidos ********/
ul.mini_categorias{
	position:relative;
	list-style:none;
	width:600px;
}
ul#minicat_contenidos{
		margin:30px 0 0 376px;
}
ul#minicat_publicidad{
		margin:30px 0 0 400px;
}
ul.mini_categorias li{
	display:inline;
	float:left;
}
ul#minicat_contenidos li{
	margin:0 3px 0 0;
}
ul#minicat_publicidad li{
	margin:0 30px 0 0;
}
ul.mini_categorias li a{
	display:block;
	width:105px;
	height:90px;
	text-indent:300px;
	overflow:hidden;
}

ul.mini_categorias li a#menu_deportes{
				background: transparent url(../img/hoyreka-contenidos-deportes.gif) no-repeat 0px top;
}
ul.mini_categorias li a#menu_deportes:hover{
				background: transparent url(../img/hoyreka-contenidos-deportes-on.gif) no-repeat 0px top;
}

ul#minicat_publicidad.mini_categorias li a#menu_deportes{
				background: transparent url(../img/hoyreka-publicidad-deportes.gif) no-repeat 0px top;
}
ul#minicat_publicidad.mini_categorias li a#menu_deportes:hover{
				background: transparent url(../img/hoyreka-contenidos-deportes-on.gif) no-repeat 0px top;
}


ul#minicat_publicidad.mini_categorias li a#menu_formacion{
				background: transparent url(../img/hoyreka-publicidad-formacion.gif) no-repeat 0px top;
}
ul#minicat_publicidad.mini_categorias li a#menu_formacion:hover{
				background: transparent url(../img/hoyreka-contenidos-formacion-on.gif) no-repeat 0px top;
}

ul.mini_categorias li a#menu_formacion{
				background: transparent url(../img/hoyreka-contenidos-formacion.gif) no-repeat 0px top;
}
ul.mini_categorias li a#menu_formacion:hover{
				background: transparent url(../img/hoyreka-contenidos-formacion-on.gif) no-repeat 0px top;
}


ul.mini_categorias li a#menu_musica{
				background: transparent url(../img/hoyreka-contenidos-musica.gif) no-repeat 0px top;
}
ul.mini_categorias li a#menu_musica:hover{
				background: transparent url(../img/hoyreka-contenidos-musica-on.gif) no-repeat 0px top;
}

ul#minicat_publicidad.mini_categorias li a#menu_musica{
				background: transparent url(../img/hoyreka-publicidad-musica.gif) no-repeat 0px top;
}
ul#minicat_publicidad.mini_categorias li a#menu_musica:hover{
				background: transparent url(../img/hoyreka-contenidos-musica-on.gif) no-repeat 0px top;
}

ul.mini_categorias li a#menu_cultura{
				background: transparent url(../img/hoyreka-contenidos-cultura.gif) no-repeat 0px top;
}
ul.mini_categorias li a#menu_cultura:hover{
				background: transparent url(../img/hoyreka-contenidos-cultura-on.gif) no-repeat 0px top;
}


ul.mini_categorias li a#menu_empresas{
				background: transparent url(../img/hoyreka-contenidos-empresas.gif) no-repeat 0px top;
}
ul.mini_categorias li a#menu_empresas:hover{
				background: transparent url(../img/hoyreka-contenidos-empresas-on.gif) no-repeat 0px top;
}
ul#minicat_publicidad.mini_categorias li a#menu_empresas{
				background: transparent url(../img/hoyreka-publicidad-empresas.gif) no-repeat 0px top;
}
ul#minicat_publicidad.mini_categorias li a#menu_empresas:hover{
				background: transparent url(../img/hoyreka-contenidos-empresas-on.gif) no-repeat 0px top;
}

/**********  websites en contenidos  **************/

div#redcontenidos.webshow{
	background:none;
}

div.webshow img.titulin{
	position:absolute;
	right:0px;
	top:15px;
}

div.cajaweb{
	position:relative;
	display:inline;
	float:right;
	clear:right;
	width:648px;
	height:174px;
		background: transparent url(../img/hoyreka-contenidos-cajaweb.png) no-repeat 0px bottom;
	margin:10px 0 0 0;
}

* html div.cajaweb{
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='img/hoyreka-contenidos-cajaweb.png', sizingMethod='crop');
}

div.cajaweb a.webshot{
	display:inline;
	float:left;
	width:150px;
	height:120px;
	overflow:hidden;
	margin:14px 0 0 10px;
}
div.cajaweb a.webshot img{
	margin:0 0 0 -5px;
}

div.cajaweb a.title{
	display:block;
	width:360px;
	text-decoration:none;
	font-weight:bold;
	margin:10px 0 5px 170px;
}

div.cajaweb a.title,
div.cajaweb a.title:active,
div.cajaweb a.title:visited{
	color:#303030;
}
div.cajaweb a.title:hover{
	color:#e18d19;
}
div.cajaweb a.facebook{
	position:absolute;
	top:10px;
	right:10px;
	display:block;
	width:15px;
	height:15px;
	background: transparent url(../img/hoyreka-contenidos-facebook.gif) no-repeat 0px top;
}
div.cajaweb a.tweeter{
	position:absolute;
	top:10px;
	right:30px;
	display:block;
	width:15px;
	height:15px;
	background: transparent url(../img/hoyreka-contenidos-tweeter.gif) no-repeat 0px top;
}
div.cajaweb a.facebook_off{
	position:absolute;
	top:10px;
	right:10px;
	display:block;
	width:15px;
	height:15px;
	background: transparent url(../img/hoyreka-contenidos-facebook_off.gif) no-repeat 0px top;
	cursor:default;
}
div.cajaweb a.tweeter_off{
	position:absolute;
	top:10px;
	right:30px;
	display:block;
	width:15px;
	height:15px;
	background: transparent url(../img/hoyreka-contenidos-tweeter_off.gif) no-repeat 0px top;
	cursor:default;
}
div.cajaweb p{
		margin:0px 10px 5px 170px !important;
}
div.cajaweb p strong{
	color:#666;
}
div.cajaweb a,
div.cajaweb a:active,
div.cajaweb a:visited{
	color:#303030;
	text-decoration:none;
}
div.cajaweb a:hover{
		color:#e18d19;
}

div.cajaweb a.plusinfo{
	text-decoration:none;
	font-size:10px;
	font-weight:bold;
}

div.cajaweb p a.plusinfo,
div.cajaweb p a.plusinfo:active,
div.cajaweb p a.plusinfo:visited{
	color:#303030;
}
div.cajaweb p a.plusinfo:hover{
	color:#e18d19;
}


/******* PUBLICIDAD ********/

div#redpublicidad{
	position:relative;
	margin:0px 0 10px 7px;
	width:902px;
	padding:65px 0 0 0;
	font-size:12px;
	line-height:18px;
	text-align:justify;
	color:#909090;
	clear:both;
	min-height:380px;
	overflow:hidden;
}
div.publi_one{
		background: transparent url(../img/hoyreka-publicidad-fondo.jpg) no-repeat 100px 115px;
}
* html div#redpublicidad{
	height:380px;
}


div#redpublicidad p,
div#redpublicidad h3{
	margin:0 0 10px 0;
}

div.publi_one a,
div.publi_one a:active,
div.publi_one a:visited{
	color:#909090;
}
div.publi_one a:hover{
	color:#e18d19;
	text-decoration:none;
}

div.publi_one img.titulin{
	position:absolute;
	right:0px;
	top:15px;
}

/******* SERVICIOS EMPRESAS ********/

div.services{
	position:relative;
	margin:0px 0 10px 7px;
	width:602px;
	padding:65px 0 0 302px;
	font-size:12px;
	line-height:18px;
	text-align:justify;
	color:#909090;
	clear:both;
	min-height:380px;
	overflow:hidden;
}
div.service_one{
		background: transparent url(../img/hoyreka-servicios-backgrone.jpg) no-repeat 10px 75px;
}

div.service_blog{
		background: transparent url(../img/hoyreka-servicios-backgrblog.jpg) no-repeat 10px 30px;
}
div.service_content{
		background: transparent url(../img/hoyreka-servicios-backgrcontent.jpg) no-repeat 10px 75px;
}
div.service_social{
		background: transparent url(../img/hoyreka-servicios-backgrsocial.gif) no-repeat 25px 120px;
}

div.service_audience{
		background: transparent url(../img/hoyreka-servicios-backgraudience.gif) no-repeat 15px 120px;
}


* html div.services{
	height:380px;
}


div.services p,
div.services h3{
	margin:0 0 10px 0;
}

div.services a,
div.services a:active,
div.services a:visited{
	color:#909090;
}
div.services a:hover{
	color:#e18d19;
	text-decoration:none;
}


div.service_one img.titulin,
div.service_blog img.titulin,
div.service_content img.titulin,
div.service_social img.titulin,
div.service_audience img.titulin{
	position:absolute;
	right:0px;
	top:15px;
}


/******* SOBRE NOSOTROS *******/

div#sobre_nosotros{
	position:relative;
	margin:65px 0 0 0;
	font-size:12px;
	line-height:18px;
	text-align:justify;
	color:#909090;
	clear:both;
	min-height:380px;
	padding:0 0 5px 360px;
}

* html div#sobre_nosotros{
	height:380px;
}

div#sobre_nosotros p,
div#sobre_nosotros h3{
	margin:0 0 10px 0;
}

div#sobre_nosotros a,
div#sobre_nosotros a:active,
div#sobre_nosotros a:visited{
	color:#909090;
}
div#sobre_nosotros a:hover{
	color:#e18d19;
	text-decoration:none;
}

div#sobre_nosotros img.titulin{
	position:absolute;
	right:0px;
	top:-49px;
}

div#sobre_nosotros img.sobre_nosotros{
position:absolute;
	left:10px;
	top:-40px;}
	
/******* AVISO LEGAL *******/

div.aviso{
	position:relative;
	margin:65px 0 0 0;
	font-size:12px;
	line-height:18px;
	text-align:justify;
	color:#909090;
	clear:both;
	min-height:380px;
	padding:0 10px 5px 10px;
}

* html div.aviso{
	height:380px;
}

div.aviso p,
div.aviso h3{
	margin:0 0 10px 0;
}

div.aviso a,
div.aviso a:active,
div.aviso a:visited{
	color:#909090;
}
div.aviso a:hover{
	color:#e18d19;
	text-decoration:none;
}

div.aviso img.titulin{
	position:absolute;
	right:0px;
	top:-49px;
}

/****** FORM **********/
a.submit,
a.submit:active,
a.submit:visited{
display:block;
width:75px;
height:28px;
text-decoration:none;
	background: transparent url(../img/hoyreka-contacto-enviar.gif) no-repeat 0px 0px;
	margin:8px 0 0 580px;
}
a.submit:hover{
	background: transparent url(../img/hoyreka-contacto-enviar-on.gif) no-repeat left top;
}
div#formulario{
	position:relative;
	width:690px;
	padding:0 0px 0 10px;
	/*background: transparent url(../img/hoyreka-contacto-formLeft.gif) no-repeat left bottom;*/
	margin:0 0 0 218px;
	z-index:1;
}
div#formulario_outer{
	padding:0 10px 0 0;
	/*background: transparent url(../img/hoyreka-contacto-formRight.gif) no-repeat right bottom;*/
}
div#formulario_inner{
	/*height:370px;*/
	padding:30px 0;
/*background: transparent url(../img/hoyreka-contacto-form.gif) repeat-x center bottom;*/
}

div#formulario #carta{
	width:316px;
	height:166px;
	position:absolute;
	left:-215px;
	background: transparent url(../img/hoyreka-contacto-carta.jpg) no-repeat left top;
	z-index:10;
}

div#formulario form{
	position:relative;
padding:50px 0 0 60px;
z-index:20;
/*	background-color:#0CF;*/
}
div#formulario div.lefty{
	float:left;
	display:inline;
	width:310px;
	margin:0 0 30px 0;
/*		background-color:#d0F;*/
}
div#formulario label{
display:inline;
float:left;
clear:left;
width:110px;
height:16px;
text-align:right;
/*color:#3c6aa8;*/
color:#909090;
margin:0 10px 5px 0;
}
div#formulario input{
display:block;
width:170px;
height:18px;
margin:0 10px 8px 0;
border:1px solid #ccc;
font-size: 12px;
	line-height:18px;
}

div#formulario select{
display:block;
width:170px;
margin:0 10px 10px 0;
border:1px solid #ccc;
background: #fff;
font-size: 11px;
	line-height:18px;
}

#formulario .nota {
	color:#888888;
	font-size:11px;
	line-height:normal;
	padding-left:120px;
}

div#formulario textarea{
display:block;
width:480px;
height:100px;
margin:0 10px 10px 0;
border:1px solid #ccc;
font-size: 12px;
	line-height:18px;
}

p.notita{
font-size:9px;
color:#666;
display:block;
margin:-20px 0 0 0px;
width:125px;
height:16px;
text-align:right;
}

div#formulario p.respuesta{
	margin:20px 10px 0 120px;
	color:#3c6aa8;
	line-height:24px;
}