/* MirafloresPeru.html*/
html, body, div, span, applet, object, h1, h2, h3, h4, h5, h6, p, a, em, font, q, s, strong, b, u, i, center, table, tr, th, td {
	margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
/*  vertical-align: baseline;*/
    background: transparent;
}

body {
        line-height: 1;
		background:	#999999 url('../images/fondo-stop.gif') center top	no-repeat; 
}

img {
border:0px;

}
/*************************************/
#container {
	width: 1000px;
	margin: 0 auto 0 auto;
	position: relative;
    font-family: "Verdana", sans-serif;
    font-size: 75%; /* 12px */
    line-height: 1.5; /* 18px */ 
	/*background:#ffffff url(../images/fondo-top.gif) top left  no-repeat ;*/
}

#home #container {
background:#FFFFFF	url(../images/fondo-top.gif) top left no-repeat;
}

#bedrijfsprofiel #container {
background:	url(../images/bgcontent2.gif)	repeat-y top left #ffffff;
}
#guidepe #container {
background:	url(../images/bgcontent2.gif)	repeat-y top left #ffffff;
}


/*****************************************/	
#topdiv {
position: relative;
width:1000px;
height:228px;
display:block;
}	
	
#logo {
	width:785px;
	height:131px;
	margin:0;
	padding:0;
}

#banner {
	position: relative;
	margin-left:272px;
	margin-bottom:22px;	
	width:728px;
	height: 76px;
	text-align:right;
	}
	
#banner a {
	text-decoration:none;
	display: block;
	width: 728px;
	height: 76px;
	}	
	
	
#menuh {
width:1000px;
background-color:#0234A5;
height:39px;
}	
	
#main {
	position: relative;
	margin-left: 195px;
	/*margin-right: 20px;*/
	}

#main2 {
	position: relative;
	margin-top: 0px;
	margin-left: 215px;
	/*margin-right: 20px;*/
	}


#anima {
width:785px;
height:291px;
padding:0;
margin:0;
}

#titfoto {
width:785px;
height:119px;
padding:0;
margin:0;
}

#textohome {
width:206px;
height:291px;
float: left;
margin:0;
padding:0 0 0 2px;
}
#soloanima {
width:554px;
height:291px;
float: left;
margin:0;
padding:0 0 0 2px;
}

/*******************/
#banner1 {
width:255px;
padding:0;
margin:0 0 1px 0;
}

#banner0 {
width:255px;
padding:0;
margin:0 0 18px 0;
}
/***********************/

#bedrijfsprofiel #content {
	margin-right: 185px;
	min-height: 600px;
	padding-bottom:15px;
	}

#home #content {
	margin-right: 0;
	min-height: 600px;
	padding:20px 0 0 0;
	}

#guidepe #content {
	margin-right: 185px;
	min-height: 600px;
	padding-bottom:15px;
	}

#content ul {
	margin-left:15px;
	padding-left:0;
	}
#content ul li {
	list-style-type: disc;
	}
/****************************/

#desarrollo {
margin:0;
padding:30px 22px 30px 25px;
}
/**********************/

p {
	padding-top:0.625em;
	padding-bottom: 0.625em; /* 18px from 12px base */
	}

p em {
	font-size:1.2em;
	}

hr { 
	height: 1px;
	border:none;
	background-color: #ccc;
	margin-top: 30px;
	margin-bottom: 10px;
}

#content a {
color:	#666666;
text-decoration:none;
}

#content a:hover {
text-decoration:	underline;
}

#content h1 {
font-size:18px;
font-weight:bold;
color:#DF0001;
}

#content h2 {
padding:20px 0 5px 0;
font-size:16px;
font-weight:bold;
color:	#333333;
}

#content h4 {
height:18px;
margin:30px 0 20px 0;
padding:10px 0 10px 0;
font-size:18px;
font-weight:bold;
color:#75CAEA;
border-top:#F08B00	solid	1px;
border-bottom:#F08B00	solid	1px;
}

#programa-home {
height:178px;
padding:5px 0 5px 30px;
border-bottom:#CAAE49 	dashed	1px;
}

