/* Main Layout */

html, body, p, dl, td, ul, ol, a       { color: #663d1b; font-family: Verdana, Arial, Helvetica;}
html body { margin: 0pt; padding: 0pt; background-color: #680406}

html       { background: url(http://www.beautiful-yucatan-peninsula.com/image-files/down_codex.jpg) repeat; }

body { text-align: center; background: url(http://www.beautiful-yucatan-peninsula.com/image-files/back_codex.jpg) repeat-x; 
}

.externo    { background: url(http://www.beautiful-yucatan-peninsula.com/image-files/bkg_externo.jpg) no-repeat; margin-right: auto; margin-left: auto; width: 926px; height: 100%; display: block; }

.interno    { text-align: center; margin-right: auto; margin-left: auto; width: 850px; min-height: 100%; height: auto; display: block;
	background: #f9f1de url(http://www.beautiful-yucatan-peninsula.com/image_files/bkg_interno.jpg); border-left: 1px solid #663d1b; border-right: 1px solid #663d1b; }
	
	

#central {
	width: 566px;
	margin-left:auto;
	margin-right:auto;
	float: left;
	text-align: justify;
	padding-left: 30px;
	padding-right: 20px;
	padding-bottom:30px;
}

#qtvr_navigation {
	padding: 0;
	margin-bottom: 30px;
	background-color: #f0e6c9;
}

#sidebar {
	float: right;
	width: 204px;
	padding-right: 30px;
}

#contentright {
	background-color: #f0e6c9;
	margin: 0;
	padding: 0;
}

#advright {
	padding: 0;
	text-align: center;
	background-color: #f0e6c9;
	margin: 45px 0 30px;
}

.fondo {
	clear: both;
}

#headtitle {
	z-index: 1;
	position: absolute;
	top: 0;
	margin-left: -38px;
}

#header {
	z-index: 0;

}

/* you have 3 more classes of horizontal rule, as well as the default version Change the attributes to 
get the look you want. The 3 classes are solid, dotted, and dashed. Add class="dashed" to your hr
tag on an HTML page, to get the dashed version of the hr. Change the colors to suit. */

.solid {
	border-bottom:1px solid #C6C166;
   border-top:hidden;
   border-left:hidden;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	
	
}

.dashed {
  border-bottom:1px dashed #5F8B8C;
   border-top:hidden;
   border-left:hidden;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	
	
}

.dotted {
	border-bottom:1px dotted #5F8B8C;
   border-top:hidden;
   border-left:hidden;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

/* this area below is for Link-text and headings. You can change the font type and size, the color of each of them
as well as the a:hover, which is the text for a link, once the pointer passes over it*/


#topmenu {
	padding: 0;
	margin: 0;
}

.texto   { color: #663d1b; text-align: justify; margin-right: auto; margin-left: auto; padding: 0px 0px 15px; width: 500px; display: block;
	line-height: 1.5em;
	font-size: 12px;
}
.texto h1  { font-size: 18px; line-height: 120%; text-align: center; }
.texto h2 { font-size: 14px; }
.texto h3  { font-size: 13px; text-align: left; margin: 0px 0px 15px; padding: 0px; }
.texto h4 { text-align: center; }
.texto p:first-letter   { font-weight: normal; font-size: 1.5em; }
.texto a:link, .texto a:visited     { color: #a30000; font-weight: bold; text-decoration: none;
}
.texto a:hover, .texto a:active     { text-decoration: underline; }

/* @end */

/* this is a custom class for your bold tag. You can alter anything here, or remove
it completely to get the default bold*/
b.custom{

color: #330066;
font-family: Arial;
font-size: 13px;
font-style: italic;
}


/* this is a custom class for using graphics as bullets.  Upload a custom graphic to your 
graphics library in the usual way. Then replace my URL
with your own. Note there are no speech marks around the URL*/
 
ul {
list-style-type: none;
padding-left: 0;
margin-left: 10px;
}

.custom ul {
list-style-type: none;
padding-left: 0;
margin: 0px 20px 20px 0;
list-style-image: none;
}
 
.custom li {
background: url("../image-files/flecha_titulo.gif") no-repeat 0 5px; 
padding-left: 10px;
margin-bottom: 5px;
 }
li.circle {
list-style-type: circle;
padding-left: 5px;
margin-left: 10px;
}


/* if you change the fonts and sizes, etc above, make this the same, but leave the weight as bold
Its just here to give you the option of a bold type font, without the extra size.*/

.note {
font-family: Verdana, Arial, sans-serif;
background-color: #f9f1de;
font-size: 11px;
color: #666666;
font-weight: bold;
font-style: italic;
}
.quote {
font-family: Verdana, Arial, sans-serif;
margin-top:2em;
margin-bottom:2em;
font-size: 11px;
color: #666666;
font-weight: bold;
font-style: italic;
}

/* @right column box */

.rightbox   {
	color: #6c2a1a;
	text-align: left;
	padding-right: 16px;
	padding-left: 10px;
	font: 10px Arial, Helvetica, SunSans-Regular;
	margin: 0;
	width: 180px;
}
.rightbox p {
	padding: 0 0 0 7px;
	margin: 0;
	font-size: 10px;
	line-height: 1.2em;
}
.rightbox h2 { font-weight: bold; font-size: 14px; margin-bottom: 3px;
}
.rightbox h1 { font-weight: bold; font-size: 14px; margin-bottom: 3px;
}
.rightbox hr {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	border-top-style: none;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	padding-top: 14px;
}


.rightbox h6 { color: #6c2a1a; padding: 0px 0px 0px 8px;
	margin: 0 0px 10px 7px;
	background:url(../image-files/flecha_titulo.gif)) no-repeat;
	font: bold 11px/11px Arial, SunSans-Regular;
}


