/* CSS Document */


html
{
padding: 0px;
background: none;
margin: 0px;
width: 95%;
}

body
{
padding: 0px;
margin: 0px;
background: none;
position: absolute;
top: 0px;
width: 100%;
height: 100%;
}

#upper-header
{

display: block;
background: #0000CC;
position: absolute;
margin-left: 3px;
margin-top: 0px;
padding: 0px;
width: 974px;
height: 200px;
top: 0px;
}

div.image1
{
display: block;
margin-top: 10px;
margin-left:10px;
position: absolute;
}

div.image2
{
display: block;
margin-top: 108px;
left: 465px;
position: absolute;
}

div.image4
{
display: block;
margin-top: 20px;
margin-left:635px;
position: absolute;
border: 1px solid white;
height: 150px;
width: 300px;
}
div.image4 img
{
width: 300px;
height: 150px;

}

#title
{
display: block;
font-size: 59px;
font-family: Arial;
color: #FF0066;
margin-left: 118px;
/*margin-top: 58px;*/

}

#first-letter
{
display: block;
/*font-size: 118px;*/
font-size: 59px;
font-family: Arial;
color: #FF33FF;
/*background: black;*/

margin-left: 108px;
margin-top: 0px;
letter-spacing: -3px;
}
#first-letter h1
{
display: inline;
margin: 0px;
font-size: 120px;
width: 65px;

}


#content_main1 
{
background: white;
position: absolute;
top:236px;
margin-left: 3px;
margin-top: 0px;
padding: 0px;
width: 764px;
height: 200px;
display: block;

}


#first-letter2
{
display: block;
/*font-size: 118px;*/
font-size: 59px;
font-family: Arial;
color:  black;

/*background: black;*/

margin-left: 15px;
margin-top: 5px;
letter-spacing: -3px;
}
#first-letter2 h1
{
display: inline;
margin: 0px;
padding: 0px;
font-size: 120px;
width: 65px;
/*height: 100px;*/
background: none;
color:  #0000CC;
background-image: url(letter-back.gif);
background-repeat: no-repeat;
background-position: 100% 100%;
/*border-right: 1px solid #FF33FF;*/

}

#info
{
background: white;
width: 200px;
height: 150px;
border: 1px solid gray;
/*font controls */
font-size: 16px;
font-family: Arial;
line-height: 8px;
color: gray;
margin-left: 450px;
position: absolute;
top: 10px;
}

#info b
{
display: block;
text-align: center;

border-bottom: 1px solid blue;
background: pink; 
font-size: 12px;
padding-top: 5px;
color: black;
width: 100%;
height: 20px;
margin-top: 0px;
font-weight: bold;
margin-bottom: 0px;
}

#main_text
{
font-family: Arial;
font-size: 16px;
color: black;
background: white;
margin-left: 0px;
margin-top: 10px;
margin-bottom: 10px;
margin-right: 10px; 
padding: 10px;
line-height: 24px;

}
#ad4
{

background: white;
width: 730px;
height: 100px;
margin-left: 0px;
margin-bottom: 10px;
float: left;
/*border: 1px solid gray;*/
text-align: center;
}

#ad5
{

background: none;
width: 180px;
height: 620px;
margin: 5px;
margin-left: 10px;
float: right;
border: 1px solid gray;
display: inline;
position: relative;
text-align: center;
}



div.image3
{
display: inline;
margin-top: 0px;
margin-left:350px;
position: relative;
background: white;
}

#final{