#programa-home ul {
margin:0;
padding-left:20px;
list-style-type:circle;
}

/***************************************************/

#col-banner {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 185px;
	background: url("../ok/sub-nav.gif") right	top repeat-y;
	padding: 0px; 
	color: #605F65;
	}
#col-banner span {
	display: none;
	}
#col-banner li { /* sub-nav */ 
	height: 55px;
	width: 120px;
	margin: 0 auto;
	}

#col-banner2 {
	position: absolute;
	top: -202px;
	right: 0px;
	width: 310px;
	background: #EBEBEB;
	padding: 20px; 
	color: #605F65;
	font-size:88%;
	}

#col-banner2 a {
text-decoration:none;
color:#FF6600;
font-weight:bold;
}
#col-banner2 a:hover {
text-decoration:underline;
color:#666666;
}

/********************************/

#bloque1 {
padding-left:5px;
background-color:	#F3F3F3;
height:68px;

}
#bloque2 {
padding-left:5px;
height:68px;
}
		
/*****************************************************/		
#navegav {
			position: absolute;
			top: 151px;
			left: 0px;
			width:195px;
			font-size:100%;
			padding:0;
			margin:0;
}

#navegav2 {
			position: absolute;
			top: 10px;
			left: 0px;
			width:215px;
			font-size:100%;
			padding:0 0 20px 0;
}

#navegav3 {
			position: absolute;
			top: 233px;
			right: 28px;
			width:60px;
			height:20px;
			font-size:88%;
			padding:0;
}

.bordeflagon { 
	margin: 0;
	padding: 0;
	border-right: solid #ccc 1px;
	border-bottom: solid #ccc 1px;	
}

.bordeflag { 
	margin: 0;
	padding: 0;
	border: solid #999 1px;
}

/****************************************************/
#navegav #categoria {
width:195px;
height:107px;
padding:0;
margin:0;
background:#fff;
}

#navegav #categoriae {
width:195px;
height:153px;
padding:0;
margin:0;
background:#fff;
}


/*********************** Menu h *********************************/
#navigation {
position:relative;
height:39px;
width:900px;
margin:0;
font-size:1em;
background:#0F1880 	url(../images/boton-off.gif) repeat-x;
}

#navigation ul {
margin:0;
padding:0;
display:inline;
list-style-type:none;
}

#navigation ul li {
display:inline;
}

#navigation ul li a {
height:21px;
margin:0px;
width:98px;
text-align:center;
text-decoration:none;
padding:13px 0 5px 0;
display:block;
float:left;
color:#fff;
border-right:1px solid #1B47B5;
border-left:1px solid #012D93;
background:#0F1880 	url(../images/boton-off.gif) repeat-x;
}

/*
#navigation ul li a:link, #navigation ul li a:visited {
text-decoration:none;
border-right:1px solid #49B7D0;
border-left:1px solid #86E2F5;
background:#0F1880 	url(../images/boton-off.gif) repeat-x;
}
*/
#navigation ul li a:hover {
color:#000D96;
border-right:1px solid #49B7D0;
border-left:1px solid #86E2F5;
background:#20B5E6 	url(../images/boton-on.gif) repeat-x;
}

#navigation .sel a {
color:#000D96;
border-right:1px solid #49B7D0;
border-left:1px solid #86E2F5;
background:#20B5E6 	url(../images/boton-on.gif) repeat-x;

}

#navigation ul li a span {
display:none;
}

/*
#navigation ul li.first a:link, #navigation ul li.first a:visited {
border-left:0px;
}
*/

/*********************** SubMenu h2 *********************************/
#navigation2 {
position:relative;
height:26px;
width:900px;
border-bottom:	#FFFFFF solid 2px;
font-size:1em;
font-weight:bold;
background:	url(../images/bgbotonh2.gif)	repeat-x #FFB000;
}

#navigation2 ul {
margin:0;
padding:0;
display:inline;
list-style-type:none;
}

#navigation2 ul li {
display:inline;
}

#navigation2 ul li a {
height:20px;
margin:0px;
padding:6px 28px 0px 18px;
display:block;
float:left;
color:#414141;
/*border-left:1px solid #FF7500;*/
background:url(../images/bgbotonh3.gif)	no-repeat;
text-decoration:none;
}

