﻿@charset "utf-8";
/* CSS Document */
/*	-------------------------------------------------------------
	FPERU
	Design | Travel | Tour Peru | Publicity
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Description:	Base setup styles
	Filename:		base-turismo-styles.css
	Version:		1.0
	Date:			Mar 05, 2010
	Developed by:	E-MagicSoft S.A.C  - www.e-magicsoft.com
	-------------------------------------------------------------	*/
 
/*	-------------------------------------------------------------
	Base Body Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

body{padding:0px;margin:0;background: url('imagenes/fondo.png') repeat-x top;color:#1D1D1D;font-size:.75em;font-family:Verdana, Arial, Helvetica, sans-serif;}
img {border:0;}
a {text-decoration: none;color: #0A4BBA; outline:none;}
a:hover {text-decoration:underline;}
h1 {font-size:1.5em;font-weight:normal;color:#0A4BBA;font-family:Arial; padding:8px 0 10px 0; letter-spacing:-1px;}
h2 {color: #114FB5;font-size:1.6em;padding:10px 0 5px 0;margin:0; font-family:Arial; font-weight:normal;}
h3{font-size:1.2em;font-weight:normal;color:#333;font-family:"Trebuchet MS", Trebuchet, Arial; padding:8px 0 10px 0;}
object{ outline:none;}
.fl{ float:left;}
.fr{ float:right;}
p{ line-height:1.6em;}
*:focus  {outline: none;}

.filaPrincipal{ float:left; width:950px; padding:0 15px; margin-bottom:12px;} /*full 980px*/
.filaPrinfix{ margin:0;}
.fixLogoBuscador{height:200px; margin:0;}
.ocultar{ display:none;}


ul.himno{width:300px; padding:20px; margin:0 auto; text-align:center; list-style:none;}
ul.himno li{text-align:center;}
ul.himno p{text-align:center;}

