/* CSS Document 
	-------------------------------------------------------------
	FPERU
	Design | Travel | Tour Peru | Publicity
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Description:	Base setup styles
	Filename:		pagina-principal.css
	Version:		1.0
	Date:			May 30, 2008
    Update:         Ene 26, 2010
	Developed by:	E-MagicSoft
	-------------------------------------------------------------	*/
 
/*	-------------------------------------------------------------
	Content Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

#contenedor{ border-color:#1A5676;}

#contenedor{width:980px;margin:0 5px; padding:0px; background: #fff url('../imagenes/pagina-inicio/back-content2.jpg') top repeat-x; overflow:hidden; }
#cabeceraAzul { width:980px; height:120px; background: url('../imagenes/pagina-inicio/cabecera.jpg') no-repeat;}
#left-side{float: left;	width: 203px; background: url('../imagenes/pagina-inicio/top-menu.jpg') top no-repeat;}
.content-menu {width: auto;	padding:90px 0 5px 18px;}

.fLPrin{ float:left; width:630px; margin-bottom:12px;}
.fRPrin{ float:right; width:300px; margin-bottom:12px;}

/* ******************************************* */
#right-side{float:left; width:777px;}
#principalAzul{float: left; width:625px; height:315px; overflow:hidden; margin:0; padding:0;}
.content-flash-main{width:625px; height:315px;}

.sideMainFlash{ float:left; width:180px; height:315px; background: url(../imagenes/pagina-inicio/back-main-mapa.jpg) no-repeat;} /*main contenedor del flash*/
.sideMainBotonesxz{float:left; width:85px; height:315px; overflow:hidden; background: url(../imagenes/pagina-inicio/back-main-botones.jpg) no-repeat;} /*main contenedor del flash botones*/