#navigation2 ul li a:link, #navigation ul li a:visited {
text-decoration:none;
}

#navigation2 ul li a:hover {
color:	#FFFFFF;
text-decoration:none;
}

#navigation2 .sel a {
color:	#FFFFFF;
}

#navigation2 ul li a span {
display:none;
}

/*********************** SubMenu h2 *********************************/
#navigation4 {
height:24px;
width:300px;
font-size:1em;
}

#navigation4 ul {
margin:0;
padding:0;
display:inline;
list-style-type:none;
}

#navigation4 ul li {
display:inline;
}

#navigation4 ul li a {
height:12px;
margin:5px 5px 5px 0;
padding:4px 28px 8px 18px;
display:block;
float:left;
color:#69CAFF;
/*border-left:1px solid #FF7500;*/
background:url(../images/fondo-boton-off.gif)	no-repeat;
text-decoration:none;
}

#navigation4 ul li a:link, #navigation ul li a:visited {
text-decoration:none;
}

#navigation4 ul li a:hover {
color:	#FFFFFF;
text-decoration:none;
}

#navigation4 .sel a {
color:	#FFFFFF;
}

#navigation4 ul li a span {
display:none;
}


/* -------------------------------- sub menu ----------------------------------- */

#menu {
width:175px;
background:#BF0043;
margin: 0;
padding: 6px 0px 50px 0px;
text-align:left;
}

#menu ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#menu li {
  display: inline: /* :KLUDGE: Removes large gaps in IE/Win */
}

#menu a {
  display: block;
  padding-left:20px;
  width: 155px;
  height: 30px;
  line-height: 30px;
  color: #F78315;
  text-decoration: none;
  background: #BF0043	url(../images/bgbotonv2.gif)  no-repeat left bottom;
  text-indent: 10px;
}

#menu a:hover, #menu .selected a {
  background-color: #DE5D00;
  background-position: right bottom;
  color: #fff;
}

#menu .first a {
  height: 30px;
  line-height: 30px;
}

/* -------------------------------- sub menu2 ----------------------------------- */
#titmenu2 {
width:200px;
height:30px;
margin: 0 0 0 15px;
padding: 15px 0 0 0;
text-align:center;
background:#00008D;
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:100%;
}


#menu2 {
width:158px;
margin: 0 0 0 15px;
padding: 10px 20px 20px 20px;
text-align:left;
background:#E8E6E6;
border-left:#C3C2C2 solid 1px;
border-right:#C3C2C2 solid 1px;
border-bottom:#C3C2C2 solid 1px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

#menu2 ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#menu2 li {
  display: inline: /* :KLUDGE: Removes large gaps in IE/Win */
}

#menu2 a {
  display: block;
  padding-left:10px;
  padding-top:7px;
  width: 148px;
  height: 23px;
  line-height: 20px;
  color: #046297;  
 /* color: #393939;*/
  text-decoration: none;
  background: url(../images/vineta.gif)  no-repeat left top;
  text-indent: 8px;
  border-bottom:#CFCFCF solid 1px;
}

#menu2 a:hover, #menu2 .selected a {
  background-position: left bottom;
  font-weight:bold;
/*  color: #000;*/
}

#menu2 .first a {
  height: 20px;
  line-height: 20px;
}



/*********************TItulo y subtitulo ******************************************/

#titulos {
width:620px;
height:63px;
margin:0;
}

#titulos p {
margin:0;
padding:0;
color:#6E293F;
text-align:right;
font-size:65%;
line-height:12px;
}

#titulos a {
color:#6E293F;
text-decoration:none;
}

#titulos a:hover, #titulos a.selected {
color:#6E293F;
text-decoration: underline;
}

.tit61 {
background:	url(../guia-peru/images/tit-diversion.gif) #ffffff left top	no-repeat; 
}


