/*  
Theme Name: Movistar
Description: Default theme for Movistar
Author: eft0
Author URI: http://eft0.nobody.cl 
*/

/*clases basicas*/

html {background: #174359 url("images/fondoAll.gif") repeat-x;}

body {
		
       background:  url("images/fondoHead.png") top center no-repeat;
       color: #303030;
       font-size: 11px;
       font-family:Arial, Helvetica, sans-serif;
       margin: 0 auto;
       padding: 0;
       text-align: center;
       line-height: 14px;
	   }


h2 {
     font-size: 12px;
     background: url("images/post-title-background.jpg") repeat-x;
     margin: 11px 0 6px 0;
     padding: 4px 0 8px 5px;
     font-weight: bold;
     color: #f3f3f3;
}


img {border:none;}

li { 
     margin: 0;
     padding: 0;
     list-style-type: none;
     }

ul { 
     margin: 0;
     padding: 0;
     }
	 
.right {float:right;}
.left {float:left;}


/* Classes  */

/*innerRap solo para soportar sombras*/

#innerRap 

{ 
       width: 898px;
	   margin-left:10px;
       margin: 0 auto;
       text-align: left;
	   height:100%;
	   background:url(images/fondo2columnas.png) repeat-y;
       }


/*RAP-CONTIENE TODO*/
#rap { 
       width: 876px;
       margin: 0 auto;
       background-color:#ebebeb;
       text-align: left;
	   height:100%;
       }

/*HEADER*/
#header {
          margin: 0 auto;
          height: 122px;
		  }


#header img{ margin:0; padding:0;}


/*bloque que contiene las noticias*/
div#content {
           float:right;
		   width: 610px;
		   //width:605px;
           padding:0;
           text-align: left;
           display: inline;
		   background-color:#FFFFFF;
		   margin-left:0;
		   height: 100%
		   }
	
		 
	 
/*con imagenes*/
div.navLinks {margin-left:6px;margin-bottom:40px;}

