/* 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;
}

img {
border:0px;

}
/*************************************/
#container {
	width: 950px;
	margin: 0 auto 0 auto;
	position: relative;
    font-family:	Verdana, Arial, Helvetica, sans-serif;
    font-size: 88%; /* 12px */
    line-height: 1.5; /* 18px */ 
	color:#626262;
}
/************************************/

#home2b {
		background:		url(../images/bg-new02b.gif) #ffffff	repeat-x	top	left; 
}


#home {
		background:		url(../images/bg-new02.gif) #ffffff	repeat-x	top	left; 
}

/*****************************************/	
#topdiv {
position: relative;
width:950px;
height:127px;
display:block;
margin-top:8px;
}	
	
#menuh {
	position:absolute;
	top:0;
	left:299px;
	width:650px;
	height:127px;
	margin:0;
	padding:0;
}
	
	
#main {
	position: relative;
	margin-left: 195px;
	/*margin-right: 20px;*/
	}

#main2 {
	position: relative;
	margin:0;
	padding-left:250px;
	}
	
/***********************/

#home #content {
	margin:0;
	padding:0 0 30px 0;
	}

#content ul {
	padding-left:40px;
	}
#content ul li {
	list-style-type: disc;
	}

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


#head-content {
width:635px;
height:200px;
margin:0;
padding:0;
}

#content h1 {
margin:16px 0 20px 0;
padding:5px 0 0 10px;
width:588px;
height:35px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:24px;
font-weight:normal;
color:	#626262;
}

#content h2 {
padding-top:20px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
color:#FFAF02;
font-weight:bold;
}

#content h3 {
margin-top:35px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
color:#ffffff;
}

#content h5 {
padding-top:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#ffffff;
}

#content h6 {
height:80px;
margin-top:30px;
padding:20px 0 0 100px; 
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:20px;
color:#036EB2;
line-height:30px;
}

.m1 {
background:url(../images/corporativo.jpg)	no-repeat;
}

.m2 {
background:url(../images/mandatario.jpg) 	no-repeat;
}

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

p em {
	font-size:1.2em;
	}

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


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

#barra1 {
position:relative;
margin-right:350px;
margin-bottom:20px;
height:234px
}

#barra2 {
	position:absolute;
	top:0px;
	right:-336px;
	width: 298px;
}
		
/*****************************************************/		
#navegav {
			position: absolute;
			top: 151px;
			left: 0px;
			width:195px;
			font-size:100%;
			padding:0;
			margin:0;
}

#navegav2 {
			position: absolute;
			top:140px;
			left:0;
			width:193px;
			font-size:100%;
			margin:0;			
			padding:10px 0 30px 28px;
			z-index:999;
}

#navegav3 {
			position: absolute;
			top:0px;
			left:0;
			width:200px;
			font-size:100%;
			margin:0;			
			padding:10px 0 30px 10px;
			z-index:999;
}

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


.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;
}


/* --------------------------------------------- TOPNAVIGATIE --------------------------------------------- */

#topnavigatie { width: 650px; padding: 0; margin: 0; }
#topnavigatie li span { display: none; }
#topnavigatie ul { list-style: none; padding: 0; margin: 0; height: 127px; }
#topnavigatie li { float: left; margin: 0; }
#topnavigatie li a { display: block; text-decoration: none; font-weight: bold; height: 127px; margin: 0; padding: 0; }

/* Home */
li#home/* hide ie5 */{ background: url("../images/bot-home-on.gif") transparent no-repeat; width: 130px; }
li#home a { background: url("../images/bot-home.gif") transparent no-repeat; width: 130px; }
li#home.current a, li#home a:hover { background: url("../images/bot-home-on.gif") transparent no-repeat; width: 130px;}

/* Empresa */
li#empresa/* hide ie5 */ { background: url("../images/bot-empresa-on.gif") no-repeat; width: 130px; }
li#empresa a { background: url("../images/bot-empresa.gif") no-repeat; width: 130px; }
li#empresa.current a, li#empresa a:hover { background: url("../images/bot-empresa-on.gif") no-repeat; width: 130px; }

/* Diseņo */
li#diseno/* hide ie5 */ { background: url("../images/bot-productos-on.gif") no-repeat; width: 130px; }
li#diseno a { background: url("../images/bot-productos.gif") no-repeat; width: 130px; }
li#diseno.current a, li#diseno a:hover { background: url("../images/bot-productos-on.gif") no-repeat; width: 130px;}