.main-principal{float:left; word-spacing:-1px; width:330px; height:295px; padding:120px 0 0 30px; background: url(../imagenes/pagina-inicio/back-main-donde-ir.jpg) no-repeat; overflow:hidden;}
.contenedor-ciudades-main{ width:282px; height:172px; overflow:hidden; background: url(../imagenes/pagina-inicio/back-menuCiudades.gif) top no-repeat; padding:10px 30px; line-height:1.3em; #line-height:1.5em; text-align:center;}
.columCiudad{float:left;}
ul.cajaCiudadMain{list-style: none; margin:0; padding:0;}
.fix-cajaCiudadMain{margin-right:26px;}

a.txt1{ font-size:1.2em; color:#5D5D5D; font-family:Trebuchet MS;}
a.txt2{ font-size:1.4em; color:#666}
a.txt3{ font-size:1.6em; color:#999}
a.txt4{ font-size:1.8em; color:#4E4E4E; word-spacing:-2px; letter-spacing:-2px;}

ul.cajaCiudadMain li{background: url(../imagenes/pagina-inicio/icon-lista-ciudad.gif) no-repeat top left; background-position: 0px 8px;font-family:Arial; padding-left:10px; line-height:1.8em;}
ul.cajaCiudadMain li a{margin:0; padding:0; list-style:none; color:#2966a3 !important;}	
	
#principal .titulo-prensa-eventos{margin:15px 0 0 20px;}	
#principal .descripcion-prensa-eventos{margin:15px 0 0 25px;}			
	
#secundario {float:left; width:134px; padding-right:18px; background:url('../imagenes/pagina-inicio/top-banners-base.jpg') top no-repeat;}	
#secundario .contentBannersAzul {padding-top:0px;}

.filaNotiPrin{ width:948px; height:325px; overflow:hidden; border:1px solid #ABCCEE; background:#fff;}
.tituActualidad{ float:left; width:38px;}
.contentNoticias{float:left; width:880px; padding:15px;} 
    
    .notiImgs{float:left; width:615px; height:295px; overflow:hidden;}
    .notiSinImgs{ float:right; width:260px;}  
        .topSinImg{ width:260px; height:270px;} 
    
.notiPrin{float:left; width:190px; height:140px; *height:155px !important; *background:#fff !important; padding:0; margin:0 15px 15px 0; _display:inline; border:0; background:#000; overflow:hidden;}
.fixNotiPrin{ margin-right:0;}
.descNoti{float:left; width:190px; height:42px; position:relative; top:-42px; _top:-21px; filter:alpha(opacity=80); -moz-opacity:.80; opacity:.80;  background:#000; overflow:hidden;}
.descNoti p{padding:0; margin:0; line-height:1.6em;}
.descNoti p a{ color:#fff; font-family:Arial; font-weight:bold; font-size:12px; width:178px; height:38px; padding:4px 6px 0; display:block;}/*190 x 42*/
.descNoti p a:hover{ color:#FFC822; text-decoration:none;}  



.linksUltimasNoti{color:#0A4BBA; padding-left:13px; background:url(../imagenes/pagina-inicio/bullet_add_2.png) 0px 9px no-repeat;}

.tituViajes, .tituAnuncios, .tituComentarios, .tituLoMasLeido, .tituEntrevistas, .tituNoTelopuedesPerder, .tituVideos, .tituBlogs, .tituDestacados{ width:235px; height:32px; display:block; background:url(../imagenes/pagina-inicio/titulosPrincipal.jpg) top no-repeat; line-height:0; padding:0; margin:0;}
.tituAnuncios{background-position:0 -32px;}
.tituComentarios{background-position:0 -64px;}
.tituLoMasLeido{background-position:0 -96px;}
.tituEntrevistas{background-position:0 -128px;}
.tituNoTelopuedesPerder{background-position:0 -160px;}
.tituVideos{background-position:0 -192px;}
.tituBlogs{background-position:0 -224px;}
.tituDestacados{background-position:0 -256px;}
h2 span{ display:none;}

.verMas{ float:right; text-align:right; padding:10px 0 0 0; font-family:Arial;}

.blogContent{clear: both; width: 628px;}
.topBlog{overflow:hidden; width:590px; padding-bottom:5px;}
.linkBlog{ float:right; text-align:right; width:200px; padding-top:8px; font-family:Arial;}

.elClima{width: 120px; height: 33px; position:relative; top:-2px; overflow:hidden;}
.linkPublicidad{ padding:3px 0; color:#000; float:left;}
.linkPublicidad:hover{ text-decoration:none; }

/*	Clases
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
.banner-right{border:0; padding:0; margin-bottom:10px;}
.banner-flash-right{border:0; padding:0;}

ul.botonesPrincipal span{ display:none;}
ul.botonesPrincipal{ margin:7px 0 0 6px; padding:0; width:62px; list-style-type:none; }
ul.botonesPrincipal li{margin:0; padding:0; float:left; margin-bottom:18px;}

a.btnServiciosTuristicos, a.btnInfoTuristica, a.btnOrganiceViaje, a.btnFPeru{width:62px; height:62px; display:block; background:url(../imagenes/pagina-inicio/btnServiciosTuristicos.gif) top left no-repeat; outline:none;}
a.btnServiciosTuristicos{background-position:0 0;}
a.btnServiciosTuristicos:hover{ background-position:0 -62px;}

a.btnInfoTuristica{background-position:-62px 0px;}
a.btnInfoTuristica:hover{ background-position:-62px -62px;}

a.btnOrganiceViaje{background-position:-124px 0;}
a.btnOrganiceViaje:hover{ background-position:-124px -62px;}

a.btnFPeru{background-position:-186px 0;}
a.btnFPeru:hover{ background-position:-186px -62px;}

/*	Pagina
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
.marqueeNoti{height:25px; overflow:hidden; margin-bottom:8px;}	
.fecha_noti{ width:950px; height:25px; background:#97C8D8; color:#333; overflow:hidden; font-family:Arial;}
.fecha_notiHover{ width:950px; height:25px; position:relative; z-index:5; margin-top:-25px; background:url(../imagenes/pagina-inicio/bgMarquee.png) top left no-repeat; color:#fff; padding:5px 10px; overflow:hidden;}
.notiMarquee{ padding-top:5px;}

.notiSide{ float:right;}

/* Caja Blogs */
.sBlogs{}
.sBlogL{ float:}
.sBlogR{}

/* Caja: Videos destacados */
.sBoxVideo{ float:left; width: 630px; border:0; overflow:hidden;}
.videoContent{ background:#000;}
.videoContent a{color:#FF6600; line-height:1.6em; font-family:Arial;}
.tablaVideo img{ border:1px solid #FF6600;}
.tablaVideo td{ text-align:center}
.sideVideo{ float:left;}
.infoVideo{ float:right; width:295px;}
.filaVideo{ float:right; width:295px; margin-bottom:6px;}
.imgVideo{float:left; width:105px;}
.txtVideo{float:left; width:190px;}
    .tituVideo{color:#32648C;}
    .descripVideo{}
        
/* Caja: Entrevista semana */
.notiSide{float:left; width:306px; overflow:hidden;}
.notiSide p{text-align:justify; font-size:.9em;}
.actualidadSide{float:right; width:623px;}

.boxActualidad{float:left; width:290px; margin-bottom:12px;}
.actuFecha{ float:left; width:56px; color:#EE7A39;}
.fecha{ color:#0066CC;}
.actuDescrip{ float:right; width:215px; padding-left:5px; text-align:right; border-left:1px solid #CCCCCC;}

.t1, .t2{ float:left; width:290px; padding:0; margin:0; overflow:hidden;}
.t1 strong, .t2 strong{ color:#333;}
.t2{float:right;}

.box{float:left; border:1px solid #ABCCEE; background:#fff}
.contentBox{ padding:10px 10px 10px; overflow:hidden;}
.tituBox, .tituBoxBig{ float:left; height:32px; font-size:20px; line-height:0; font-family:"Arial"}
.tituBoxBig{width:590px;}
.tituBox a{color:#F28711; text-shadow:1px 1px 2px #000; padding:0; margin:0;}
.infoBox{ float:left; padding-top:15px; font-family:Arial; vertical-align:top;}

/* Sondeo */    
.sBoxSondeo{float: right; width: 300px;}

/* Caja: Sección empresarial */

.tablaEmpre, .tablaOfertas{ width:285px;}
.tablaOfertas{width:290px;}
.tablaNoti{ float:left; margin-right:12px;}
.tablaNoti td{ border-bottom:1px solid #000;}
.tablaEmpre p{ line-height:1.6em;}
.tablaEmpre td h3 { font-family:Arial; margin:0 0 0.2em; padding:0 0 2px 24px; background: url(../imagenes/pagina-inicio/book_edit.png) 0 0px scroll no-repeat; padding-left:22px; font-size:11px;}
.tablaOfertas td h3{ padding:0; margin:0;}
.tablaOfertas td h3 a{color:#1358A4; text-transform:uppercase; font-size:11px;}
.tablaOfertas .porNoti{ color:#999;}
.tablaOfertas .descripNoti{ color:#333;}
.diasOfertas, .precioOfertas{ color:#D78C02; font-weight:bold; font-size:1.1em;}
.infoSecEmpre{ padding-bottom:5px;}
    
/* Caja: Últimos comentarios */
.sBoxUltComent{width: 311px; height: 325px; margin-right: 17px;}
.testxz{padding:6px 33px 6px 12px; width:270px; margin-bottom:8px;}

/* Caja: Los más leídos */
.sBoxLeidos{width: 298px; height: 325px;}
.infoMasLei{ color:#999; padding:0 0 10px 20px; background:url(../imagenes/pagina-inicio/bullet_add_2.png) 0px 9px no-repeat;}
.infoMasLei a{ padding-top:0;}

/* Caja: Entrevistas */    
.sBoxEntre{width: 298px; margin-right: 0px; overflow:hidden}
.filaEntre{ float:left; width:275px; margin-bottom:6px;}
.imgEntre{float:left; width:105px;}
.imgEntreBig{ padding-bottom:15px;}
.txtEntre{float:right; width:170px;}
    .tituEntre{color:#32648C;}
    .pEntre{}
.entreSemana{float: right; width: 298px;}
/*........................ */
.txtBusPrin{ border:0; width:340px;}
.buscador{float: left; background: url(../imagenes/pagina-inicio/backBuscador.png) left no-repeat; width: 502px; height: 39px;}
.cajaBuscador{float: left; margin: 10px 0 0 12px; display:inline;}

body:nth-of-type(1) .cajaBuscador /*chrome*/{float: left; margin: 8px 0 0 12px;}

.botonBuscador{float: right; margin: 6px 7px 0 0;}

.tiempo{float:left; line-height:1.5em; width:230px; padding-top:6px; color:#fff; font-family:Arial; text-shadow:1px 1px 1px #333;}
.tiempo span{color:#000;}
.menuSocial ul{ float:right; list-style:none; margin:0; padding:0; padding-top:5px;} 
.menuSocial li{ float:left; padding:0 3px;} 
.menuSocial li span{color:#fff; position:relative; top:8px; text-shadow:1px 1px 1px #333;} 

/* Banner Centro */
.bannersCentro{float: right; width: 280px; height: 180px;}

/* Banners Left */
.sLeft{float: left; width: 630px; overflow: hidden;}
.sRight{float: right; width: 300px; overflow: hidden;}
.bannersLeft{}

/* Scroller Box */
.scroller_container_left_right{position: relative; overflow: hidden;width: 925px;float:right;height:15px;}
.scroller_left_right{white-space: nowrap; font-family:Arial; color:#222;}
.scroller_left_right p {padding: 0;}
/* Scoller Box */
/* CSS Hack Safari */
#dummy {;# }
.scroller_container_left_right {overflow: auto;}


.contBannerPrin{float: right; width: 300px;}


/* tablaDestacados */

.tablaDestacados{ font-family:Arial; font-weight:bold;}