/* by Helium Estudio */

/*FORMATEO BASICO*/
*				{ margin: 0; padding: 0;}
html, body		{height: 101%;}
body			{font-size: 62.5%;
				font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
				background-color: #FFF;
				margin:0;
				text-align:center;
				line-height: 135%; }

ul {list-style: none inside;}
p {font-size: 1.2em; line-height: 1.3em; text-align:left; margin-bottom: 1em;}
a {outline: none; text-decoration:none; color: #000;}
a:visited, a:active {color:#000;}
a:hover {color: #666;}
a img {border: none;}
img {border: none;}
h1 {font-size: 2.1em; font-style:normal; margin-bottom:.4em;}
h2 {font-size: 1.8em; font-style:normal; margin-top: .8em; margin-bottom:.5em;}
h3 {font-size: 1.5em; font-style:normal; margin-top: .7em; margin-bottom:.5em;}
span {color:#000;}
/*FINAL FORMATEO*/


/*HERRAMIENTAS*/
.floatLeft {float: left;}
.floatRight {float: right;}
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0;}


/* FINAL HERRAMIENTAS*/ 

#page-wrap		{width:1000px; background: #FFF url(../images/bg-shadow.jpg) repeat-y left top;
				margin: 0 auto; height:auto; 
				}
				
#container		{width: 934px;
				margin:0 14px 0 14px;
				padding: 0 20px;}

#header 		{width: 100%;
				height: 125px;
				margin-bottom:20px;
				background: transparent url(../images/bg-header.jpg) repeat-x left top;}

#contenido		{height: auto;
				min-height:800px;
				width:100%;
				float:none; margin: 0;
				}

h1#logo {width: 475px;
		height: 71px;
		margin:70px 0 0 0;
		position: absolute;}
}

/***** TOPNAV *****/

#topnav {width: 450px; height: 18px; display: inline; float: right; position: relative; margin: 96px 0 0 0; right: -325px; padding: 4px 0 0 2px;}

#topnav ul.menu li {margin: 0; height: 1.8em; display: inline; padding: 6px 10px 4px; text-transform: uppercase; font-size: 1.2em; font-weight: bold; background-color: #000;}

#topnav ul {list-style: none;}

#topnav ul.menu li a:link span, #topnav ul.menu li a:visited span {color: #C5D800;}

#topnav ul.menu li a:hover span {color:#FFF;}


#topnav ul {list-style-image:none; list-style-position: outside; list-style-type:none; float: right;}

/***** PROMO *****/
#promo {width: 650px; height: auto; float: left; margin-bottom: 10px; display: block;}



/***** RIGHT COLUMN *****/
#rightcolumn 	{width: 248px; height:auto; float: right; clear:none; margin: 10px 0 20px 30px;}

/***** LEFT COLUMN *****/
#leftcolumn 	{height:inherit;
				clear:none;
				float:left;
				height:auto;
				margin:-10px 14px 20px 0;
				width:180px;}
				

/***** SUBBANNER *****/

div#subbanner {height: 88px; width: 100%; bottom:-90px; position: relative; margin:14px -20px 0 0; clear: both;}


div#page-wrap div#container div#subbanner div.moduletable {clear: both; margin-top: 0; position: absolute; display: block;}

/***** BLOG *****/


/***** BUSCADOR *****/
#buscador {width: 320px;
			height: 25px;
			float: right;
			margin:45px 5px 0 0;
			}

#buscador div.moduletable form.search label {display: none;}
div#buscador div.moduletable form.search input.button {vertical-align: -9px;}			

div#header div#buscador div.moduletable form.search #mod_search_searchword {height: 18px; margin: 0 8px;} 			



/***** FOOTER *****/
#footer {width: 934px;
		bottom:0;
		margin:100px auto 0;
		clear: both;
		position: relative;}

#footer2 {width: 100%;
		height: 90px;
		background: #232323 url(../images/bg-footer.jpg) repeat-x left top;
		}

div#footer div#footer2 p, div#footer div#footer2 a {padding-top: 1px; text-align: center; color: #CCC;}		