/* Soporte */
li#soporte/* hide ie5 */ { background: url("../images/bot-servicios-on.gif") no-repeat; width: 130px; }
li#soporte a { background: url("../images/bot-servicios.gif") no-repeat; width: 130px; }
li#soporte.current a, li#soporte a:hover { background: url("../images/bot-servicios-on.gif") no-repeat; width: 130px;}

/* Soporte */
li#contacto/* hide ie5 */ { background: url("../images/bot-contactenos-on.gif") no-repeat; width: 130px; }
li#contacto a { background: url("../images/bot-contactenos.gif") no-repeat; width: 130px; }
li#contacto.current a, li#contacto a:hover { background: url("../images/bot-contactenos-on.gif") no-repeat; width: 130px;}



/* --------------------------------------------- TOP IMAGES 0 --------------------------------------------- */


#navigation2 {
position:relative;
height:26px;
width:930px;
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
padding-left:30px;
padding-top:6px;
}

#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:4px 15px 2px 0;
display:block;
float:left;
color:	#626262;
text-decoration:underline;
}


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

#navigation2 .sel a {
text-decoration:none;
}

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



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

#bloque-tit {
margin:0;
padding:8px 0 6px 0;
}


#menu2 {
width:192px;
margin: 0px;
padding: 0 0 20px 0;
text-align:left;
font-family:	Arial, Helvetica, sans-serif;
font-size:100%;
}

#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-top:5px;
  padding-left:10px;
  width: 182px;
  height: 33px;
  line-height: 26px;
  color: #fff;  
  text-decoration: none;
  background: url(../images/vineta.gif)  no-repeat left top;
  text-indent: 10px;
}

#menu2 a:hover, #menu2 .selected a {
  background-position: left bottom;
}

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



/* -------------------------------- sub menu2 ----------------------------------- */



/*********************TItulo y subtitulo ******************************************/
#animacion {
width:622px;
height:245px;
margin:0;
padding:0;
}

#titulos {
width:700px;
height:204px;
margin:0;
padding:0;
}

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

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

#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 20px 20px;
	padding: 0;
}

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

.floatleft { 
	float: left; 
	margin: 0 20px 0 10px;
	padding: 0;
	border:#FFAF02	solid	4px;
}

.floatright5 { 
	float: right; 
	margin: 0 0 20px 20px;
	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;
}

.floatbanner { 
	margin:0;
	padding:0;
	border:#FFFFFF	solid	4px;
}
/*
.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;
}



/*************** Eventos Home ***********************************/



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





/***************** Footer ************************/

#footer {
	position:relative;
	width: 950px;
	color:	#636562;
	height: 110px;
	text-align: left;
	margin-top:15px;
	padding:0;
	font-size:0.85em;
	border-top:	#eeeeee	1px	solid;
	}

#footer p {
	padding-top:12px!important;
	padding-left:10px;
	margin: 0;
	}

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

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

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

#fabrica {
	position: absolute;
	top: 62px;
	right: 14px;
	text-align: right;
	font-family:	Verdana, Arial, Helvetica, sans-serif;
	padding:0;
	width: 345px;
	height: 29px;
}

#subir a {
color:#555555;
text-decoration: underline;
}

#subir a:hover {
text-decoration: none;
}


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

#asociados {
padding:10px;
background:#828183;
text-align:center;
margin-bottom:6px;
}
#asociados p {
color:#FFFFFF;
text-align:left;
}

#asociados img {
margin:0 0 5px 0;
}
/*********************TItulo y subtitulo ******************************************/


/************************ SPONSORS *******************************/

#sponsors {
padding:10px;
background:#EFF0F4;
text-align:center;
margin-top:6px;
margin-bottom:6px;
}
#sponsors p {
color:#0071B0;
text-align:left;
}

#sponsors img {
margin:0 0 5px 0;
}
/*********************TItulo y subtitulo ******************************************/
/******************* bloques ***************************/

#bloquede4 {
height:155px;
margin-bottom:10px;
}

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

#image1
{
margin-top:5px;
margin-left:10px;
margin-bottom:5px;
border:solid #eeeeee 6px;
}

#image2
{
margin-top:5px;
margin-left:20px;
margin-bottom:5px;
border:solid #eeeeee 6px;
}

#image3
{
margin-top:5px;
margin-left:20px;
margin-bottom:5px;
border:solid #eeeeee 6px;
}

#image4
{
margin-top:5px;
margin-left:20px;
margin-bottom:5px;
border:solid #eeeeee 6px;
}



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


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

#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:	#999999;
	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 */
	}