/********************************************************

#subtitulo {
width:620px;
height:51px;
margin-bottom:20px;
padding:0;
position:relative;
}

#subtitulo h1 {
color: #4A4A4A;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:2.2em;
font-weight:normal;
/*width:620px;*/
/*
height:26px;
line-height:24px;
margin:0;
padding:25px 0px 0px 25px;
}

#subtitulo h1 span {
display:none;
}

#sub61 { background:	url(../guia-peru/images/subtitulo-diversion.gif) #CACACA left top	no-repeat; }
#sub301 { background:	url(../guia-peru/images/subtitulo-discotecas.gif) #CACACA left top	no-repeat; }


/****************************/
#fondo1 { background: #ECECEC no-repeat; }
#miraflores { background:url(../turismo-miraflores-lima-peru/images/titulo-miraflores2.gif) #ECECEC left top no-repeat; }

/****************************/

#paginas {
position:absolute;
top: 28px;
right: 28px;
width:128px;
height:19px;
color:#CFCFCF;
font-size:70%;
text-align:right;
}

#paginas a {
color:#CFCFCF;
text-decoration:none;
}

#paginas a:hover, #paginas a.selected {
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
}

#paginas2 {
position:absolute;
top: 32px;
right: 25px;
width:200px;
height:19px;
color:#CFCFCF;
font-size:0.9em;
text-align:right;
}

#paginas2 a {
color:	#333333;
text-decoration:none;
}

#paginas2 a:hover, #paginas a.selected {
color:	#000000;
text-decoration:underline;
}




/*********************************/

#espaciado1 {
padding:0px 25px 25px 25px;
}

#espaciado1 a {
color:#000099;
}

#espaciado1 a:hover {
color:	#666666;
}

#espaciado1 h2 {
color:#FF9A00;
font-size: 1.5em;
padding-top:0.5em;
font-weight: 700;
}


.floatright { 
	float: right; 
	margin: 0 0 5px 20px;
	padding: 0;
	border: solid #DCDCDC 2px;
}

.floatright2 { 
	float: right; 
	margin: 20px 0 20px 20px;
	padding: 0;
	border: solid #A2A2A2 4px;
}

.floatleft { 
	float: left; 
	margin: 0 20px 20px 30px;
	padding: 0;

}




.floatleft2 { 
	float: left; 
	margin: 20px 20px 20px 0;
	padding: 0;
	border: solid #A2A2A2 5px;
}

.floatleft3 { 
	float: right; 
	margin: 0 5px 0 20px;
	padding: 0;
	border: solid #A2A2A2 5px;
}
/*
.floatleft3 { 
	float: left; 
	margin: 0 20px 0 5px;
	padding: 0;
	border: solid #A2A2A2 5px;
}
*/
#bloque-imagen {
margin:10px 0 20px 0;
padding:0px;
height:120px;
}

.floatdestacado { 
	float: left; 
	margin: 0 10px 5px 0;
	padding: 0;
	border: solid #fff 3px;
}

.floatcenter { 
	margin: 0 20px 10px 0;
	padding: 0;
	border: solid #252525 6px;
}


/******************* bloques ***************************/

#bloquede4 {
height:178px;
margin-left:10px;
margin-right:10px;
margin-bottom:20px;
}

#image1,
#image2,
#image3,
#image4
{
width:150px;
height:150px;
display:block;
float:left;
}

#image1
{
margin-top:10px;
margin-left:0;
margin-bottom:8px;
border-top:solid #D7D7D7 7px;
border-right:solid #D7D7D7 7px;
border-bottom:solid #B3B2B2 7px;
border-left:solid #B3B2B2 7px;
}

#image2
{
margin-top:10px;
margin-left:18px;
margin-bottom:8px;
border-top:solid #D7D7D7 7px;
border-right:solid #D7D7D7 7px;
border-bottom:solid #B3B2B2 7px;
border-left:solid #B3B2B2 7px;
}

#image3
{
margin-top:10px;
margin-left:18px;
margin-bottom:8px;
border-top:solid #D7D7D7 7px;
border-right:solid #D7D7D7 7px;
border-bottom:solid #B3B2B2 7px;
border-left:solid #B3B2B2 7px;
}

