/*@import url(reset.css); RESET CSS */
@import url(forms.css); /* FORMS CSS */

/* 1.BODY
---------------------------------------------------------------------- */

html {background:#F2F2F2 url(images/fade.jpg) top center repeat-y;}
body {margin:0 auto 20px auto;padding:0;width:980px; font-family: Verdana, Geneva, sans-serif; font-size:11px;color:#555; background: #FFF url(images/bg-submenu.gif) right 0px repeat-x;}

ul#nav_access { position:absolute; top:-9999px; left:-9999px; }

/* -- PARAGRAPHS -- */

p {line-height:1.5em;margin:12px 0;}

.tema #content #pie p, 
.comment #content #pie p, 
.shows #content #pie p, 
.features #content #pie p {width:100%;}
#column_main #articulo p {width:100%;line-height:1.7em;}

/* -- BLOCKQUOTES -- */

#column_main #articulo blockquote {display:block;width:300px;font-size:18px;font-style:italic;border-top:1px solid #CCC;border-bottom:1px solid #CCC;margin:15px 15px 25px 0px;padding:0;}
#column_main #articulo blockquote p {width:300px;font-size:18px;line-height:1.4em;}


ul {margin:0;padding:0}
li {margin:0;padding:0;}

/* 3.HEADINGS
---------------------------------------------------------------------- */

.logo {float:left;width:266px;margin:20px 0 0 0;height:80px;padding:0 0 0 0;font-size:60px;line-height:0;}
#articulo .categoria {font-size:10px; color:#ccc; padding-bottom:10px; float:right}
#articulo .categoria a{color:#ccc;}

h1 { color:#333; font-size:16pt; line-height:1.3em; margin:0; padding:0 0 2px 0; letter-spacing:-1px;}
h2 {font-size:13pt;margin:0;padding:0 0 7px 0; border-bottom:#ddd solid 1px;color:#21771b;}
h3 {font-weight:normal; font-size:13pt; margin:0;padding:0 0 10px 0; color:#003366; border-bottom:#ddd solid 1px;}
h4 {font-size:12pt; margin:0;padding:0 0 7px 0;color:#003366; border-bottom:solid 1px #ddd;}
#columna h4{font-size:11pt; margin:0;padding:0 0 7px 0;color:#666; border-bottom:solid 1px #ddd;}




/* 4.LINKS
---------------------------------------------------------------------- */

:focus { outline:none; }

a:link,
a:visited { text-decoration:none;color:#009F00; }
a:hover,
a:focus { text-decoration:underline;color:#009F00; }

#content a:link, 
#content a:visited {text-decoration:none;color:#00F}
#content #columna a:link, 
#content #columna a:visited {color:#333}
#content a:hover {text-decoration:underline;color:#000;}

/* 5.IMAGES
---------------------------------------------------------------------- */

img { border:none; }

img.class {  }



/* 6.LAYOUT
---------------------------------------------------------------------- */


.spacer {clear:both;}


#content {clear:both;}

#column_main {float:left;width:500px; padding:14px 0 0 24px; margin-bottom:20px;border-right:0px solid #EEE; }
#column_main img {float:right;margin:0 15px 0 10px;}
.search img { float:none; margin:0; }
#column_main #articulo img {float:none;margin:10px 15px 15px 0px;}
#column_main #articulo fieldset img {float:none;margin:0px;}
#column_main ul {list-style-type:none;width:380px;margin:0 0 15px 0;padding-left:0;color:#666;}
#column_main ul li {margin:0;padding:3px 0 2px 0;color:#666;border-bottom:1px solid #EEE;}
#column_main ul li.rss {margin:0;padding:3px 0 2px 20px;color:#666;border-bottom:1px solid #EEE;background:url(images/rss.gif) left 50% no-repeat;}
#column_main ul li a:link, #column_main ul li a:visited {display:block;text-decoration:none;border-bottom:0;}
#column_main ul li a:hover {text-decoration:none;border-bottom:0;background:#EEE;}
#column_main ul li a:link span, #column_main ul li a:visited span {text-decoration:none;color:#999;}


#columna {float:right;width:300px;padding-top:20px;color:#666; padding:24px; border-left:#ddd solid 1px; background:#F3FAEB}
#columna img {float:none;margin:0 0 0px 0;}
#columna ul {clear:both;list-style-type:none;margin:0 0 25px 0;padding-left:0;color:#666;}
#columna ul li {margin:0;padding:5px 0 4px 0;color:#333;border-bottom:1px solid #EEE;}
#columna ul li a:link,
#columna ul li a:visited {display:block;text-decoration:none;border-bottom:0;color:#666;}
#columna ul li a:hover {text-decoration:none;border-bottom:0;background:#EEE;}
#columna ul li a:link span,
#columna ul li a:visited span,
.commauthor {text-decoration:none;border-bottom:0;color:#999;font-size:11px;}
#columna ul li em {color:#666;  }

.bannercab {float:left;margin-top:0px;padding-top:18px;}

.anunciocab {float:right;margin-top:37px;padding-top:0px;width:180px;height:40px;border-left:1px solid #EEE;}
.anunciocab img {margin: 0px 0 0 20px;}


/* 7.BRANDING/MASTHEAD
---------------------------------------------------------------------- */



/* 8.NAVIGATION
---------------------------------------------------------------------- */
#header {
	background:#dbdada url(images/bg-header2.gif) left bottom repeat-x;
	position:relative;
	overflow:hidden;
	width: 980px;
	padding: 20px 0 0 0;
}
h1#logo {
		float: left;
		width:283px;
		height:32px;
		top:11px;
		left:25px;
		font-size: 25px;
		font-weight: bold;
		margin-top: 0px;
		position: absolute;
	}
		h1#logo a{
			display: block;
			position: relative;
			width: 283px;
			height: 32px;
			overflow: hidden;
		}
		h1#logo a span{
			display: block;
			position: absolute;
			width: 100%; height: 100%;
			left: 0; top: 0;
			background:url(images/logo.jpg) left top no-repeat;
		}
#main_menu {
		float:right;
		padding-top: 0px;
		margin-right: 26px;
		display: inline;
	}
	@media screen and (-webkit-min-device-pixel-ratio:0){
               #main_menu {margin-right: 24px;}
	}
		#main_menu li {
			float:left;
			list-style:none;
		}
		#main_menu li.fist_element {				
			padding-left:1px;
			display:inline;
			background:url(images/bg-menu_separator.gif) -1px bottom no-repeat;
		}
		ul#main_menu li a:link,
        ul#main_menu li a:visited {
			float:left;
			background:#ececec url(images/bg-menu_separator.gif) right bottom no-repeat;
			color:#4b4b4b;
			text-transform:uppercase;
			font-family:Arial, Helvetica, sans-serif;
			padding:6px 14px;
			text-decoration:none;
			border-bottom: 1px solid #c7c7c7;
		}
		ul#main_menu li a:hover {
			background:url(images/bg-menu_separator-hover.gif) right bottom no-repeat;
		}
		ul#main_menu li a.selected {
			background:url(images/bg-menu_separator-active.gif) right bottom no-repeat;
			position:relative;
			top:1px;
			padding-bottom:7px;
			padding-top:5px;
		}