/*	-------------------------------------------------------------
	Estilos del Borde de la Página
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
#contenedor-border{width:990px;margin:0 auto; padding:0; overflow:hidden;}
#contenedor {width:980px; border-left:1px solid #B0B4C4; border-right:1px solid #B0B4C4; margin:0 4px; padding:0;overflow:hidden; font-size:.9em; background:#fff;}
* html #contenedor {height:1%}
* > html #contenedor {height:auto}
#cabecera {width:944px; padding:0 18px; height:200px;} /*total 980px;*/
.menu-sol{width:255px;height:175px; margin-top:13px; overflow:hidden; background:url(imagenes/sol-nuevo-map2.png) top no-repeat}
.menu-sol{_background:url(imagenes/sol-nuevo-map2.gif) top no-repeat}
.menu-sol a{ outline:none;}
/*	-------------------------------------------------------------
	Estilos Menu superior arriba del main (Agregar, Recomendar, Agregar Ver Comentario)
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

.sideUsuario{float:left; margin:0; padding:0 7px 0px 20px !important;}
.sideUsuario{_padding:10px 7px 15px 18px !important;}/*ie6*/
.sideUsuario{#padding:10px 7px 15px 18px !important;}/*ie7*/
/*	-------------------------------------------------------------
	Contenido Total (contiene leftside y right side)
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
#contenido-total, #contenido-total-myspace{float:left;width:980px;overflow:hidden;}
#contenido-total-myspace{ background:#E8EDF0;}
#left-side {float: left;width: 170px;}
.menu-ciudades-del-peru{padding:0px 0 8px 0;}
#left-side .content-left-side {width: 170px;}
#left-side .content-menus a:hover {text-decoration:none;#text-decoration:underline;}
#left-side .content-menus {margin-bottom:10px;}
#left-side .cuaderno-viaje, #left-side .donde-quieres-ir, #left-side .content-marquee, #left-side .publicidad-aqui {margin-top:7px;}
#right-side {float:left;width:780px;padding:0;margin:0;}
#right-side-regiones {float:left;width:780px;padding:0;margin:0;}
#right-side #principal {float: left;width:640px;padding:0;margin:0px;padding-bottom:10px;}

.site-map { float:left; color:#999999;}
.site-map p {padding:0;margin:0;color:#002670;}

#right-side .site-map { float:left; width:600px; padding:0 20px; color:#999999;}
#right-side .site-map p {padding:0;margin:0;color:#002670;font-size:.9em;}

.main{float:left; overflow:visible; width:600px;padding:0 20px 20px;}
.main-2columnas{float:left; overflow:visible; width:760px;padding:0 0 20px 20px;}
.main p a, .main-2columnas p a {text-decoration:underline;}
.main p a:hover, .main-2columnas p a:hover { background: #F7EFCE;}
.content-embajadas td{font-size:.8em;border: 1px solid #E2E3E9; line-height:1.2em;}
.back-embajadas-fila {background:#EEF1F7 !important;}
.main-full{width:980px;padding:0px; margin:0;line-height:1.6em;}
.main h1 , .main-2columnas h1 {background:url(imagenes/titulo_08.gif) left no-repeat;padding:8px 0 10px 25px;color:#43231F;border:0; font-size:1.5em;}
.main p , .main-2columnas p {padding:0;text-align:justify; line-height:1.6em;}
.main ul li{ line-height:1.7em;}
.boton-cuaderno-de-viaje {padding:30px 18px 0px 18px;height:auto;}
#right-side .menu-bottom {float:left; width:100%; padding:10px 0;text-align:center;}



#menuPublicar{float:right; padding:0; margin:0; line-height:normal; list-style:none;}
#menuPublicar li{float:left; padding:0 10px; background:url(imagenes/separatorMenuTop.gif) right -10px no-repeat;}
#menuPublicar li a{padding:2px 0px 4px 20px; display:block;  background:url(imagenes/iconsSocial.png) 0 0 no-repeat;font-family:Arial;}
.itemFacebook{background-position:0 -25px !important;}
.itemHome{background-position:0 -50px !important;}
.itemRSS{background-position:0 -75px !important;}
#menuPublicar .fixPublicar{padding-right:0; background:none;}
#menuPublicar .fixPublicar2{ background:none; padding-left:0; text-transform:uppercase; color:#151515; }


/*	-------------------------------------------------------------
	Secundario (lado derecho, donde se colocan los banners)
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
#secundario {float: left;width:140px;}
#secundario p {margin:0; padding:0;}
#secundario .content-banners {padding:5px 0 0 0; margin:0;}/*6px xq le falta para 140*/
.content-banners a{}
.boletinN{ background: url(imagenes/bgBoletin.gif) left top no-repeat; height:35px; font-family:Arial; color:Red; width:134px; font-size:.9em; font-weight:bold; text-align:center;}
.boletinN a{ display:block; padding-top:5px;}
/*	Clases Globales
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
.important{ color:#000000; font-weight:bold;}
.error{ color:#FF0000; font-weight:bold;}
.subrayado{text-decoration:underline;}
.aviso{color:#FF0000;}
.first-letter {float:left;font-size:40px;line-height:30px;padding-top:2px;padding-right:5px;font-family:Times New Roman;}
.banner-right {border:0;padding:0;margin-bottom:8px;}
.banner-flash-right {border:0;padding:0;margin-bottom:10px;}
.titu-parrafo-busqueda {text-transform:uppercase;color:#993300;font-weight:bold;}
#menu-dpto{height:auto;}
.filaInfoCiudad{ float:left; height:auto; padding-bottom:10px;}
.cleanSide{ clear:both;}


/*	-------------------------------------------------------------
	Menu Top / Busqueda / Banderas / Menu (inicio, mapa, contacto, login, faq) pagina-principal.css copate los mismos estilos
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
#menu-top {width:980px;background-color:#292929;height:26px;padding:2px 0 0px 0px;border-bottom:1px solid #000;overflow:hidden;}
.sFechaTop{padding:4px 0 0 10px;float:left;width:400px;}
.fechaTop{color:#e6e6e6; font-family:Arial; padding:0; margin:0;}

#menu-top .banderas-top{padding-top:5px;float:left;}
.menu-top-bandera{margin-right:15px;float:left;}
.content-top-principal{ float:right; margin:0px;padding-top:5px;float:right;}

ul.menuTopPrincipal{list-style: none;margin:0;padding:0;}    
ul.menuTopPrincipal li{display: inline;float: left;margin-right:15px;font-family:Arial;font-size:11px;background:url(imagenes/spriteFperu.gif) no-repeat left top;}    
ul.menuTopPrincipal li a{color:#E6E6E6;padding-left:17px;}
ul.menuTopPrincipal li a:hover{color:#D1B815;}  
.itemMenuTopInicio{background-position: 0px -5px !important;}
.itemMenuTopMapa{background-position: 0px -30px !important;}
.itemMenuTopContacto{background-position: 0px -55px !important;}
.itemMenuTopMembership{background-position: 0px -79px !important;}
.itemMenuTopFaq{background-position: 0px -105px !important;} 

/*	Login PopUp
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
a.topMenuAction{cursor:pointer;}
.fixMenuAction{ background:none !important; padding:0 !important;}
#sliderWrap{float:right; width: 250px;}
#slider{position:absolute; margin-top:-235px;}
#sliderContent {position: absolute; background:#000; opacity: 0.8; filter:alpha(opacity=80); color:#999; width: 250px;}
#openCloseWrap {}
.formPopUp td, .formPopUp td a{ font:normal 11px arial; text-align:left; line-height:15px;}
.formPopUp td a{ color:#DDF2F7;}
.txtModal{ font-size:11px;}
.panelBienvenida{ padding:2px 10px;}
.panelBienvenida ul{ padding:0; margin:5px 0 10px 15px;}
.panelBienvenida ul li{ line-height:1.5em; color:#DDF2F7;}
.panelBienvenida ul li a{color:#DDF2F7;}

.flechita01{background:url(imagenes/flechita01.gif) right no-repeat; padding-right:14px;}
.flechita02{background:url(imagenes/flechita02.gif) right no-repeat; padding-right:14px;}



/*	Footer
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/		 
#foot { float:left; background:#0F0F0F; width:980px; padding:5px 0; text-align:center;}
#foot p {font-size:.8em; color:#E6E6E6; line-height:1.4em;}
#foot a{color:#fff;}




