/*
-----------------------------------------------------------
Titulo:			Perou  Insolite - Screen
Autor:			Francisco Medina fmedina@brahmaproducciones.com
Actualizado:	14 Marzo 2007
Version:		1.0
-----------------------------------------------------------
*/
body {
text-align: center;
background-color: #731a1a;
font-family: Arial, Helvetica, sans-serif;
}
html{
scrollbar-base-color:#990000;
scrollbar-arrow-color:#ffffff;
scrollbar-highlight-color:#ff0000;
}
#container {
margin: 0px auto;
width: 779px;
text-align: left;
}
#menu {
height: 28px;
width: 779px;
background: #ED872D url(imgs/bkg-kbz.gif) repeat-x left top;
position: relative;
border-bottom: 1px solid #FFFFFF;
margin: 0px;
padding: 0px;
}
#menu #logo {
position: absolute;
left: -8px;
top: 15px;
}
#menu ul {
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 2px;
	right: 5px;
	
}
#menu li {
display: inline;
margin: 0px;
padding: 0px;
}

#menu a {
color: #FFFFFF;
text-decoration: none;
font-size: 75%;
font: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
line-height: 23px;
margin: 0px;
padding: 2px 4px 3px;
border-top: 1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;
border-bottom: none;
border-left: none;
}
#menu a.contacto {
color: #FFFFFF;
text-decoration: none;
font-size: 80%;
line-height: 23px;
margin: 0px;
padding: 0px 4px;
border-top: 1px solid #FFFFFF;
border-right: none;
border-bottom: none;
border-left: none;
}
#menu a:hover {
background: #993300;
}
#menu a.contacto:hover {
background: #993300;
}

body.accueil #menu a.accueil, body.quisommesnous #menu a.quisommesnous, body.termesetconditions #menu a.termesetconditions, body.temoignage #menu a.temoignage, body.infosutiles #menu a.infosutiles, body.albumphotos #menu a.albumphotos, body.contact #menu a.contact {
background: #993300;
}
#flash {
background: #FF9900 url(imgs/bkg-flash.jpg) repeat-x left top;
height: 191px;
width: 779px;
}


#principal {
background: #990000;
border-top: 1px solid #E7CAAE;
position: relative;
width: 779px;
margin: 0px;
padding: 0px;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;

}
#anuncio {
width: 650px;

margin-right: 5px;
padding-right: 60px;
font: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-style: oblique;
color: #FFFFFF;
font-weight: bold;
}
#principal-i {
float: left;
width: 185px;
height: 475px;
background: #990000 url(imgs/bkg-iz.jpg) repeat-y left top;
position: relative;
}
#principal-i #bnr-vertical {
	position: absolute;
	z-index: 10;
	left: 10px;
	top: 10px;
}

#principal-i #esquina-izq-inf {
position: absolute;
right: 0px;
bottom: 0px;
}
#principal-i .foto-izq {
margin: 0px 0px 0px 2px;
padding: 0px;
}
#principal-c {
	background: #990000 url(imgs/bkg-cent.jpg) no-repeat left top;
	position: relative;
	padding: 0px;
	margin: 0px 164px 0px 186px;
	height: 475px;
}
#principal-c h1 {
	text-align: center;
	font-size: 110%;
	font-weight: normal;
	border-bottom: 1px solid #DB5F5F;
	padding: 40px 0px 3px;
	color: #FF9933;
	margin: 0px 40px 10px;
}
#principal-c span {
color: #FFFFFF;
} 
#principal-c p {
color: #FFFFFF;
margin: 0px 25px;
text-align: justify;
padding: 8px 0px 0px;
font: normal 13px Verdana, Arial, Helvetica, sans-serif;
}
#principal-c h2 {
	text-align: justify;
	font-size: 13px;
	font-weight: bold;
	
	padding: 8px 0px 0px;
	color: #FF9933;
	margin: 0px 20px;
}
#principal-c h3 {
	text-align: justify;
	font-size: 13px;
	font-weight: bold;
	
	padding: 8px 0px 0px;
	color: #FF9933;
	margin: 0px 20px;
}
#principal-txts {
    position: relative;
	overflow: auto;
	height: 370px;
	margin: 0px;
	padding: 0px;
}
#principal-d {
background: #990000 url(imgs/bkg-der-top.jpg) no-repeat left top;
float: right;
position: absolute;
height: 475px;
top: 0px;
right: 0px;
width: 163px;
margin: 0px;
padding: 0px;
border-style: none;
}
#principal-d a {
	color: #FFFFFF;
	text-decoration: none;
	line-height: 23px;
	margin: 0px 0px 0px 30px;
	padding: 2px 3px;
	font-size: 13px;
	font-weight: bold;
}

