body{
padding:0px;
margin:0px;
background-color:#FFFFFF;
}

a {text-decoration:none; color:#969696;}
.titulo1 h1{font-size:25px;}
.titulo1 h1 a {color:#333333;}
.titulo h1{font-size:10px;}
.titulo h1 a {color:#333333;}
.titulo3 h1{font-size:20px;}
.titulo3 h1 a {color:#fff;}
.titulo4 h2{font-size:15px;}
.titulo4 h2 a {color:#fff;}
.top {
	font-family: Arial;
	font-size: 11px;
	line-height: 12px;
	color: #7D7D7D;
	text-decoration: none;
}

.cusco-peru {color:#CCCCCC; font-size:30px;}
.cusco-peru a {color:#CCCCCC;}
.
.copy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 12px;
	color: #969696;
	text-decoration: none;
}
.text_1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #5B5B5B;
}
.text_2 {
	font-family: Tahoma;
	font-size: 11px;
	line-height: 14px;
	color: #5B5B5B;
	font-weight:bold;
}
.link_1 {
	font-family: Tahoma;
	font-size: 11px;
	line-height: 12px;
	font-weight: bold;
	color: #494949;
	text-decoration: none;
}
.link_2 {
	font-family: Tahoma;
	font-size: 13px;
	line-height: 12px;
	font-weight: bold;
	color: #2D2D2D;
}
.link_3 {
	font-family: Tahoma;
	font-size: 12px;
	line-height: 12px;
	color: #494949;
	font-weight: bold;
}
.form_1 {
	font-family: Tahoma;
	font-size: 11px;
	line-height: 12px;
	background-color: #FFFFFF;
	height: 20px;
	width: 187px;
	border: 1px solid #BEC0C2;
}
.form_2 {
	font-family: Tahoma;
	font-size: 11px;
	line-height: 12px;
	background-color: #FFFFFF;
	height: 130px;
	width: 187px;
	border: 1px solid #BEC0C2;
	overflow:auto;
}
.but {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 12px;
	font-weight: bold;
	color: #2D2D2D;
	text-decoration: none;
}


...........................

* { margin: 0px;
padding: 0px; outline: 0;
}
html, body { margin: 0px;
padding: 0px;
width: 100%;
height: 100%;
}
body { background: #fff url(../img/fondo_rayas.png) repeat right top;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

#contenedor {
	width: 900px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#contenedor2 {
	width: 1002px;
	margin-top: 110px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	
}
#contenedor {
	margin: 0px auto;
	background: #fff url(../img/tierra2.jpg) no-repeat right top;
	height: 620px;
	width: 62.7em;
	border-bottom: 1px solid #fff;
}
h1 { font-family: Verdana;
font-size: 1.7em;
margin-left: 100px;
padding-top: 20px;
color: #EDED00;
}
h1 em {
	font-style: normal;
	font-weight: bold;
	color: #999;
	margin-left: 50px;
	font-size: 3.2em;
}
h3{
	font-style: normal;
	font-weight: bold;
	margin-left:20px;
	color:#333;
}
#texto { position: relative;
float: right;
width: 400px;
margin: 250px 20px 0px 0px!important;
margin-right: 10px;
}
h2, #sombra { font-weight: bold;
color: #fff;
background-color: transparent;
font-size: 3em;
}
#sombra { position: absolute;
left: -50px;
color: #B6B6B6;
top: -50px;
}
#menu {
	margin: 30px 0px 0px 110px;
	width: 400px;
}
ul { list-style-type: none;
margin-top: 0px!important;
margin-top: -10px;
}
ul#lateral li a {
	border: 1px solid #000;
	text-decoration: none;
	font-size: 0.8em;
	font-weight: bold;
	display: block;
	margin-top: 9px;
	color: #009;
	height: 97px;
}
ul#lateral li a:hover, ul#lateral li a:focus, ul#lateral li a:active {
	border: 1px solid #000;
}
ul#lateral li a img { border: 1px solid #ED5E00;
float: left;
width: 90px;
height: 97px;
margin: -1px 10px 0px -1px;
}
ul#lateral li a span.subtitulo {
	font-weight: normal;
	color: #000;
}
span.cuadro { position: absolute;
left: 382px;
width: 450px;
height: 500px;
background: url(img/recorte2.jpg) no-repeat left top;
display: none;
}
ul#lateral a:focus, a:active {position: relative;
}
ul#lateral a:focus span.cuadro, a:active span.cuadro {display: block;}
.huracanes {top: 1px;}
.incendios {top: -77px;}
.inundaciones {top: -155px;}
.volcanes {top: -233px;}
.terremotos {top: -311px;}

