/* Angostura guia */
/* Clown Group - www.clowngroup.com.ar */
/* 03-07-2007 */

*{
	margin:0;
	padding:0;
}
a{
	outline: none;
	color: #6E7E26;
	color: #1D5AB6;
}
a:hover{
	color: #333;
}
img{
	border: 0;
}
iframe{
	background: #ff9988
}
body{
	background: #55514B url(body.jpg) repeat-x;
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
}
p{
	font-size: 78%;
	line-height: 145%;
	margin: 0 0 10px 10px;
	color: #55514B;
}

/* Divisiones */
/* »»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»» */
#main{
	width: 760px;
	margin: 8px auto 10px auto;
	background: #F6F4EA url(head-top.gif) repeat-x;
}
#head{
	height: 160px;
	margin: 0 10px;
	padding: 10px 0 0 0;
	background: url(head2.gif) bottom repeat-x;
	position: relative;
}
#flash-promo{/* Agregado por Adrian para Banner Flash de Promocion */
	height: 60px;
	float: right;
	margin: 30px 10px;
	padding: 10px 0 0 0;
	position: relative;
}
#content{/* para sidebar */
	width: 480px;
	float: left;
	padding: 0 0 0 20px;
}
#content3{/* sin sidebar */
	width: 720px;
	padding: 0 0 0 15px; 
}
#content4{
	width: 100%;
}
.contentinfo{
	padding: 0 15px 15px 15px;
	margin: 0 0 10px 0; 
   height: auto!important; /* para los browsers buenos */
   height: 270px; /* para IE5+ */
   min-height: 270px; /* para los browsers buenos */
}
.contentinfo2{
	padding: 0 15px 15px 15px;
	margin: 0 0 10px 0; 
   height: auto!important; /* para los browsers buenos */
   height: 80px; /* para IE5+ */
   min-height: 80px; /* para los browsers buenos */
}
.contentinfo3{
	padding: 0 15px 15px 15px;
	margin: 0 0 10px 0; 
   height: auto!important; /* para los browsers buenos */
   height: 155px; /* para IE5+ */
   min-height: 155px; /* para los browsers buenos */
}
.contentfaq{
	padding: 0 15px 15px 15px;
	margin: 0 0 10px 0; 
   height: auto!important; /* para los browsers buenos */

}

#content4 h4{
	margin: 0;
	padding: 0;
}
.contentinfo ul{
	font-size:75%;
	color:#55514B;
	margin: 0 20px;
	padding: 0 15px 10px 15px; 
	float: left;
	width: 450px;
	list-style: square;
	line-height: 150%;
}
#sidebar{
	width: 240px;
	float: right;
	padding: 0 10px 0 0;
}
#foot{
	background: url(foot.jpg);
	height: 100px;
	position: relative;
	clear: both;
}
#foot p a{
	color: #fff;
}
/* Head */
/* »»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»» */
#head p a{
	display: block;
	width: 83px;
	height: 30px;
	background: url(contacto.gif) no-repeat;
	position: absolute;
	top: 0;
	right: 35px;
	text-indent: -9000px;
}
h1 a{
	width: 196px;
	height: 78px;
	background: url(logo-angostura.gif) no-repeat;
	text-indent: -9000px;
	position: absolute;
	top: 33px;
	left: 20px;
}
h2{
	height: 39px;
	background: url(h2.gif) no-repeat;
	font:  70%/2.5em Arial, Helvetica, Sans-serif; 
	color: #fff;
	color: #CED5B2;
	padding: 0 0 0 15px;
	margin: 0 0 0 10px;
}
h2 a{
	color: #fff;
	color: #CED5B2;	
	text-decoration:none;
}

h3{
	font-size: 80%;
	line-height: 100%;
	background: url(h4.gif) 0 18px repeat-x;
	margin: 8px 10px 0 10px;
	padding: 0 0 30px 15px;
	color: #55514B;
}
#content2 h3{
	background: none;
	margin: 0 0 0 10px;
	padding: 10px 0 10px 15px; 
}
h4{
	font-size: 80%;
	color: #413E3A;
	margin: 25px 10px 10px 10px;
}
.box h4, .box2 h4{
	font-size:70%;
	margin: 0 0 5px 0;
	padding: 4px 0 12px 10px;
	background: url(h4-box.gif) top right no-repeat;
	color: #fff;
}
#head ul{
	list-style: none;
	position: absolute;
	top: 139px;
}
#head li{
	float: left;
}

/* Head Nav */
/* »»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»» */
#head ul li{
	font-size: 70%;
	margin: 0 0 0 1px;
}
#head ul li a{
	color: #fff;
	color: #E0DAC7;
	color: #ccc;
	padding: 6px 14px 10px 14px;
	display: block;
	text-decoration: none;
}
#head ul li a:hover{
	background: url(nav-hover.gif);
	color: #fff;
}
#head ul li.activo a, #head ul li.activo a:hover{
	background: url(nav-activo.gif);
	color: #fff;
}