body.cualquiernombre #principal-d a {

}


#principal-d a:hover {
	color: #FFFFFF;
	text-decoration: none;
	line-height: 23px;
	margin: 0px 0px 0px 30px;
	padding: 2px 3px;
	font-size: 13px;
	font-weight: bold;
	background: #993300;
}

#principal-d-contenidos {
	width: 158px;
	margin-left: 2px;
	margin-top: 20px;
}
#principal-d-titu {
height: 45px;
width: 163px;
margin: 0px;
padding: 0px;
}
/*#menud {
height: auto;
width: 163px;
background: #650000 ;
position: relative;
border-bottom: 0;
margin: 0px;
padding: 0px;
text-decoration: none;
}

#menud ul {
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	top: 0px;
	bottom: 0px;
	list-style: none;
}
#menud li {
position: relative;
border-bottom: 1px solid #990000;
margin: 0px;
padding: 0px;
width: 163px;
text-decoration: none;
}

#menud a {
color: #FFFFFF;
text-decoration: none;


}
#menud a.contacto {
color: #FFFFFF;
}
#menud a:hover {
background-image: url(imgs/fondo.jpg);
background-repeat: repeat-x;


}
#menud a.contacto:hover {
background-image: url(imgs/fondo.jpg);
background-repeat: repeat-x;
width: 161px;
text-align: right;
}
body.accueil #menud a.accueil, body.quisommesnous #menud a.quisommesnous, body.termesetconditions #menud a.termesetconditions, body.temoignage #menud a.temoignage, body.infosutiles #menud a.infosutiles, body.albumphotos #menud a.albumphotos, body.contact #menud a.contact {
background-image: url(imgs/fondo.jpg);
background-repeat: repeat-x;
width: 161px;
text-align: right;

}*/
#cbz_col_der {
position: absolute;
font-size: 70%;
color: #FFFFFF;
left: 20px;
top: 5px;
margin: 0px;
padding: 0px;
width: 120px;

}
#principal-j {
float: left;
width: 779px;
height: 475px;
background: #880000 url(imgs/fondoquienessomos.jpg) left top;
background-repeat: no-repeat;
position: relative;
}
#principal-j a {
	color: #FFFFFF;
	text-decoration: none;
	line-height: 23px;
	
	margin: 0px 0px 0px 647px;
	padding: 2px 3px;
	font-size: 13px;
	font-weight: bold;
}

body.cualquiernombre #principal-j a {
background: #993300;
}


#principal-j a:hover {
	color: #FFFFFF;
	text-decoration: none;
	line-height: 23px;
	margin: 0px 0px 0px 647px;
	padding: 2px 3px;
	font-size: 13px;
	font-weight: bold;
	background: #993300;
}

#principal-j-contenidos {
	width: 158px;
	margin-left: 2px;
	margin-top: 20px;
}
#principal-j h1 {
	text-align: left;
	font-size: 17px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0px 0px 3px 100px;
	color: #FF9933;
	margin: 0px 40px 10px;
}
#principal-j span {
color: #FFFFFF;
}
#franc {
		position: relative;
		float: left;
		margin-top: 0px;
		left: 140px;
		margin-bottom: 5px;
   		height: 181px;
		width: 130px;
		
} 

 #franctext {
		
		margin-top: 0px;
		margin-left: 270px;
		margin-bottom: 5px;
   		height: 181px;
		width: 480px;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imgs/fondof.png',sizingMethod='scale');
} 
div>#franctext {
     background-image:url(imgs/fondof.png);
  }
 #texto {
	
	height: 149px;
	margin: 10px 17px 0 10px;
	padding: 0px;
}
 #texto p {
font: normal 13px verdana, Arial, Times New Roman, serif;
        color: #ffffff;
		margin: 6px 0 1px 0;
		text-align:justify;
		line-height: 18px;
		padding: 0px 5px 0px 6px;
}
 #texto span {
	
	color: #FF9933;
	
}
#principal-j h2 {
	text-align: justify;
	font-size: 12px;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0px 0px 3px 100px;
	color: #FFffcc;
	margin: -15px 40px 10px;
}
#principal-k {
float: left;
width: 779px;
height: 475px;
background: #880000 url(imgs/fondotestimonios.jpg) left top;
background-repeat: no-repeat;
position: relative;
}
/*revisar estos estilos*/
#principal-k a {
	color: #FFFFFF;
	text-decoration: none;
	line-height: 23px;
	
	margin: 0px 0px 0px 647px;
	padding: 2px 3px;
	font-size: 13px;
	font-weight: bold;
}

