/*
Theme Name: Natgeo US
Theme URI: http://wordpress.org/
Description: Theme para Natgeoenespanol.us
Version: 1.6
Author: PuntoFox
Author URI: http://puntofox.com/
Tags: blue, custom header, fixed width, two columns, widgets

	Natgeo US Theme


	This theme was designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/



/* Begin Typography & Colors */
body{
	margin: 0px;
	background-image:url(images/bg_header.jpg);
	background-repeat:repeat-x;
	background-color: #2c2c2f
}

p{margin:0px}

img{border:0px}

/* Menu Principal */
#header-contenedor .menu{
	width: 760px;
	float:right;
	height: 41px;
}

.menu .boton{
	margin:0px;
	padding:0px;
	overflow:hidden;
	background:url(images/menu.gif);
	font-size:45px;
    }    

#header-contenedor .menu .portada{background-position:0px -1px;}
#header-contenedor .menu .portada:hover{background-position:0px -97px;}
#header-contenedor .menu .portadaselected{background-position:0px -48px;}

#header-contenedor .menu .blog{background-position:-127px -1px;}
#header-contenedor .menu .blog:hover{background-position:-127px -97px;}
#header-contenedor .menu .blogselected{background-position:-127px -48px;}


#header-contenedor .menu .videos{background-position:-253px -1px;}
#header-contenedor .menu .videos:hover{background-position:-253px -97px;}
#header-contenedor .menu .videosselected{background-position:-253px -48px;}


#header-contenedor .menu .programacion{background-position:-378px -1px;}
#header-contenedor .menu .programacion:hover{background-position:-378px -97px;}
#header-contenedor .menu .programacionselected{background-position:-378px -48px;}

#header-contenedor .menu .quierocanal{background-position:-504px -1px;}
#header-contenedor .menu .quierocanal:hover{background-position:-504px -97px;}
#header-contenedor .menu .quierocanalsselected{background-position:-504px -48px;}

#header-contenedor .menu .quienes{background-position:-630px -1px;}
#header-contenedor .menu .quienes:hover{background-position:-630px -97px;}
#header-contenedor .menu .quienesselected{background-position:-630px -48px;}


/* CONTENEDOR HEADER */
#header-contenedor {
	width: 960px;
	margin:0px auto;
	height:154px;
}
/* CONTENEDOR HEADER - Publicidad */	
#header-contenedor .publicidad-contenedor{
	width: 935px;
	margin:0px auto;
	height: 90px;
}
	
#header-contenedor .banner728{
	width: 749px;
	background-color: #414042;
	height: 90px;
	background-image: url(images/bg_publicidad.gif);
	background-repeat: no-repeat;
	background-position: 4px 38px;
	float: left;
	}

#header-contenedor .banner120{
	width: 120px;
	float: right;
	background-color: #414042;
	background-image: url(images/bg_publicidad.gif);
	background-repeat: no-repeat;
	background-position: 4px 38px;
	height: 90px;
	padding-left: 20px;
	}

/* CONTENEDOR HEADER - Menu */	
#header-contenedor .menu-contenedor{
	width: 935px;
	margin:21px auto 0px auto;
	height: 41px;
}

#header-contenedor .logo{
	width: 167px;
	height:41px;
	background-image:url(images/logo_natgeo_espanol.gif);
	background-repeat:no-repeat;
	float: left;
}

/* CONTENEDOR CONTENIDO */
#contenido-contenedor{
	width: 935px;
	margin:17px auto 0px auto;
	padding: 0px 10px;
	margin-top: 17px;
}

.iceberg {
	background-image: url(images/bg_contenido-contenedor_iceberg.jpg);
	background-repeat: no-repeat;
	background-position:bottom;}
	
.estructuras {
	background-image: url(images/bg_contenido-contenedor_estructuras.jpg);
	background-repeat: no-repeat;
	background-position:bottom;
}