/* Sidebar */
/* »»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»» */
#horarios{
	width: 235px;
	height: 102px;
	background: url(excursiones-horarios.gif) no-repeat;
}
#horarios li{
	font-size: 70%;
	list-style: none;
	color: #55514B;
}
#horarios ul{
	padding: 50px 15px 15px 30px;	
}
#imagenes{
	width: 235px;
	background: url(excursiones-imagenes.gif) no-repeat;
}
#imagenes ul{
	padding: 50px 15px 15px 15px;
	min-height: 350px;
}
*html #imagenes ul{
	height: 20px;
}
p.clear{
	clear: both;
	text-indent: -9000px;
	margin: 0;
	font-size: 20%;
}
#imagenes li{
	list-style: none;
	width: 92px;
	height: 92px;
	margin: 0;
	padding: 8px 0 0 8px;
	float: left;
	position: relative;
	background: url(imagenes-bg.gif);
}
#imagenes li a img{
border: 1px solid #666; 
}
#imagenes li a:hover img{
border: 1px solid #fff; 
}
#horarios h5, #imagenes h5{
	display: none;
}

/* Content */
/* »»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»» */
img.splash{
	margin: 0 0 10px 10px;
}
.col{
	width: 345px;
	height: 130px;
	margin: 0 0 0 15px;
	float: left;
}
.col h4{
	margin: 5px 0;
}
.col p{
	font-size: 70%;
}
.col img{
	float: left;
	margin: 0 10px 0 0;
	background: url(imagenes-bg.gif);
	padding: 9px;
}
img.mapa{
	display: block;
	margin: 0 auto;
	padding: 2px;
	border: 1px solid #ccc; 
}

/* Content2 */
/* »»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»» */
.box{
	width: 238px;
	height: 215px;
	float: left;
	background: #F0EDE1;
	margin: 0 1px;
	position: relative;
	display: inline;
	border: 1px solid #E7E3D2;
}
.box2{
	width: 359px;
	height: 215px;
	float: left;
	background: #F0EDE1;
	margin: 0 1px;
	position: relative;
	display: inline;
	border: 1px solid #E7E3D2;
}




.box-a{
	margin: 0 1px 0 20px;
		display: inline;
}
.box p{
	line-height: 110%;
	font-size: 70%;
}
.box img{
	margin: 0 0 8px 9px;
}
.box a img{
	border: 1px solid #CCC7B8;
	display: block;
}
.box a:hover img{
	border: 1px solid #fff;
}

.box2 img{
	float: left;
	margin: 0 20px 8px 9px;
	border: 1px solid #CCC7B8;
}
.box li, .box2 li{
	list-style: square;
	font-size: 70%;
	line-height: 160%;
	f loat: left;
}

/* Foot */
/* »»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»»» */
#foot p{
	position: absolute;
	top: 25px;
	left: 20px;
	color: #E0DAC7;
	font-size: 70%;
}
table.data tr th{
	text-align: left;
	padding: 0 5px;
}
table.data{
	border: 0;
	width: 95%;
	margin: 0 auto 20px auto;
	border-collapse: collapse;
	font: 75%/135% Arial, Helvetica, Sans-serif; 
	color: #666; 
}
table.data tr td{
	background: #EFEBDA;
	border-bottom: 1px solid #E6E1C5;
	padding: 2px 5px;
}
table.data tr.par td{
	background: #F9F8F2;
}
p.clica{
	text-align: center;
}
object.intro{
	margin:0 0 8px 10px;
}

.home1{
	margin: 0 10px 10px 10px;
	float: left;
}
.home2{
	margin: 0 0 10px 0;
	float: left;
}
.homeintro{
	height: 280px; 
	clear: both;
	margin: 0 0 10px 0;
	padding: 0 20px 20px 20px;
	background: url(../img/home/homeintro.jpg) center top no-repeat;
	position: relative;
}
#content2 .homeintro h3{
	margin: 0 0 10px 0; 
	padding: 8px 10px; 
	text-indent: 0
}
.homeinfo{
	width: 235px;
	background: url(excursiones-imagenes.gif) no-repeat;
	position: absolute;
	top: 45px;
	right: 15px;
}
.homeinfo.homeinfo2{
	width: 235px;
	background: url(info.gif) no-repeat;
	position: absolute;
	top: 45px;
	right: 15px;
}
.homeinfo ul{
	margin: 55px 20px 20px 20px;
}
.homeinfo li{
	font-size: 70%;
	list-style: none;
	color: #55514B;
	line-height: 2em;
	padding: 0 0 0 12px;
	background: url(homeinfo.gif) 0 9px no-repeat;
}
.homeintro p{
	margin-right: 240px;
}

.bienvenido{
	margin: 0px 10px 10px 20px;
	font-size: 14px;
}
.izq{
	float: left;
	margin: 0 10px 10px 0;
}
.centro{
	display: block;
	margin: 20px auto;
}

#content3 ul{
	margin: 0 0 10px 25px;
}

#content3 li{
	font-size: 80%;
	list-style: none;
	color: #55514B;
	line-height: 2em;
	padding: 0 0 0 12px;
	background: url(homeinfo.gif) 0 9px no-repeat;
}