body.cualquiernombre #principal-k a {
background: #993300;
}

#principal-k a:hover {
	color: #FFFFFF;
	text-decoration: none;
	line-height: 23px;
	margin: 0px 0px 0px 647px;
	padding: 2px 3px;
	font-size: 13px;
	background: #993300;
}

#principal-k-contenidos {
	width: 158px;
	margin-left: 2px;
	margin-top: 20px;
}
#principal-k h1 {
	text-align: left;
	font-size: 17px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0px 0px 3px 100px;
	color: #FF9933;
	margin: 0px 40px 10px;
}
#principal-k h2 {
	
	text-align: justify;
	font-size: 13px;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0px 0px 3px 100px;
	color: #FFFFFF;
	margin: 0px 40px 10px;
}
#principal-k span {
color: #FFFFFF;
}
#principal-txts1 {

	position: relative;
	overflow: auto;	
	
	height: 390px;
	margin: 0px;
	padding: 0px;
}
#testimonio {
		
		margin-top: 0px;
		margin-left: 125px;
		margin-bottom: 5px;
   		height: 183px;
		width: 617px;
		background-image: url(imgs/fondotestimonios1.jpg);
} 
#testimagen {
position: relative;
float: left;
padding: 18px 20px 0 15px;
} 
#testimonio-txts2 {
position: relative;
	overflow: auto;
	height: 150px;
	top: 15px;
    left: -8px;
	}
 #texto1 {
 position: relative;
    width: 390px;
	float: left;
	height: auto;
	margin: 0px 0px 0 0px;
	padding: 1px 0 0 5px;
}
 #texto1 p {
font: normal 13px verdana, Arial, Times New Roman, serif;
        color: #ffffff;
		margin: 0px 0 1px 0;
		text-align:justify;
		line-height: 18px;
		
}
#principal-l {
background: #990002;

position: relative;
float: left;
width: 170px;
height: 475px;
margin: 0px;
padding: 0px;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
#principal-l a {
	color: #FFFFFF;
	text-decoration: none;
	line-height: 23px;
	margin: 0px 0px 0px 30px;
	padding: 2px 3px;
	font-size: 80%;
}
#principal-m {
background: #990000;
float: right;
position: absolute;
height: 475px;
top: 0px;
right: 0px;
width: 183px;
margin: 0px;
padding: 0px;
border-style: none;
}
#principal-m .foto-izq {
margin: 10px 0px 0px 5px;
padding: 0px;
}
#menud1 {
height: auto;
width: 187px;
background-color: #650000;
float: left;
position: relative;
border-bottom: 0;
margin: 0px;
padding: 0px;
text-decoration: none;
}

#menud1 ul {
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	top: 0px;
	bottom: 0px;
	list-style: none;
}
#menud1 li {
position: relative;
border-bottom: 1px solid #990000;
margin: 0px;
padding: 0px;
width: 187px;
text-decoration: none;
}

#menud1 a {
color: #FFFFFF;
text-decoration: none;
font: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;

}
#menud1 a.contacto {
color: #FFFFFF;

}
#menud1 a:hover {
background-image: url(imgs/fondo.jpg);
background-repeat: repeat-x;


}
#menud1 a.contacto:hover {
background-image: url(imgs/fondo.jpg);
background-repeat: repeat-x;
width: 161px;
text-align: right;
}