div.navIni {margin-left:6px;margin-bottom:90px;}	

			 
ul.nav li a:hover {color:#fff;}
.ul.nav li a:hover {color:#fff; background-color:#999; }

div.navIni {margin-left:6px;margin-bottom:40px;}	   
		   
ul.nav { margin:0; padding:0; display:block; float:left;}
ul.nav li{	display:block;
			float:left;
			margin-right:10px;
			}
ul.nav li a {display:block; width:98px; height:32px; text-indent:-9999px;}

/*imagenes a sustituir en la botonera*/
ul.nav li a.inicio {background:url(images/ulNav-inicio.gif) no-repeat;}
ul.nav li a:hover.inicio {background:url(images/ulNav-inicioOver.gif) no-repeat;}

ul.nav li a.noticias {background:url(images/ulNav-noticias.gif) no-repeat;}
ul.nav li a:hover.noticias {background:url(images/ulNav-noticiasOver.gif) no-repeat;}

ul.nav li a.contacto {background:url(images/ulNav-contacto.gif) no-repeat;}
ul.nav li a:hover.contacto{background:url(images/ulNav-contactoOver.gif) no-repeat;}

a.tour {background:url(images/queEsElTourMovistar.gif) no-repeat;
		display:block; width:257px; height:32px; text-indent:-9999px; float:right;
		}
a:hover.tour {background:url(images/queEsElTourMovistarOver.gif) no-repeat;}

/*primera noticia (ppal)*/

.postPpal { padding-left:6px; float:left; margin-bottom:15px;}
.postPpal img {}
.postPpal h1 {font-size:1.25em; color:#006699; font-weight:bold; text-transform:uppercase; margin-bottom:8px;}
.postPpal p {font-size:1em; color:#000000; margin:0;}
.postPpal a {font-size:0.83em; color:#006699; text-decoration:none;}


/*grupo con otras noticias, en filas de a 2*/

.grupoNoticias {height:auto; margin-bottom:15px;float:left; margin-left:6px; width:590px;}
.cajaNoticias {width:289px; height:auto; margin-right:12px}
.cajaNoticias h1 {font-size:1.17em; color:#006699; text-transform:uppercase; margin-bottom:8px;}
.cajaNoticias p {font-size:1em; color:#000000; margin:0;}
.cajaNoticias a {font-size:0.83em; color:#006699; text-decoration:none;}
.noMargin {margin-right:0;}


/*caja de video*/

.cajaVideo {float:left; margin-left:6px; width:590px; height:auto; margin-bottom:30px; }
.cajaVideo h1{background:url('images/fondoH1video.png') no-repeat; height:30px; margin:0; text-indent:-9999px; width:590px; margin-left:1px; padding-right:1px;}
.cajaVideo img{margin:0;}
.cajaVideo p {font-size:1em; color:#000000; margin-top:4px;}
.cajaVideo a {font-size:1em; color:#006699; text-decoration:none;}
.cajaVideo a:hover {font-size:1em; color:#000000; text-decoration:underline;}




/* 
   * Left sidebar 
   */
#menu-left { 
             float: left;
             padding: 0px 8px 20px 14px;
             width: 241px;
             display:block;
			 height:100%;
			/* background: url(images/sombra2.png) right repeat-y;
			 border:1px solid red;
			 padding-bottom:9999px;
			 margin-bottom:-9999px;*/
			
			  }
	
/* UL contiene todos los botones del sidebar*/

.#menu-left ul {width:241px;}

#menu-left ul {}
#menu-left ul li{}
#menu-left ul li.fondo{background-color:#cdeae8; border:1px solid #cccccc; margin:10px 0; width:241px;}
#menu-left ul li.fondo ul {display:block; overflow:hidden;}
#menu-left ul li.fondo ul h1{color:#006699; font-size:1.17em;}
#menu-left ul li.fondo ul p{color:#000000;}
#menu-left ul li.fondo ul a{font-size:1em;}
#menu-left>ul>li.fondo>ul>*{margin-left:8px;}


/*H2 contiene titulos*/
#menu-left h2 {font-size: 12px; width:241px; text-indent:-9999px; margin:0;}
#menu-left h2.podcast {background: url("images/sidebar-h2-podcast.png") no-repeat;}
#menu-left h2.flickr{background: url("images/sidebar-h2-flickr.png") no-repeat;}
#menu-left h2.eventosMusicales {background: url("images/sidebar-h2-eventosMusicales.png") no-repeat;}
#menu-left h2.deInteres {background: url("images/sidebar-h2-deInteres.png") no-repeat;}
#menu-left h2.nubeDeTags {background: url("images/sidebar-h2-nubeDeTags.png") no-repeat;}


/*searcher*/

li.search {margin:12px 0;}
li.search input{}
input#s{border:1px solid #939394; width:200px; height:18px; float:left; margin-right:6px;}
input#searchsubmit {background:url('images/search_img.gif') no-repeat; width:27px; height:21px; text-indent: -9999em; border:none;}


/*a fondo con el rock nacional-----*/

.ul.podcast img, .ul.podcast h1, ul.podcast p, ul.podcast ul.podcast2 {margin-left:10px;}

ul.podcast {display: block; position:relative; overflow:hidden; }
ul.podcast img {border:1px solid #006699; margin-right:6px; float:left;}

a.down {color:#006699; padding:10px 0; display:block; margin-left:10px; text-decoration:none;}
. a.down {color:#006699; margin-left:10px; display:block; text-decoration:none;}

/*caja para botones de Fondo Rock Nacional-----*/
ul.podcast ul.podcast2 {display: block; position:relative; overflow:hidden;}
ul.podcast ul.podcast2 li {float:left;}
ul.podcast ul.podcast2 li a {height:22px; font-size:1.17em; color:#000000; text-decoration:none; padding-top:6px; padding-left:28px;}
ul.podcast ul.podcast2 a.escuchalo {background:url(images/podcast-escuchalo.gif) no-repeat left center; margin-right:50px;}

ul.podcast ul.podcast2 a:hover.escuchalo {text-decoration:underline;}
ul.podcast ul.podcast2 a:hover.suscribete {text-decoration:underline;}

ul.podcast ul.podcast2 a.suscribete {background:url(images/podcast-suscribete.gif) no-repeat left center;}
.ul.podcast ul.podcast2 a.suscribete {background:url(images/podcast-suscribete.gif) no-repeat left center; margin-right:10px;}


/*flickr*/
ul.flickr {display: block; position:relative; overflow:hidden; margin:4px 0 2px;}
ul.flickr li {float:left;}
ul.flickr img {width:66px height:66px; border:1px solid #006699; margin:0 0 6px 0;}





/*eventos musicales*/

ul.eventosMusicales {margin-bottom:15px;}
ul.eventos {display: block; position:relative; overflow:hidden; margin-left:6px;}
ul.eventos img {border:1px solid #006699; margin-right:6px; float:left;}
ul.eventos p {margin-right:6px;}

ul.podcast p a, ul.eventos p a{color:#000; text-decoration:none;}
ul.podcast p a:hover, ul.eventos p a:hover{color:#000; text-decoration:underline;}

/*caja De Interes*/
ul.deInteres {margin:10px 0;}
ul.deInteres li {margin-left:8px; height:36px;}
ul.deInteres li a{padding-left:28px; display:block; height:22px; font-size:1.17em; color:#000000; text-decoration:none; padding-top:6px;} 

ul.deInteres li a.bandas {background:url('images/DeInteres-bandas.png') no-repeat left center;}
ul.deInteres li a.locales {background:url('images/DeInteres-locales.png') no-repeat left center;}
ul.deInteres li a.movistar {background:url('images/DeInteres-movistar.png') no-repeat left center;}
img.lineaDivision {margin:10px 0 4px 0; }

#menu-left ul li.tags{background-color:#cdeae8; border:1px solid #cccccc; margin:10px 0; width:241px;}

#menu-left ul li.tags div.tags2 {width:221px; margin:15px 0 15px 10px;}
#menu-left ul li.tags div.tags2 a {text-decoration:none; color:#006699;}

/*FOOTER*/
#footer { 
          width: 876px;
          height: 58px;
          margin: 0 auto;
          background-color:#212121;
          font-size:1em;
		  color:#ffffff;
		  clear:both;
		  text-align:center;
          }
#footer p, #footer ul, #footer li, #footer a {margin:0; padding:0;}

#footer ul{display:block; list-style-type: none; margin-left:100px;}
#footer ul li {float:left; border-right: 1px solid #333; text-align:left; margin-right:14px; padding:0 20px;}
#footer ul li.last {float:left; border-right: none; text-align:left; margin-right:14px; padding:0 20px;}
#footer ul li a{text-decoration:none; color:#666666;}
#footer ul li a:hover{text-decoration:underline; color:#eee;}

#footer p a{text-decoration:none; color:#666666;}
#footer p a:hover{text-decoration:underline; color:#eee;}

ul.mailContacto{display:block; list-style-type: none; margin-left:4px; font-size:0.92em; border-top:1px dotted #999; padding-top:12px; margin-bottom:20px;}
ul.mailContacto li {float:left; border-right: 4px solid #efefef; text-align:left; margin-right:0px; padding:0 8px;}
ul.mailContacto li.last {margin-right:0px; border:none;}
ul.mailContacto li a{text-decoration:none; color:#999;}
ul.mailContacto li a:hover{text-decoration:underline; color:#000;}

/*PAGINA INDEX_NOTICIAS.HTML*/

h2.todasLasNoticias {background:url('images/boton-TodasLasNoticias.png') no-repeat; text-indent:-9999px; margin-left:6px; margin-bottom:0px; height:30px;}

/*PAGINA INDEX_EVENTOSMUSICALES.HTM*/

div.textoEvento {font-size:1em; color: #000000; margin:0 6px; margin-bottom:100%;}
div.textoEvento h2 {background:url('images/boton-eventosMusicales.png') no-repeat; text-indent:-9999px; margin-bottom:0px; height:30px; padding:0;}
div.textoEvento h3 {margin-top:6px; font-size:1.25em; text-transform:uppercase; color:#006699;}

/*PAGINA INDEX_CONTACTO.HTML*/

div.contacto {margin:0 6px; margin-bottom:100%;}
div.contacto h2 {background:url(images/fondo-h2-contacto.png) no-repeat; text-indent:-9999px; margin-bottom:0px; height:30px;}
div.contacto h3 {margin-top:0px; font-size:1.25em; text-transform:uppercase; color:#006699;}


/*formulario*/

#commentform {text-align:right; margin-top:40px;}
#commentform input {width:360px; height:20px; border:1px solid #666; margin-right:100px;}
#commentform textarea {width:360px; border:1px solid #666; margin-right:100px;}
#commentform small {font-size:1em; color:#000000; display:block; float:left; margin-left:40px;}
#commentform input.submit{background:url('images/boton-enviar.gif') no-repeat; text-indent:-9999px; width:98px; height:32px; }


/*PAGINA INDEX_NOTICIASDESPLEGADAS.HTML*/

div.desplegadas {margin:0 10px;}
div.desplegadas h3 {margin:50px 0 0 0; font-size:1.25em; text-transform:uppercase; color:#006699;} /*margin:6px 0 30px 0;*/
div.desplegadas a {font-size:0.83em; color:#006699; text-decoration:none; text-align:left;}
div.desplegadas p {color:#000000;} 

div.desplegadas .contacto {margin:50px 0;}
#commentform input.submitComentar{background:url('images/boton-comentar.gif') no-repeat; text-indent:-9999px; width:98px; height:32px; } /*cambia el boton de envio por 'comentar'*/

/*deja tu mensaje*/

ol.commentlist {margin:0; padding:0;}
ol.commentlist li#comment{margin-bottom:10px;}
ol.commentlist li#comment small.commentmetadata a{font-size:12px; color:#006699; font-weight:bold;}
ol.commentlist li#comment p{margin:4px 0 30px;}


/*roll over sobre txt de sistema*/

.postPpal a:hover , .cajaNoticias a:hover, .cajaVideos a:hover, a:hover.down
 {
color:#000;
text-decoration:underline;
}

li.deInteres a:hover {text-decoration:underline;}

p.MsoNormal>span>span>img {margin-bottom:20px;}
p.MsoNormal>span>span>strong{display:block; margin:20px 0 5px 0;}


/*prev and sigu*/

/*caja navegacion*/

#content .navigation {width: 400px; clear:both; width:220px; display:inline; text-align:center;}


/*ambos*/

#content .navigation .alignright a, #content .navigation .alignleft a {float:right; color:#000; text-decoration:none;} 

#content .navigation .alignright a:hover, #content .navigation .alignleft a:hover {text-decoration:underline;} 

/*anterior*/

#content .navigation .alignright a {margin-right:10px;}

/*siguiente*/

#content .navigation .alignleft a {margin-right:218px;}