div#footer div#footer2 a:hover {color: #fff;}
		

		
		
/***** lOGEAR *****/
			
div#rightcolumn div.moduletable-he {width: 228px; height: auto; background-color: #CC0000; padding: 10px; margin: 10px 0; text-align: left;}				

div#rightcolumn div.moduletable-he p {font-size: 1em !important; color: #FFF; margin: 8px 0 -4px 0;}

div#rightcolumn div.moduletable-he a:link, div#rightcolumn div.moduletable-he a:visited {font-size: 1em !important; color: #FFF; }


div#rightcolumn div.moduletable-he a:hover {font-size: 1.2em; color: #FF0; }


div#rightcolumn div.moduletable-he fieldset {border: 0; display: block; margin: 0 0 6px 0;}

div#rightcolumn div.moduletable-he fieldset label {text-transform: uppercase; font-size: 1.3em; color: #EEE; margin-bottom: 5px; line-height: 1.8em; font-family: Georgia,"Times New Roman",Times,serif;}

div#rightcolumn div.moduletable-he fieldset input {background-color: #666; border: 0; width: 220px; height: 20px; color: #FC0;}

div#rightcolumn div.moduletable-he form .inputbox {color: #FFF; padding: 6px 0px 2px 6px; font-size: 1.25em;}

div#rightcolumn div.moduletable-he form.form-login label.remember {font-size: 1.2em; color: #EEE;}

div#rightcolumn div.moduletable-he form.form-login input.button {background-color:#666; border: 1px #4B4B4B solid; clear:right; color:#FFF; float:none; font-size:1em; height:22px; text-transform:uppercase; width:9em;}

div#rightcolumn div.moduletable-he form.form-login input.button:hover {background-color: #FFCD00; color: #666; border: 1px #FFF solid;}


/****** sidebars  ******/

/*Votaciones*/
div#leftcolumn div.moduletable-he {width: 160px; background: #616161 url(../images/bg-sidebars.jpg) repeat-x left top;  min-height: 100px; color: #FFF; padding: 8px; text-align: left; margin: 0 0 10px 0;}

div#leftcolumn div.moduletable-he fieldset {border: none;}

div#leftcolumn div.moduletable-he form.poll {border-top: 1px #555 solid; padding-top: 10px;}

div#leftcolumn div.moduletable-he h3 {width: 100px; padding: 4px; font-size: 1.4em; color: #000; background-color: #FFCD00; text-transform: uppercase; font-style: normal; text-align: center; margin: 2px 0 6px -15px; line-height: normal;} 

div#leftcolumn div.moduletable-he h4 {height: .5em; width: 100%; font-size: 1.6em; font-family: Georgia,"Times New Roman",Times,serif; color: #FFF; text-align: left; margin-bottom: 40px; font-style: normal; font-weight: normal; line-height: normal;} 

div#leftcolumn div.moduletable-he form.poll fieldset {margin-bottom: 8px; line-height: 160%;}

div#leftcolumn div.moduletable-he form.poll label {font-size: 1.2em; color: #CCC;}

div#leftcolumn div.moduletable-he form.poll a {font-size: 1.2em; margin-left: 10px; color: #CCC;} 


div#leftcolumn div.moduletable-he form.poll a:link, 
div#leftcolumn div.moduletable-he form.poll a:visited {color: #CCC; font-size: 1.3em; margin-left: 10px;} 
div#leftcolumn div.moduletable-he form.poll a:hover {color: #FC0; font-size: 1.3em; margin-left: 10px;} 


div#leftcolumn div.moduletable-he form.poll label {color:#CCCCCC; }

div#leftcolumn div.moduletable-he form.poll input.button {background-color:#C00; border: 1px #4B4B4B solid; clear:none; color:#FFFFFF; float:none; font-size:1em; height:22px; text-transform:uppercase; width:5em;}




/* Columna derecha banners */


div#page-wrap div#container div#rightcolumn div.moduletable {margin-bottom: 10px;}