ul#secciones {clear:both;float:left;width:480px;margin:0 0 20px 24px;padding:10px 0 7px 0;}
ul#secciones li {display:inline;padding-right:15px;}
ul#secciones li a:link,
ul#secciones li a:visited {color:#999;text-decoration:none;border-bottom:0;}
ul#secciones li a:hover {color:#000;text-decoration:none;}

ul#mn {float:right;font-weight:normal;margin:0 0px 20px 0;padding:10px 24px 7px 0;}
ul#mn li {display:inline;padding-left:19px;}
ul#mn li a:link,
ul#mn li a:visited {color:#999;text-decoration:none;border-bottom:0;}
ul#mn li a:hover {color:#000;text-decoration:none;}


/* 8.SITEINFO/FOOTER
---------------------------------------------------------------------- */

#pie {clear:both;margin:0;padding:0px 0 0px 0;background:#ffffff; border-top:1px solid #CCC;  margin-right:auto; margin-left:auto; width:932px}

#pie h3 { display:inline; font-size:18px;margin:0 0 0 0; padding:0 0 5px 0;color:#111;border-bottom:1px solid #CCC; }
#pie h3 a:link, #pie h3 a:visited { text-decoration:none; }


#pie p { margin:15px 0 10px 0; line-height:150%; }