#principal-n {
	background: #C00405 url(imgs/bkg-cent.jpg) no-repeat left top;
	position: relative;
	padding: 0px;
	margin: 0px 186px 0px 186px;
	height: 475px;
}
#principal-n h1 {
	text-align: center;
	font-size: 110%;
	font-weight: normal;
	border-bottom: 1px solid #DB5F5F;
	padding: 40px 20px 3px;
	color: #FF9933;
	margin: 0px 40px 10px;
}
#principal-n span {
color: #FFFFFF;
} 
#principal-n p {
color: #FFFFFF;
margin: 0px 25px;
text-align: justify;
padding: 8px 0px 0px;
font: normal 13px Verdana, Arial, Helvetica, sans-serif;
}
#principal-n h2 {
	text-align: justify;
	font-size: 13px;
	font-weight: bold;
	
	padding: 8px 0px 0px;
	color: #FF9933;
	margin: 0px 20px;
}
#principal-n h3 {
	text-align: justify;
	font-size: 13px;
	font-weight: bold;
	
	padding: 8px 0px 0px;
	color: #FF9933;
	margin: 0px 20px;
}
 #principal-txts span {
	
	color: #FF9933;
	
}
#formulariocontacto .rotulo{
               width: 175px;
			   font-weight: bold;
               float: left;
               margin-top: 5px;
			   /*nuevo
			   color: #FF9933;
			   --------*/
	}
	#formulariocontacto1 .detalle{
              margin-top: 3px;
	}
	#formulariocontacto1 .rotulo{
               width: 280px;
			   font-weight: bold;
               float: left;
               margin-top: 5px;
			   /*nuevo
			   color: #FF9933;
			   --------*/
	}
	#formulariocontacto .detalle{
              margin-top: 3px;
	}
	#principal-q {
	background: #C00405 url(imgs/fondogroupe.jpg) no-repeat left top;
	position: relative;
	float: left;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	height: 475px;
	width: 591px;
}
#principal-q h1 {
	text-align: center;
	font-size: 110%;
	font-weight: normal;
	border-bottom: 1px solid #DB5F5F;
	padding: 40px 20px 3px;
	color: #FF9933;
	margin: 0px 40px 10px;
}
#principal-q span {
color: #FFFFFF;
} 
#principal-q p {
color: #FFFFFF;
margin: 0px 25px;
text-align: justify;
padding: 8px 0px 0px;
font: normal 13px Verdana, Arial, Helvetica, sans-serif;
}
#principal-q h2 {
	text-align: justify;
	font-size: 13px;
	font-weight: normal;
	
	padding: 8px 0px 0px;
	color: #FF9933;
	margin: 0px 20px;
}
#principal-q h3 {
	text-align: justify;
	font-size: 13px;
	font-weight: bold;
	
	padding: 8px 0px 0px;
	color: #FF9933;
	margin: 0px 20px;
}
#individual {
		
		margin-top: 5px;
		margin-left: 25px;
		margin-bottom: 5px;
   		height: 133px;
		width: 524px;
		background-image: url(imgs/fondotourindividuel.jpg);
} 

#individual-txts2 {
position: relative;
	overflow: auto;
	height: 100px;
	top: 15px;
    left: -8px;
	}
 #texto2 {
 position: relative;
    width: 480px;
	float: left;
	height: auto;
	margin: 0px 0px 0 10px;
	padding: 1px 0px 0 10px;
}
 #texto2 p {
font: normal 12px verdana, Arial, Times New Roman, serif;
        color: #ffffff;
		margin: 0px 0 1px 0;
		text-align:justify;
		line-height: 15px;
		
}
 #texto2 h3 {
    text-align: justify;
	font-size: 80%;
	font-weight: bold;
	text-decoration: none;
	padding: 8px 0px 0px;
	color: #FF9933;
	margin: 0px 20px;
}
#principal-r {
	background: #C00405 url(imgs/fondocircuit.jpg) no-repeat left top;
	position: relative;
	float: left;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	height: 475px;
	width: 615px;
}
#principal-r h1 {
	text-align: left;
	font-size: 110%;
	font-weight: normal;
	
	padding: 33px 0px 0px;
	color: #FF9933;
	margin: 0px 10px 0px;
}
#principal-r span {
color: #FFFFFF;
} 
#principal-r p {
color: #FFFFFF;
margin: 0px 14px 0 5px;
text-align: justify;

padding: 5px 0px 0px;
font: normal 13px Verdana, Arial, Helvetica, sans-serif;
}
#principal-r h2 {
	text-align: justify;
	font-size: 13px;
	font-weight: normal;
	
	padding: 8px 0px 0px;
	color: #FF9933;
	margin: 0px 20px;
}
#principal-r h3 {
	text-align: justify;
	font-size: 13px;
	font-weight: normal;
	
	padding: 8px 0px 0px;
	color: #FF9933;
	margin: 0px 20px;
}

#visitas {
position: relative;
top: 30px;
}
#principal-s {
	background: #C00405 url(imgs/fondolima.jpg) no-repeat left top;
	position: relative;
	float: left;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	height: 475px;
	width: 615px;
}
#principal-s h1 {
	text-align: center;
	font-size: 110%;
	font-weight: normal;
	border-bottom: 1px solid #DB5F5F;
	padding: 40px 20px 3px;
	color: #FF9933;
	margin: 0px 40px 10px;
}
#principal-s span {
color: #FFFFFF;
} 
#principal-s p {
color: #FFFFFF;
margin: 0px 25px;
text-align: justify;
padding: 8px 0px 0px;
font: normal 13px Verdana, Arial, Helvetica, sans-serif;
}
#principal-s h2 {
	text-align: justify;
	font-size: 80%;
	font-weight: bold;
	
	padding: 8px 0px 0px;
	color: #FF9933;
	margin: 0px 20px;
}
#principal-s h3 {
	text-align: center;
	font-size: 90%;
	font-weight: bold;
	
	padding: 8px 0px 0px;
	color: #FF9900;
	margin: 0px 20px;
}
#excursion {