span.cuadro em { font-style: normal;
font-weight: bold;
font-size: 1.4em;
display: block;
margin: 8px 14px 0px 12px;
color: #702400;
border-bottom: ridge 1px #999;
padding-bottom: 0px;
}
span.info { font-weight: normal;
margin: 14px 15px 0px;
display: block;
color: #300;
text-indent: 20px;
text-align: justify;
}
span.fuente {font-size: 0.7em;
color: #333;
text-align: right;
display: block;
margin: 2px 15px 16px 0px;
font-weight: normal;
background-color: transparent;
}
span.fotos { 
margin: 14px 14px 8px 12px;
float: right;
width: 140px;
height: 104px;
}

span.about-cusco{font-size:16px; color:#333; margin-left:20px;}
#huracanes {background-image: url(http://t2.gstatic.com/images?q=tbn:UASCQGED_pVM0M:http://upload.wikimedia.org/wikipedia/commons/3/3d/PATRULLA_DE_LA_POLICIA_MEXICANA.jpg);}
#incendios {background-image: url(http://t1.gstatic.com/images?q=tbn:UaKp_wS3Qx2-9M:http://www.aputours.com/MEDIA/fotos_discotecas_cusco/mama_africa_cusco.jpg);}
#inundaciones {background-image: url(http://t0.gstatic.com/images?q=tbn:nbpkAgUG_NQBaM:http://pompiersdumonde.blog.pelerin.info/wp-content/uploads/2008/08/p1012585.jpg);}
#volcanes {background-image: url(http://t3.gstatic.com/images?q=tbn:gyl3kfSda1JqdM:http://www.adn.es/clipping/ADNIMA20080521_4307/4.jpg);}
#terremotos {background-image: url(http://t1.gstatic.com/images?q=tbn:hJdturIGNMhu4M:http://www.travelpod.com/attraction_photo/Pre_Columbian_Art_Museum-Cusco_o1.jpg);}

span.fotos2 { 
margin: 14px 14px 8px 12px;
float: right;
width: 140px;
height: 104px;
}
#huracanes2 {background-image: url(http://t3.gstatic.com/images?q=tbn:YZP7Hpx4WOJfBM:http://lh6.ggpht.com/_m6J8KA-M4Cs/R4BBm9JOSbI/AAAAAAAADhU/AP0EISAPylo/DSC06867.jpg);}
#incendios2 {background-image: url(http://t1.gstatic.com/images?q=tbn:PK2pIcKfVnQAZM:http://media-cdn.tripadvisor.com/media/photo-s/00/1b/51/85/novotel-cusco.jpg);}
#inundaciones2 {background-image: url(http://t0.gstatic.com/images?q=tbn:ETHow4LNbnMUTM:http://www.raptravel.org/images/infodestinos/restaurantecusco1.jpg);}
#volcanes2 {background-image: url(http://t1.gstatic.com/images?q=tbn:SbZF73rqCSh-mM:http://www.viajeros.com/fotos/foto/kqwazqvx-1248940365-bg);}
#terremotos2 {background-image: url(http://t0.gstatic.com/images?q=tbn:oyOAuJ9XQYn8RM:http://www.cuscoperu.com/images/02235-tambomachay.jpg);}


#pie {  text-align: center;
font-size: 0.7em;
height: 2.2em;
width: 720px;
margin: -1px auto;
background-color: #333;
padding-top: 10px;
border: 1px solid #fff;
border-top: solid 1px #000;
}
#pie ul { background-color: transparent;
list-style-type: none;margin-top: 10px;
}
#pie ul li {  display: inline;
color: #fff;
}
#pie ul li a { padding: 0px 4px;
text-decoration: none;
color: #fff;
}
#pie ul li a:hover, #pie ul li a:focus, #pie ul li a:active { text-decoration: underline;
}