#footer {clear:both;margin:0;padding: 2px 0 30px 0;background:#ffffff; margin-right:auto; margin-left:auto; width:932px; border-top:solid 1px #F5F5F5 }

/* -- MICROFORMATS -- */

#footer .vcard {float:left; width:500px;margin:15px 0 6px 0;color:#999;}
#footer .vcard .org {font-weight:bold;}
#footer .vcard a.email, 
#footer .vcard a.url {display:none;}

#footer p.erskine {float:right;text-align:right;width:400px;color:#666;}
#footer p.erskine a:link, #footer p.erskine a:visited {color:#666;}



/* EDITOR'S BLOG
---------------------------------------------------------------------- */

.blog div#column_main div#articulo img { margin:10px 0 0 0; }

/* =Comments
-------------------------------------------------------------- */

/* Comments */

#comments .box { background-color: #fff; border: 0px solid #e0e0e0; margin-bottom: 15px; }
#comments .avatar { display: inline; float: left; margin: 0 10px 0 0; padding: 3px; background-color: #fff; }
#comments { clear: left; padding-top: 10px; }
			#comments h3 {padding: 0; color:#3399CC; }
			#comments .meta-comment { font-size: 11px; margin-bottom: 10px; }
				 #comments .meta-comment a { text-decoration: none; }
			 #comments .commentlist { list-style: none; margin: 0; padding: 0; }
				 #comments .commentlist li { background: #F7F7F7; border-bottom: 1px solid #ddd; padding: 10px; }
				 #comments .commentlist li.alt { background-color: #fff; }
		 #respond { clear: left; margin-top: 30px; padding: 15px; }
			#content #respond h3 {color: #3399CC; font-weight:bold;}
		 #respond input, #content #respond textarea { border: 1px solid #ccc; padding: 4px; }
		 #respond div { padding: 5px 0; }
		#comments .cp { font: 400 9px/16px Arial, Helvetica, sans-serif; text-transform: uppercase; }	
		
		 #comments .commentlist { clear: both; }
 #comments .commentlist ul { list-style: none; } 
 #comments .commentlist #respond { background-color: #fff; border: 1px solid #ccc; padding: 10px; margin-bottom: 5px; }
 #comments .commentlist ul li { border: 1px solid #ccc; padding: 10px; }
#comments .reply a { float: right; margin: -40px 0 0 0; font: 400 10px Arial, Helvetica, sans-serif; padding: 3px 6px; background-color: #fff; -moz-border-radius: 3px; border: 1px solid #ccc; color:#7777CC }
#comments .reply a:hover { border: 1px solid #333; }
#comments code {color: #666; }
#comments .vcard em {font-family:Georgia, "Times New Roman", Times, serif; font-size:15pt; color:#7777CC;}
#comments .vcard small { color: #ccc; }
#met { padding: 4px 10px; float: left; margin: 0 0 20px; }
#met h3 { float: left; }
#comments #met .meta-comment { float: right; margin-bottom: 0; }


/* END Comments */

.suscribir{	font-size:12px; padding:5px 5px 5px 70px; border:dotted 1px #ccc; background:#FFFFCC url(http://lh5.ggpht.com/_wfC3NucHnI8/SQ3j77uYonI/AAAAAAAAAQM/4tdA9c7NZcc/s288/zebra-rss.jpg) no-repeat 2px; color:#000000; clear:both; margin-bottom:20px;}

	#columna .avatar{float:left; position:relative}
		
		.adv{ background:url(images/ad.gif) left no-repeat; width:75; height:15px; padding:0; margin:0;}
		.breadcrumb{color:#999; padding:0 0 10px 24px; width:956px; border-bottom:solid 1px #F2F2F2; clear:both}
		.breadcrumb a{color:#999;}
		#column_main #articulo .imgderecha{
			float:right;
			padding:6px;
			}
			
		.block { width:500px; background:url(images/head2-cr.gif) left top no-repeat; padding-top:15px; margin-bottom:16px;}
		
.buscatxt{font-size:1.9em; font-weight:bold; color:#000; padding:0;
}
.adv{
	font-size:9px;
	color:#CCC;
	padding:0;
	margin:0;
	}