/*  Articulos */



/* LEADING */

div#page-wrap div#container div#contenido div.blog div.leading div#entrada  {background: #FFF url(../images/bg-nota1.jpg) repeat-x left top; margin-left: 195px; margin-top: 328px;
width: 425px; border: 1px #CCC solid; padding: 0 20px; display: block; min-height: 228px;}

/* HACK PARA SAFARI --- MARGEN SUPERIOR NO COINCIDE*/

@media screen and (-webkit-min-device-pixel-ratio:0){

div#page-wrap div#container div#contenido div.blog div.leading div#entrada  {background: #FFF url(../images/bg-nota1.jpg) repeat-x left top; margin-left: 195px; margin-top: 348px;
width: 425px; border: 1px #CCC solid; padding: 0 20px 0; display: block;}

}

/*Parrafos de entradas*/


div#page-wrap div#container div#contenido div.blog div.leading div#entrada p, div#page-wrap div#container div#contenido div.blog div.article_row div.article_column p {margin-left: 176px;}



div#page-wrap div#container div#contenido div.blog div.leading div#entrada p.iteminfo span.createdate, div#page-wrap div#container div#contenido div.blog div.article_row div.article_column p.iteminfo span.createdate {margin-left: -176px;}


div#page-wrap div#container div#contenido div.blog div.leading div#entrada div.img_caption img.caption {margin: -43px 12px 10px -178px; border: 4px #666 solid; clear: none; display: block; float: left}

div#page-wrap div#container div#contenido div.blog div.leading h2, div#page-wrap div#container div#contenido div.blog div.article_row div.article_column h2 {text-align: left; font-size: 1.6em; margin: 8px 0 18px 0; color: #666;}

div#page-wrap div#container div#contenido div.blog div.leading h2 a, div#page-wrap div#container div#contenido div.blog div.article_row div.article_column h2 a {color: #666;}

div#page-wrap div#container div#contenido div.blog div.leading h2 a:hover, div#page-wrap div#container div#contenido div.blog div.article_row div.article_column h2 a:hover {color: #060606;}


/* ROW COLUM*/

div#page-wrap div#container div#contenido div.blog div.article_row div.article_column {background: #E7E7E7 url(../images/bg-nota2.jpg) repeat-x left top; margin-left: 195px; margin-top: 4px;
width: 425px; border: 1px #CCC solid; padding: 0 20px; min-height: 228px;}

div#page-wrap div#container div#contenido div.blog div.article_row div.article_column div.img_caption img.caption {float: left; margin: -22px 12px 10px -178px; border: 4px #666 solid; clear: none; display: block;}

div#page-wrap div#container div#contenido div.blog div.leading h1, div#page-wrap div#container div#contenido div.blog div.article_row div.article_column h1 {font-size: 1.5em; font-weight: bold; color: #666; text-align: left; margin-left: 178px; margin-top: 20px; width: 260px; line-height: 1.4em; }


/* LEER MAS*/

div#page-wrap div#container div#contenido div.blog div.leading div.liga, div#page-wrap div#container div#contenido div.blog div.article_row div.article_column div.liga {width: 426px; text-align: left; height: 29px;}

div#page-wrap div#container div#contenido div.blog div.leading div.liga a.readon, div#page-wrap div#container div#contenido div.blog div.article_row div.article_column div.liga a.readon {background: transparent url(../images/bg-leermas.jpg) repeat-x left top; display: inline; border: 1px #ccc solid; text-transform: uppercase; padding: 4px 6px; font-size: .9em; position: relative; top: 4px;}

div#page-wrap div#container div#contenido div.blog div.leading div.liga a.readon:hover, div#page-wrap div#container div#contenido div.blog div.article_row div.article_column div.liga a.readon:hover {color: #FFF; background: #CC0000  url(../images/bg-leermas2.jpg) repeat-x left top; border: 1px #000 solid; }