top: 8px;
width: 100%;
text-align: center;
}
#principal-txts3 {
 overflow: auto;
        height: 390px;
        margin: 0px;
        padding: 0px;
        width: 100%;
	}
	#contetxt{
     width: 97%;
}
/*---- t -----*/
#principal-t {
float: left;
width: 779px;
height: 475px;
background: #880000 url(imgs/fondotestimonios.jpg) left top;
background-repeat: no-repeat;
position: relative;
}
/*revisar estos estilos*/

/*body.cualquiernombre #principal-t a {
background: #993300;
}
*/
/*esto aumente*/
.hola{
	color: #FFFFFF;
	text-decoration: none;
	line-height: 23px;
	margin: 0px 0px 0px 647px;
	padding: 2px 3px;
	font-size: 13px;
	font-weight: bold;
/*	background: #993300;*/
}

.chau{
	color: #FFFFFF;
	text-decoration: none;
	line-height: 23px;
	margin: 0px 0px 0px 647px;
	padding: 2px 3px;
	font-size: 13px;
	font-weight: bold;
	background: #993300;
}



#principal-t-contenidos {
	width: 158px;
	margin-left: 2px;
	margin-top: 20px;
}
#principal-t h1 {
	text-align: left;
	font-size: 17px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0px 0px 3px 100px;
	color: #FF9933;
	margin: 0px 40px 10px;
}
#principal-t span {
color: #FFFFFF;
}

/*----- fin t ----*/
#menudd {
height: auto;
width: 163px;
background: #650000 ;
position: relative;
border-bottom: 0;
margin: 0px;
padding: 0px;
text-decoration: none;
}

#vertnav {
        margin: 0px;
        padding: 0px;
        text-decoration: none;
        top: 0px;
        bottom: 0px;
        list-style: none;
}

  #vertnav ul {

      padding:0;
      margin:0;
      list-style: none;
      width:160px;
      overflow:visible;
      position:absolute;
  }
  #vertnav li {
     position: relative;
	 
     border-bottom: 1px solid #990000;
	 
     width: 163px;
     text-decoration: none;

  }
#vertnav li ul li {
     position: relative;
    
	 right: 0px;
	 padding-right: 0px;
	 
	 text-align: right;
     width: 220px;
     text-decoration: none;

  }



  #vertnav li:last-child{


  }


  #vertnav li:hover, #vertnav a:hover{
     background-image: url(imagenes/icobotonsobre.gif);
     background-repeat: no-repeat;
     background-position: left center;
     color: #000;
  }


  #vertnav ul, #vertnav ul ul, #vertnav ul ul ul,#vertnav ul ul ul ul,#vertnav ul ul ul ul ul{
      display:none;
      position:absolute;
      top:0;
      left:-221px;
      width: 220px;
     
	  /*background-image: url(imgs/fondosub.jpg);
	  background-repeat: repeat;*/
      background: #650000 ;
  }
  #vertnav li:hover ul ul, #vertnav li:hover ul ul ul, #vertnav li:hover ul ul ul ul, #vertnav li:hover ul ul ul ul ul{
      display:none;
  }

  #vertnav li:hover ul, #vertnav ul li:hover ul, #vertnav ul ul li:hover ul, #vertnav ul ul ul li:hover ul, #vertnav ul ul ul ul li:hover ul{
      display:block;
      top: 0px;
  }


  li>ul {
          top: auto;
          left: auto;

  }

  * html #vertnav li{float:left;}


#menudd a {
color: #FFFFFF;

text-decoration: none;

}

#menudd a.contacto {
color: #FFFFFF;

}
#menudd a:hover {
background-image: url(imgs/fondo.jpg);
background-repeat: repeat-x;


}
#menudd a.contacto:hover {
background-image: url(imgs/fondo.jpg);
background-repeat: repeat-x;
width: 161px;
text-align: right;
}
#pie {
background: #FF9933;
height: 40px;
text-align: center;
clear: both;
border-top: 1px solid #E7CAAE;
}
#pie p {
font-size: 80%;
color: #FFFFFF;
font-weight: normal;
margin: 5px 0px 0px;
padding: 0px;
}