#image4
{
margin-top:10px;
margin-left:18px;
margin-bottom:8px;
border-top:solid #D7D7D7 7px;
border-right:solid #D7D7D7 7px;
border-bottom:solid #B3B2B2 7px;
border-left:solid #B3B2B2 7px;
}


/********************  en /guias/index.php    ****************************/

#con-guias {
margin:0;
padding:20px;
}

#con-guias h3 {
margin:0;
padding:0;
font-weight:normal;
text-align:center;
border-bottom:#CCCCCC	dotted	1px;	
}

#con-guias p {
margin:0;
padding: 5px 0 0 15px;
line-height:16px;
}

#guia-col1 {
width:180px;
height:180px;
float:left;
margin:0;
padding:0;
left:0;
text-align:left;
clear:left;
}

#guia-col2, #guia-col3
{
width:180px;
height:180px;
text-align:left;
display:block;
float:right;
}

#guia-col2
{
margin-top:0;
margin-left:20px;
}

#guia-col3
{
margin-top:0;
margin-left:20px;
}

.icon-guias {
margin:0;
padding:0;
border:#CCCCCC	solid	5px;
}

/*************** Noticias Home ***********************************/

#noti-home {
height:110px;
margin-bottom:20px;
}

#noti-home h3 {
margin:0;
padding:0;
font-size:1em;
line-height:18px;
}

#noti-home p {
margin:0;
padding:0;
font-size:0.9em;
}

#noti-home p a{
text-decoration:underline;
color:#FF6600;
}

#noti-home p a:hover{
text-decoration:normal;
}


.floatlefthome { 
	float: left; 
	margin: 0 10px 10px 0;
	padding: 0;
	border: solid #A2A2A2 3px;
}

/**************** banner guia *********************/

#bannerguia1 {
margin-top:35px;
margin-left:30px;
}

#bannerguia2 {
margin-top:10px;
margin-left:10px;
}

/***************** links home bottom ***************/

#links {
	background:	#666666;
	width: 940px;
	color: #ffffff;
	text-align: left;
	margin-top:20px;
	padding:20px 30px 20px 30px;
	border-top:solid #FFFFFF 2px;
	font-size:0.85em;
	}

#links p {
	padding:8px 10px 0 0;
	letter-spacing: 1px;
	}


#links ul {
margin:0;
padding:0;
display:inline;
list-style-type:none;
}

#links ul li {
display:inline;
}

#links ul li a {
height:21px;
margin:0px;
padding-right: 5px;
/*display:block;*/
/*float:left;*/
color:#CCCCCC;
text-decoration:none;
}

#links ul li a:hover {
text-decoration:underline;
}

#links ul li a span {
display:none;
}

/***************** Bloques inicio ************************/

#bloquehome {
width:738px;
height:192px;
margin:20px 0 30px 0;
padding:0 0 20px 0;
border-bottom:#999999	dotted 1px;
}
#bloque1h {
float:left;
width:212px;
height:192px;
margin:0 50px 0 0;
padding:0;
}
#bloque2h {
float:left;
width:212px;
height:192px;
margin:0 50px 0 0;
padding:0;
}
#bloque3h {
float:left;
width:212px;
height:192px;
margin:0;
padding:0;
}

.borde1 {
border:#D4D4D4 solid 2px;
}
.borde2 {
border:#D4D4D4 solid 4px;
}
/***************** Footer ************************/

#footer {
	position:relative;
	background:#E2DEDB;
	width: 1000px;
	color: #354D62;
	height: 60px;
	text-align: center;
	margin:30px 0 0 0;
	padding:0px;
	font-size:0.9em;
	}

#footer p {
	padding-top:12px!important;
	padding-right:10px;
	letter-spacing: 1px;
	margin: 0 25px 0 25px;
	}

form {
margin:0;
padding:5px 0 5px  30px;
background:#E2DEDB;
}

#design {
	position: absolute;
	top: 42px;
	right: 18px;
	font-family:	Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}

#design a {
color:	#B0B0B0;
text-decoration:none;
}

#design a:hover {
color:	#CCCCCC;
}

/*******************************************************/


/**********************************/

#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../css/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../css/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../css/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color:#0000FF;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}