position:relative;
width: 1024px;
background: none;
display: block;
margin-top: 10px;
text-align: left;
color: gray;
}
div.join-us 
{
display: block;
border-bottom: 1px dotted gray;
width: 270px;
height: 210px;
/*background: none;*/
padding: 5px;
margin-top: 10px;
margin-left: 5px;
background-image: url(http://www.patawalk.com/Tours/Tours_imagenes/tourguide-caption.gif);
background-repeat: no-repeat;
background-position: 90% 5%;
text-decoration: none; 
}

div.join-us a:link
{
color: white;
text-decoration: none;

}

div.join-us a:visited
{
color: white;
text-decoration: none;
}

div.join-us a:hover
{
color: white;
text-decoration: none;
}

div.join-us a:active
{
color: white;
text-decoration: none;
}


div.join-us a img {
margin-top: 100px;
margin-left: 0px;
text-decoration: none;
border: none;
}
div.join-us a img:link
{
color: white;
text-decoration: none;

}

div.join-us b
{
display: block;
float: right;
background: none;
width: 120px;
height: 100px;
font-family: Arial;
font-size: 12px;
color: black;
margin-top: 5px;
margin-right:5px;
}

div.second-column
{
display: block;
border-left: 1px solid gray;
border-right: 1px solid gray;

width: 210px;
height: 205px;
/*background: none;*/
padding: 0px;
margin-top: 8px;
margin-right: 0px;

background: white;
text-decoration: none; 
float: right;
font-size: 12px;
color: black;
}
div.second-column b{
text-align: center;
display: block;
background: gray;
width: 100%;
margin-bottom: 15px;
border-bottom: 1px dotted black;
border-left: 0px dotted black;
font-size: 18px;
font-weight: normal;
}

div.second-column #wholelist{
display: block;
width: 210px;
height: 190px;
overflow: scroll;
background:white;
border-bottom: 1px solid gray;

}

ul#list1{
display: block;
width: 180px;
float: left;
background: none;
margin-left: 0px;
margin-top:0px;
margin-bottom:0px;
margin-right: 0px;
padding: 0px;
list-style-type: none;

}


li.tour {
/*list-style-image: url("storie-patawalk-logo5.gif");*/

width: 100%;
margin-top: 5px;
float: left;
background: none;
margin-left: 10px;

}

li.description {

width: 90%;
background: none;

float: left;
border-bottom: 1px dotted gray;
margin-top: 1px;
margin-bottom: 10px;
margin-left: 20px;
/*list-style-image: url("storie-patawalk-logo5.gif");*/
}




#footer{
background: #0000CC;
position: absolute;
display: block;
width: 974px;
height: 28px;
margin-right: 0px;
color: #FF33FF;
text-align: center;
font-size: 10px;
border: 1px solid black;
margin-top: 30px;
/*padding-top: 2px;*/
}

#side-content
{
background: none;
display: block;
position: absolute;
margin: 0px;
padding: 0px;
left: 759px;
top: 236px;
width:215px

}

#ad6
{

background: none;
width: 210px;
height: 240px;
margin-right: 0px;
margin-top: 0px;
float: right;
border: 1px solid white;
padding: 0px;
text-align: center;
}


#ad7
{

/*background: #CCCCCC;*/
width: 210px;
height: 110px;
margin-right: 0px;
float: right;
/*border: 1px solid black;*/
margin-top: 10px;
}


#links
{

background: white;
width: 210px;
height: 210px;
margin-right: 0px;
float: right;
border-left: 1px solid blue;
border-right: 1px solid blue;
border-bottom: 1px solid blue;
border-top: 1px solid blue;

margin-top: 10px;
padding: 0px;
text-align: center;

}

#links b
{
display: block;
text-align: center;

border-bottom: 1px solid blue;
background: red; 
font-size: 18px;
padding: 0px;
color: black;
width: 100%;
margin-top: 0px;
font-weight: normal;
margin-bottom: 10px;
}
#links p  
{
font-size: 12px;
text-align: left;
margin-left: 5px;
margin-top: 0px;
margin-bottom: 3px;
}
div.caption
{
width: 310px;
height: 200px;
display: block;
/*background: #FF33FF;*/
background: white;

float: left;
display: block;
border: 1px solid blue;
margin: 10px;
margin-right: 10px;
text-align: center;
color: blue;
}

div.caption img
{
width: 300px;
height: 200px;
display: block;
margin-left: 10px;
margin-top: 10px;
border: 1px solid gray;

}