html{
    height: 100%;
    margin: 0;
    padding: 0;
    
}
body {
 
height: 100%;
background: white;
 

 font-family: Arial,Verdana,Sans-Serif;
font-size: 16px;
line-height: 150%;
text-align: left;
margin-top: 0;

}
a
{
color: #923508;
text-decoration: none;
} 
li
{
list-style-type: none;
list-style-position: inside;
line-height: 120%;
margin-bottom: 10px;
font-weight: bold;
}
.flash
{
visibility: hidden;
display: none;
} 
div#video iframe, .video-container object, .video-container embed 
{
width: 320px;
height: 215px;
}
img
{
border: none;
}
 
div#header
{
visibility: hidden;
display: none;
background: white;
 
}
div#header img
{
visibility: hidden;
display: none;

} 
#container {
    width:100%;
   margin-left: auto;
margin-right: auto;
background: white;
text-align: center;
max-width: 1300px;
 
}




#content {
    float:left;
    width:96%;
    padding-left: 2%;
    padding-right: 2%; 
    text-align: left;
    line-height: 200%;


background:white;
}

#contentincorp {
    float:left;
    width:98%;
    padding-left: 1%;
    padding-right: 1%; 
    text-align: left;
    line-height: 200%;
background: white;


background:white;
}


#sidebar {
    float:left;
    width:97%;
    padding-left: 2%;
background: white;

padding-top: 10px;

border-left: solid 1px silver;
border-bottom: solid 1px silver;
 
 
}
 
#footer {
    clear:both;
background: white;
}
h1
{

font-size: 20px; 
color:#923508;
text-align: left; 
background-color: transparent;
margin-top: 10px; 
margin-bottom: 5px;
font-style: normal;
line-height: 120%;

}
h2
{

font-size: 20px; 
color: #923508;;
text-align: center; 
background-color: transparent;
margin: 0px 0 10px 0;
padding: 0 10px 0 10px;
line-height: 100%;
 
 

}
h3
{

font-size: 17px; 
color:#202020;
text-align: left; 
letter-spacing: 1px;
background-color: transparent;
margin-top: 0px; 
margin-bottom: 5px;
font-style: normal;
line-height: 120%;
}
 .para
{
text-align: left;
font-weight: normal;
font-size: 16px;
}
.para li
{
font-weight: normal;
color: black;
list-style-type: square;
list-style-position: outside;
}
 
.beigeline
{
background-color: brown; 
 

width: 100%; 
font-size: 20px; 
font-weight: bold;
padding-top: 10px; padding-bottom: 10px;
 
font-style: italic;
text-align: center;
color: white;
margin-bottom: 5px;
max-width: 1300px;
 
 
}
 
 

 
 
 
div#list1
{
float: left;
width: 95%;
padding-left: 3%;
 
margin-top: 0;
text-align: left;
   background: white;
font-weight: bold; 
} 
 
div#list1 a
{
text-decoration: none;
color: #923508;
font-size: 18px;
 

}
div#list1 a:hover
{ 
color: red;
} 
select
{
font-weight: bold;
height: 25px;
background: white;
} 
textarea
{
height: 60px;
background: white;
} 
input[type=text]
{
height: 25px;
padding: 0 0 0 0;
margin: 0 0 0 0;
color: black;
background: white;
border: solid 1px darkbrown;
}
input[type=submit]
{
padding: 3px 30px 3px 30px;
font-size: 16px;
font-weight: bold;
background: white;
border: solid 1px darkbrown;
}
.bloghead
{
color: black;
}
.bloghead a
{
color: black;
font-size: 14px;
font-weight: bold;
margin-top: 5px;
margin-bottom: 5px;
line-height: 130%;
}
.menuheader
{
display: block;
margin-top: 15px;
color: #202020;
font-weight: bold;
text-align: left;
font-size: 18px;
text-align: left; 
}
.menudata
{
display: block;
text-align: left; 
font-size: 15px;
}
.menudata a
{
color: #923508;
text-decoration: none;
font-weight: bold;
text-align: left;
}
.menudata a:hover
{
color: red;
text-decoration: none;
font-weight: bold;
}

.mytitle
{
color: #923508;;
font-size: 18px;
font-weight: bold;
text-align: left;
} 
div#elgrande
{
visibility: hidden;
display: none;
}
.thephoto
{
width: 96%;
 
}
.thephotol
{
width: 100%;

 
}

.thephotos
{
width: 98%;

 
}
 
div#myform
{
font-size: 18px;
font-weight: bold;
color: black;
line-height: 110%;
text-align: center;
}
 
div#myform p
{
margin-top: 5px;
margin-bottom: 5px;
 
}
input[type="text"] {
border: solid 2px black;
background: beige;
margin-bottom: 10px;
}

select {
border: solid 2px black;
background: beige;
}