.rightbox ul    { font-weight: normal; font-size: 11px; list-style-type: none;
	padding-left: 15px;
	margin: 0px 20px 20px 0;
	list-style-image: none;
}
.rightbox li  { margin-bottom: 3px;
	background:url(../image-files/bullet_blanco.gif)) no-repeat 0 3px;
	padding-left: 10px;
}

.rightbox a:link, .rightbox a:visited { color: #a30000; font-weight: bold; font-size: 11px; font-family: Arial, Helvetica, SunSans-Regular; text-decoration: none;
	margin: 0;
	padding: 0;
}
.rightbox a:hover, .rightbox a:active { text-decoration: underline; }

/* link with arrow right column */

.right a:link, .right a:visited { color: #a30000; text-decoration: none;
	font: bold 11px Arial, Helvetica, SunSans-Regular;
	background:url(../image-files/flecha_link.gif)) no-repeat right;
	padding-right: 16px;
	display: block;
}
.right a:hover, .right a:active { text-decoration: underline;
}



/* @end */

.barra img { margin: 0; padding: 0;
}

.right {
	float: right;
	padding-top: 12px;
	clear: both;
}
.center {
	text-align: center;
	margin: 0;
	padding: 0;
}

#rightmenu {
	color: #f0e6c9;
}
#bar hr  { color: #f0e6c9; line-height: 0px; clear: both; border-style: dotted none none none; border-width: 1px; border-color: #c4a78f; width: 90%; height: 0px; display: block;
	padding: 0;
	margin: 0 5%;
}
/* @end */

/************* #Allposters *************/
.allposters {
	text-align:center;
	background-color:#f9f1de;
}

/************* #breadCrumb styles *************/

#breadcrumbs { 	color: #9d5f35;
	margin: 0;
	font-size: 10px;
	float: left;
	padding-top: 4px;
	padding-left: 6px;
	width: 70%;
	text-align: left;
}

#breadcrumbs ul { list-style-type: none;
	margin: 0;
	padding: 0;
	display: block;
}
#breadcrumbs li { background: url(../image-files/breadcrumbs_flecha.gif) no-repeat -1px 0;
	padding-left: 9px;
	display: inline;
	padding-top: 1px;
}

#breadcrumbs a {
	text-decoration: none;
	color: #6c2a1a;
}
#breadcrumbs a:hover {
	color: maroon;
	text-decoration: underline;
}
/* @end */

/* footer */

#footer { 
	width: 780px;
	text-align: left;
	color: #6B523A;
	font: 13px "Lucida Grande", Lucida, Verdana, sans-serif;
	clear: both;
	padding: 29px 0 0;
	margin-left: auto;
	margin-right: auto;
}

#footer .logo {
	padding-bottom: 15px;
	text-align: center;
}

.clear {
line-height: 0px;
font-size: 0px;
clear: both;
height: 0px;
} 

/* sitemap */

#captop { width: 780px;
	background: url(../image-files/footer_border_up.gif) no-repeat;
	height: 4px;
	margin: 0;
	padding: 0;
}

#sitemap {
	background: #FDF7E9 url(../image-files/dividir_columna.gif) no-repeat -13px 1px;
	border-right: 1px solid #E4D5BE;
	border-left: 1px solid #E4D5BE;
	padding: 0;
	margin: 0;
}

#sitemap a { text-decoration: none;
	color: #6B523A;
}
#sitemap a:hover { text-decoration: underline;
	color: #a30000;
}

#capbottom { height: 5px; width: 780px; background: url(../image-files/footer_border_down.gif) no-repeat; }

ul.redbullet,ul.redbullet li{list-style: none;
    margin: 0;
	padding-top: 0;
	padding-left: 0;
	padding-right: 0;
}
ul.redbullet {
	padding-bottom: 11px;
}

ul.redbullet li{line-height: 1.5em;
    background: url(../image-files/bullet_list.gif) no-repeat 0;
    text-indent: 12px;
	margin: 2px;
}
    
#sitemap .column {
	width: 175px;
	float: left;
	margin-left: 12px;
	font: 11px Verdana, "Lucida Grande", Lucida, sans-serif;
}

#sitemap .column h4 {
	margin-left: 0;
	margin-bottom: 10px;
	margin-top: 11px;
	font-weight: bold;
	font-size: 11px;
}

.clearer {
	clear: both;
}

.change {
	font-size: 10px;
}

/* @group copyright */

#copyright {
	color: #a30000;
	width: 780px;
	font-size: 13px;
	margin-top: 25px;
	margin-bottom: 50px;
	background: url(../image-files/copyright_bkg.gif) no-repeat;
	height: 29px;
	padding: 0;
	padding-bottom: 25px;
}
#copyright ul     {
	padding: 0 8px 0 0;
	color: #a30000;
	font-size: 10px;
	margin-left: 0;
	margin-top: 8px;
}

#copyright li     {
	display: inline;
	border-left-width: 1px;
	border-left-style: solid;
	padding-left: 8px;
	padding-right: 2px;
}

#copyright .first     {
	border-left-style: none;
}


#copyright a:link, #copyright a:visited     { color: #a30000; text-decoration: none;
	font: bold 10px "Lucida Grande", Lucida, Verdana, sans-serif;
}
#copyright a:hover, #copyright a:active     { text-decoration: underline; }

#copy_left {
	float: left;
}
#copy_right {
	float: right;
}

/* @end */

 
.style201 { font-size:14px; font-weight:bold;text-transform:uppercase;
} 
.style202 { font-size:12px; font-weight:normal; text-decoration:underline;
}
.style203 { font-size:16px; font-weight:bold; text-align:center;
}