/* CONTENEDOR - especial */
.especial {
	float: left;
	height: 250px;
	width: 607px;
	border: 1px solid #515151;
}
/* CONTENEDOR - banner 300x250 */
.banner300 {
	float: right;
	height: 250px;
	width: 300px;
	background-color: #414042;
	background-image: url(images/bg_publicidad.gif);
	background-repeat: no-repeat;
	background-position: 2px 196px;
	padding-left: 16px;
}

/* CONTENEDOR - Programacion */
.programacion-contenedor {
	padding: 17px 0px 0px 0px;
	float:left;
	width: 935px;
}

.programacion-dia {
	width:215px;
	height:208px;
	float:left;
	margin-right: 8px;
	background-color: #ffd10a;
}
.programacion-dia h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#000000;
	margin:5px 0px 2px 7px;
}

.tablaahora{
	width:210px;
	padding:2px 5px
}

.tdhora {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	margin:0px;
	width:40px;
	color:#4f4f4f;
	font-weight: bold;
	padding:2px 0px
}

.tdprograma {
	width:160px;
}

.tdprograma h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	margin:0px;
	color:#000000;
	font-weight:100;
}

.tdprograma h3 a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	font-weight:100;
	text-decoration:none;
}

.tdprograma h3 a:hover{
	text-decoration:underline;
}