textarea {
border: solid 2px black;
background: beige;
}
input[type="checkbox"] {
border: solid 2px black; 
width: 25px;
height: 25px;
vertical-align: middle;
 
}

input[type="radio"] 
{
width: 30px;
height: 30px;
vertical-align: middle;
border: solid 2px black; 
color: black;
background: white;
padding-top: 10px;
padding-right: 10px;
 
}

div#realdiv
{
width: 98%;
 
}
.searchbox
{
background: brown;
color: white;
width: 96%;
padding: 10px 0px 10px 0px;
margin-top: 10px;
 
} 
.searchbox a
{
color: white;
padding: 0 10px 0 10px;
}
div#longad
{
visibility: hidden;
display: none;
float: left;
margin-right: 20px;
}

div#setmargin
{
width: 100%;
} 
div#resp2
{
visibility: hidden;
display: none;
}
div#divleft
{
float: left;
visibility: hidden;
display: none;
background: white;
}
div#divnarrow
{
float: left;
visibility: hidden;
display: none;
margin-left: 0;
padding-left: 0;
align: left;
}
div#divmid
{
float: left;
width: 100%;
}
@media (min-width: 600px) 
{
.flash
{
visibility: visible;
display: inline;
}
.searchbox
{
 
width: 90%;
 
} 

div#video iframe, .video-container object, .video-container embed 
{
width: 420px;
height: 315px;
}
div#list1
{
float: left;
padding-left: 3%;
width: 46%;
background: white;
 
}
div#realdiv
{
width: 70%;
margin-left: 15%;
margin-right: 15%;
 
}
.thephotol
{
width: 100%;
}
.thephotos
{
width: 30%;

 
} 
div#divleft
{
width: 1px;
background: red;
}
div#divnarrow
{
float: left;
visibility: visible;
display: inline;
width: 25%;
background: white;
}
div#divmid
{
float: left;
width: 75%;
}

}

@media only screen and (min-device-width: 768px) and (max-device-width: 768px) and (orientation:landscape)  
{
div#list1 
{
background: white;
}
div#container
{
width: 100%;
}
div#content
{
width: 62%;
}

div#contentincorp
{
width: 66%;
padding-left: 2%;
padding-right: 2%;
background: white;
}
div#sidebar
{
width: 27%;
}
div#video iframe, .video-container object, .video-container embed 
{
width: 320px;
height: 215px;
}
div#divnarrow
{
 
width: 28%;
 
}
div#divmid
{
 
width: 72%;
}

}

@media (min-width: 768px) 
{
 body
{


 

 
 
background-image: url(http://www.traveldester.com/backgrounds/cenote1.jpg);


background-size: cover;
  background-repeat: no-repeat;
               background-attachment: fixed; 
}
 
div#header
{
visibility: visible;
display: inline;
background:white;
}

div#header img
{
visibility: hidden;
display: none;
 
}
div#googlemobile
{
visibility: hidden;
display: none;
background: beige;
} 
.thephoto
{
width: 60%;
display: inline;
 
}
 
div#resp2
{
visibility: visible;
display: inline;
}

div#boxad
{
visibility: hidden;
display: none;
}


}
@media (min-width: 950px) 
{

#sidebar {
    float:left;
    
background: white;
visibility: visible;
display: inline;
width: 27%;
padding-left: 0;
 

 
}

#content {
    float:left;
    width:62%;
    padding-left: 6%;
    padding-right: 2%; 
    text-align: left;

background:white;
}
 
#contentincorp {
    float:left;
    width:66%;
    padding-left: 2%;
    padding-right: 2%; 
    text-align: left;
    line-height: 200%;


background:white;
}
#container {
    width:80%;
   margin-left: auto;
margin-right: auto;
background: white;
text-align: center;
max-width: 1300px;
}

div#list1
{
background: white;
}
div#elgrande
{
visibility: visible;
display: inline;
}
} 
 
 

@media (min-width: 1025px) 
{
div#header
{
background: white;
}
div#header img
{
visibility: visible;
display: inline;

}
div#googlemobile
{
visibility: hidden;
display: none;
}
div#list1
{
width: 46%;
padding-left: 3%;
background: white;
}
 
div#list1
{
width: 46%;
padding-left: 3%;
background: white;
}
div#setmargin
{
width: 80%;
margin-left: 20%;
}
div#longad
{
visibility: visible;
display: inline;
}
#contentincorp {
    float:left;
    width:64%;
    padding-left: 2%;
    padding-right: 2%; 
    text-align: left;
    line-height: 200%;


background:white;
}
div#boxad
{
visibility: visible;
display: inline;
}
div#resp2
{
visibility: hidden;
display: none;
}

}
@media (min-width: 1281px) 
{
div#divnarrow
{
visibility: hiddne;
display: none;
}
div#divleft
{
float: left;
visibility: visible;
display: inline;
width: 45%;
background: white;
}
div#divmid
{
float: left;
width: 55%;
background: white;

}
}