/*  LAST NEWS*/
div#page-wrap div#container div#leftcolumn div.moduletable-he ul.latestnews li.latestnews a.latestnews {background:#646464 url(../images/bg-latestnews.jpg) repeat-x left top; color:#FFCD00; display:block; min-height:2.8em; margin:.4em; padding:.5em .6em; width:133px; font-size: 1.3em; line-height: normal; vertical-align: middle; border: 1px #525252 solid; } 

div#page-wrap div#container div#leftcolumn div.moduletable-he ul.latestnews li.latestnews a.latestnews:hover { background:#525252 url(../images/bg-latestnews2.jpg) repeat-x left top; color:#EEE;}


/*Articulos destacados Mas Info*/ 
div#page-wrap div#container div#informacion {width: 662px; text-align: left;}

div#page-wrap div#container div#informacion div.moduletable-info div.he-informacion {background: #eeedee url(../images/bg-info.jpg) repeat-x left top; padding: 20px; margin-bottom: 20px; border: 1px #cfcfcf solid;}

div#page-wrap div#container div#informacion div.moduletable-info div.he-informacion  div#info h4 {background-color:#444444; color:#FFFFFF; font-family: Optima,Arial,Helvetica,sans-serif; margin-top:-15px; padding:3px 6px; text-align:center; text-transform:uppercase; width:54px;}

div#page-wrap div#container div#informacion div.moduletable-info div.he-informacion  div#infoa {width: 430px; float: left;}

div#page-wrap div#container div#informacion div.moduletable-info div.he-informacion  div#info div#infoa h2, div#page-wrap div#container div#informacion div.moduletable-info div.he-informacion  div#info div#infob h2 {font-weight: normal;}


div#page-wrap div#container div#informacion div.moduletable-info div.he-informacion  div#infoa div.info-side {float: left; margin-right: 10px; width: 130px;}

div#page-wrap div#container div#informacion div.moduletable-info div.he-informacion  div#infoa div.info-side h1, div#page-wrap div#container div#informacion div.moduletable-info div.he-informacion div#infob div.info-side h1 {font-size: 1.7em; font-weight: normal; margin-bottom: 0.5em;}

div#page-wrap div#container div#informacion div.moduletable-info div.he-informacion div#infoa div.info-side img, div#page-wrap div#container div#informacion div.moduletable-info div.he-informacion div#infob div.info-side img {margin-bottom: 10px; float: left;}

div#page-wrap div#container div#informacion div.moduletable-info div.he-informacion  div#infob { border-left: 1px #999 solid; margin-left: 426px; padding-left: 16px; position: relative;}

div#page-wrap div#container div#informacion div.moduletable-info div.he-informacion div#infob div.info-side {}


div#page-wrap div#container div#informacion div.moduletable-info div.he-informacion div#infoa div.info-side a, div#page-wrap div#container div#informacion div.moduletable-info div.he-informacion div#infob div.info-side a { background: transparent url(../images/bg-leermas.jpg) repeat-x scroll left top; border:1px solid #CCCCCC; display:inline; font-size:0.9em;
padding:4px 6px; position:relative; text-transform:uppercase; top:4px;}

div#page-wrap div#container div#informacion div.moduletable-info div.he-informacion div#infoa div.info-side a:hover, div#page-wrap div#container div#informacion div.moduletable-info div.he-informacion div#infob div.info-side a:hover {background: #CC0000 url(../images/bg-leermas2.jpg) repeat-x scroll left top; border: 1px solid #000000; color: #FFF;}


/* PAGINAS DE INFORMACIîN */
div#page-wrap div#container div#contenido div#page div.img_caption img.caption {display: none;}

div#page-wrap div#container div#contenido div#page h2.contentheading {text-align: left; font-weight: normal; font-size: 1.8em; color: #666; font-family: Georgia, Times, "Times New Roman", serif; margin: 32px 0;}

div#page-wrap div#container div#contenido div#page h1 {text-align: left; font-weight: normal; font-size: 1.8em; color: #666; font-family: Georgia, Times, "Times New Roman", serif; margin: 32px 0;}

div#page-wrap div#container div#contenido div#page p {margin-bottom: 0;}