.vermas {
	text-align:right;
	padding:3px 10px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.vermas a{
color:#4f4f4f;
text-decoration:none;}

.vermas a:hover{
color:#4f4f4f;
text-decoration:underline;
font-weight:bold;}


.programacion-titulo {
	padding:3px 0px 3px 7px;
}

.programacion-ahora{
	padding:2px 0px 5px 7px;
	background-color:#FFFFFF;
}

.programacion-horariocentral{
	padding:2px 0px 2px 7px;
}

.programacion-featured {
	width:230px;
	height:208px;
	float:left;
	margin-right: 8px;
	border: 1px solid #515151;
}

.programacion-featured-mini-contenedor {
	width:230px;
	height:208px;
	float:left;
}
.programacion-featured-mini{
	width:230px;
	height:65px;
	margin-bottom: 8px;
}

/* CONTENEDOR - FOOTER */
.footer-contenedor {
	background-image:url(images/bg_footertransparent.png);
	background-repeat:no-repeat;
	height: 86px;
	width: 935px;
	margin:13px auto 0px auto;
}
.footer-description {
	font-family: Tahoma, Arial;
	color: #999999;
	font-size: 11px;
	width: 489px;
	padding: 53px 0px 3px 8px;
	float: left;
}

.footer-description h1{
	font-family: Tahoma, Arial;
	color: #999999;
	font-size: 11px;
	padding: 53px 0px 3px 8px;
	margin:0px;
	padding:0px;
	font-weight:100;
	font-family: Tahoma, Arial;
	color: #999999;
}
.footer-disclaimer {
	float: right;
	width: 400px;
	text-align: right;
		font-family: Tahoma, Arial;
	color: #999999;
	font-size: 11px;
	padding: 53px 7px 3px 0px;
}
.footer-disclaimer a{
	color: #999999;
	text-decoration:none;
	font-weight:bold;
}
.footer-disclaimer a:hover{
	text-decoration:underline;
}

/* PAGINA INTERIOR:LEFT MENU */
.leftmenu{
	width:172px;
	float: left;
}

.menubordetop {
	background-image: url(images/bg_transp_menutop.png);
	background-repeat: repeat-y;
	height: 30px;
	background-position: -1px -1px;
}

.menucentro {
	background-image: url(images/bg_transp_menutitulo.png);
	background-repeat: repeat-y;
	background-position: 3px 0px;
}
.categoriaslista ul {
	margin:0px;
	list-style:none;
	padding:0px 0px 0px 16px;
}
.categoriaslista li {

}

.categoriaslista li a{
	color: #b1b3b4;
	text-decoration:none;
}
.categoriaslista li a:hover{
	color: #f3c305;
	text-decoration:none;
}
.categoriaslista li:hover {

}

.categoriaslista li a:hover{
	color: #f3c305;
	text-decoration:none;
}
.categoriaslista .selected li {
background-color:#FF0000
}


.titulomenu{
	color: #FFFFFF;
	font-family: "Trebuchet MS", Tahoma, Arial;
	font-size: 14px;
	font-weight: bold;
	padding: 5px 0px 5px 2px;

}

.suscribete {
	background-image:url(images/rssicon.png);
	background-position: 0px 8px;
	background-repeat:no-repeat;
	padding: 5px 5px 5px 18px;
}
.suscribete a{ color:#FFFFFF;
font-family:"Trebuchet MS", Tahoma, Arial;
font-size:12px;
text-decoration:none;}
.suscribete a:hover{ color:#f3c305;}
.recomendado {
	font-family: "Trebuchet MS", Tahoma, Arial;
	padding: 1px 2px 5px 6px;
}
.recomendado a{
	font-family: "Trebuchet MS", Tahoma, Arial;
	color:#bcbec0;
	text-transform:uppercase;
	text-decoration:none;
	font-size:12px;
}
.recomendado a:hover{ color:#f3c305;}


.menubordebottom {
	background-image: url(images/bg_transp_menubottom.png);
	height: 35px;
	background-position:3px 0px;
	background-repeat:no-repeat;
	font-size:12px;
}

 .buscador {
	background-image: url(images/bg_transp_buscadormenu.png);
	background-repeat: no-repeat;
	height: 22px;
	padding: 1px 0px 0px 2px;
	background-position: 0px 0px;
}
.inputbuscar {
	font-size:11px;
	width: 90px;
	border: 1px solid #FFFFFF;
}
.btnbuscar{
	background-image:url(images/bg_botonbuscar.gif);
	width:45px;
	height:17px;
	border:0px;
	margin:1px 0px 0px 0px;
}

/* PAGINA INTERIOR:CONTENIDO DERECHA */
.rightcontenido {
	width:757px;
	float: left;
	color: #FFFFFF;
}
.rightcontenido-top {
	background-image:url(images/rightcontenido_top.png);
	background-repeat:no-repeat;
	background-position:right;
	background-color:#2f3031;
	height:5px;
	font-size: 0px;
}
.rightcontenido-center {
	background-color:#000000;
	padding: 15px 20px;
	margin:0px;
}
.rightcontenido-bottom {
	background-image:url(images/rightcontenido_bottom.png);
	background-repeat:no-repeat;
	background-position:right;
	height:7px;
	font-size: 0px;
}
.boxtitulo-nombre {
	float: left;
	height: 100px;
	width: 293px;
	background-image: url(images/bg_rightcontenido-titulo.gif);
	margin-right: 15px;
	background-repeat: no-repeat;
	padding: 15px 10px;
}


.tituloprograma {
	font-family: Tahoma, Arial;
	font-size: 24px;
	font-weight: bold;
}

.tituloprograma h1{
	margin:0px;
	padding:0px;
	font-family: "Trebuchet MS", Tahoma, Arial;
	font-size: 24px;
	font-weight: bold;
}
.descripcionprograma {
	font-family: Tahoma, Arial;
	font-size: 24px;
	font-weight: bold;
}

.descripcionprograma h2{
	margin:0px;
	color:#f3c305;
	padding:0px;
	font-family: "Trebuchet MS", Tahoma, Arial;
	font-size: 14px;
	font-weight: bold;
}


.boxtitulo-foto {
	float: left;
	height: 113px;
	width: 385px;
}


/* Post */
.postbanner300 {
	float: left;
	height: 250px;
	width: 300px;
	background-color: #414042;
	background-image: url(images/bg_publicidad.gif);
	background-repeat: no-repeat;
	background-position: 2px 196px;
	padding-left: 16px;
	margin: 0px 20px 10px 0px;
}
.boxcontenido {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #1f1f1f;
	background-color: #FFFFFF;
	padding: 10px 13px 11px 20px;
	margin-top: 13px;
	border-top: 3px solid #f3c305;
	border-left: 1px solid #f3c305;
	line-height: 16px;
	border-right: 1px solid #f3c305;
	border-bottom: 1px solid #f3c305;
}

 .boxcontenido-images {
	margin:20px auto;
	background-image: url(images/images-border.gif);
	background-repeat: no-repeat;
	width: 650px;
	padding: 5px 15px;
	height: 308px;
}
.imagestitulo {
	font-family: "Trebuchet MS", Tahoma, Arial;
	font-size: 24px;
	color: #636466;
	padding: 10px 0px;
	font-weight: bold;
}
.imagesshow {
	float: left;
	height: 256px;
	width: 398px;
}
.imagesdescripcion {
	float: right;
	width: 242px;
}
.titulodelaimagen h3 {
	font-family: "Trebuchet MS", Tahoma, Arial;
	font-size: 14px;
	font-weight: bold;
	margin:5px 0px 3px 0px;
	color: #1f1f1f;
}
.titulodelaimagen h4 {
	font-family: "Trebuchet MS", Tahoma, Arial;
	font-size: 11px;
	font-weight: 100;
	margin: 0px 0px 5px 0px;
}
.boxcontenido-comentarios {
margin:0px auto;
padding: 5px 0px;
}
.meta {
	font-family: "Trebuchet MS", Tahoma, Arial;
	background-image: url(images/comentarios-border.gif);
	background-repeat: no-repeat;
	height: 24px;
	padding: 3px 5px;
}

.comentariosbtn {
	background-image:url(images/bg_boton_comentarios.gif);
	background-repeat:no-repeat;
	width:103px;
	height:18px;
	display:block;
	text-align:center;
	font-family: "Trebuchet MS", Tahoma, Arial;
	font-size: 11px;
	text-decoration:none;
    color: #FFFFFF;
}

.comentariosbtn:hover {
	background-image:url(images/bg_boton_comentariosonn.gif);
	background-repeat:no-repeat;
	color: #000000;
}

.comentariosform {
margin:0px;
padding-top:20px;
}
.comentarioagregado {
margin:0px;
}
.listacomentarios{
margin:0px;
}

.datos {
	float: left;
	height: 42px;
	width: 160px;
	background-image: url(images/bg_comentario_nombre.gif);
	background-repeat: no-repeat;
	padding: 1px 0px 1px 6px;
}

.nombre{
	font-size:10px;
	font-weight:bold;
	color:#000000;
}
.nombre a{
	font-size:10px;
	font-weight:bold;
	color:#000000;
	text-decoration:none;
}

.fecha{
	font-size:10px;
	color:#333132;
	line-height: 11px;
}

.comentario {
	width: 475px;
	background-image: url(images/bg_comentario_comentariocentro.gif);
	background-repeat: no-repeat;
	padding: 12px 10px 5px 30px;
}
.listacomentarios ul{
list-style:none;
margin:0px;
padding:0px;
}
.listacomentarios li{
	list-style:none;
	margin:7px 0px;
	padding:0px;
}
.comentariobottom {
	width: 515px;
	background-image: url(images/bg_comentario_comentariobottom.gif);
	background-repeat: no-repeat;
	height: 6px;
	font-size: 0px;}
.comentariocontenedor {
	float: right;
	width: 515px;
}
.inputnombre {
	font-family: "Trebuchet MS", Tahoma, Arial;
	font-size: 9px;
	width: 148px;
}
.inputcomentario {
	font-family: "Trebuchet MS", Tahoma, Arial;
	font-size: 12px;
	width: 470px;
	height: 45px;
	border: 1px solid #FFFFFF;
}
.comentarioform {
	background-image: url(images/bg_agregarcomentarioinput.gif);
	height: 89px;
	width: 464px;
	padding: 10px 20px 0px 30px;
	background-repeat: no-repeat;
}
.inputagregarcomentario {
	height: 17px;
	width: 56px;
	background-image: url(images/bgimagenesnav-amarillo.gif);
	background-repeat: no-repeat;
	border: 0px;
	font-size: 11px;
	float: right;
	color: #000000;
	font-family: "Trebuchet MS", Tahoma, Arial;
}


/* Lista de Post by fecha y categoria*/
.post {
	background-image: url(images/bg_post.gif);
	height: 114px;
	width: 601px;
	margin:15px auto;
}
.postinformacionfoto {
	float: left;
	width: 125px;
}
.postinformaciondetalle {
	float: right;
	width: 578px;
}

.postinformacion {
	padding:10px 7px 10px 13px
}

.posttitulo a{
	font-family: "Trebuchet MS", Tahoma, Arial;
	font-size: 16px;
	color: #343434;
	font-weight: bold;
	text-decoration:none;
}

.posttitulo a:hover{
	color: #ebbc05;
	text-decoration:none;
}

.postmeta {
	padding:7px 0px 7px 0px;
}
.postdescr a{
	font-family: "Trebuchet MS", Tahoma, Arial;
	font-size: 12px;
	color: #000000;
	text-decoration:none;
}
.btnnavbar {
	background-image: url(images/bg_imagesnavgris.gif);
	height: 18px;
	width: 67px;
	font-size: 8px;
	font-weight:bold;
	display:block;
	padding: 2px 0px;
	text-decoration: none;
	text-align: center;
	color: #000000;
	background-repeat: no-repeat;
}
.btnnavbar:hover {
	background-image: url(images/bg_imagesnavamarillo.gif);
		color: #000000;
	background-repeat: no-repeat;
}
.paginacion a {
	font-family: "Trebuchet MS", Tahoma, Arial;
	font-size: 11px;
	color: #000000;
	background-image: url(images/bg_pagination.gif);
	height: 25px;
	width: 99px;
	background-position: 0px 0px;
	margin:0px 2px; 
	display:block;
	text-align:center;
	padding: 7px 0px 0px 0px;
	text-decoration:none;
}
.paginacion a:hover {
	color: #000000;
	background-image: url(images/bg_pagination.gif);
	background-position: 102px 0px;
	display:block;
text-align:center;
}

.paginacionselected{
	color: #FFFFFF;
	height: 25px;
	width: 32px;
	background-image: url(images/bg_pagination.gif);
	background-position: 34px 0px;
	display:block;
	text-align:center;
	margin:0px 2px;
	padding: 7px 0px 0px 0px;
	float:right;
}

.paginacion {
	margin:0px 40px 0px 0px;
}

.postmetadata a{
color:#000000;
text-decoration:none;
background-image:url(images/bg_comments.gif);
background-position:0px -22px;
padding:2px 0px 0px 0px;
width:123px;
display:block;
height: 18px;
text-align:center;
}

.postmetadata a:hover{
color:#000000;
text-decoration:none;
background-image:url(images/bg_comments.gif);
background-position:0px 0px;
width:123px;
display:block;
height: 18px;
}

.post-meta {
list-style:none;
margin:0px;
padding:0px;}

.post-meta li{
list-style:none;
margin-top:-20px;
padding:0px;
}
.post-meta-key{
margin:0px;
padding:0px;
color:#000000;
}
.post-meta-key img{
margin:0px;
padding:0px;
}
.cat-item{
	color: #b1b3b4;
	font-weight:normal;
	margin:0px;
	width:157px;
	padding: 7px 0px 7px 0px;
	font-family: "Trebuchet MS", Tahoma, Arial;
	font-size: 12px;}
	
	.cat-item:hover{
	margin:0px;
	width:157px;
	background-image:url(images/bg_transp_menuitem_selected.png);
	background-repeat:no-repeat;
	background-position:-9px 0px;
	font-size: 12px;}
	
	.categories{
	color: #FFFFFF;
	font-family: "Trebuchet MS", Tahoma, Arial;
	font-size: 14px;
	font-weight: bold;
	padding: 5px 0px 5px 0px;
	}
	
.categories ul{
padding:0px;
margin:0px 0px 0px 0px;
list-style:none;
	}
	
/* Privacidad */
	.tablaprivacidad {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width:95%;
	margin:5px auto;
	}
	.tablaprivacidad td{
	vertical-align:top;
	margin-top:0px;
	padding:5px;
	
}
	
	.tdtitulo{padding:5px; background-color:#ffcc00; font-size:14px;}
	.tdtitulo a{
	font-size:11px;
	text-decoration:none;
	color: #336699;
}

.pagetitle{
font-size:14px;
font-weight:bold;}