html, body {
height: 100%;
margin: 0px;
padding: 0px;
border: 0px;
}
body {
background-image: url("../../../views/default/images/bg.jpg");
background-repeat: repeat-x;
font-family: "Trebuchet MS", Arial;
font-size: 11px;
font-weight: normal;
background-color: #557DB0;
color: #444444;
}
p {
margin: 0px;
padding: 0px 0px 12px 0px;
}
h1 {
margin: 0px 0px 12px 0px;
font-size: 14px;
color: #666666;
line-height: 16px;
padding-top: 2px;
padding-left: 0px;
padding-right: 10px;
padding-bottom: 4px;
border-bottom: 1px solid #E9E9E9;
background-color: #FFFcFF;
}
h2 {
margin: 0px 0px 8px 0px;
font-size: 13px;
color: #999999;
line-height: 16px;
padding-top: 2px;
padding-left: 0px;
padding-right: 10px;
padding-bottom: 4px;
border-bottom: 1px solid #E9E9E9;
background-color: #FFFcFF;
}
h3 {
margin: 0px;
padding: 12px 0px 0px 0px;
font-size: 12px;
color: #999999;
}
h4 {
margin: 0px;
padding: 0px 0px 6px 0px;
font-size: 11px;
color: #999999;
}
a {
text-decoration: underline;
color: #6699cc;
}
#container {
width: 959px;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
background-color: #4D93C4;
/*height: 742px;*/
}
#containerleftborder {
background-image: url("../../../views/default/images/shadowtemplateleft.jpg");
width: 7px;
min-height: 712px;
height: auto !important;
height: 712px;
float: left;
background-repeat: no-repeat;
background-color: #4D93C4;
}
#printSend {
position: absolute;
width: 250px;
padding-left: 700px;
}
#containercontent {
width: 945px;
float: left;
text-align: justify;
background-color: #ffffff;
min-height: 712px;
height: auto !important;
height: 712px;
background-image: url("../../../views/default/images/bgcontainer.jpg");
background-repeat: no-repeat;
padding-bottom: 12px
}
#containercontent td {
/*text-align: justify;*/
}
#containerrightborder {
background-image: url("../../../views/default/images/shadowtemplateright.jpg");
background-repeat: no-repeat;
min-height: 712px;
height: auto !important;
height: 712px;
width: 7px;
float: left;
background-color: #4D93C4;
}
#header {
height: 100px;
}
#logo {
/*padding-left: 10px;
padding-top: 30px;*/
padding: 6px 48px 0px 55px;
float: left;
}
#headerright {
padding-top: 20px;
/*padding-right: 5px;*/
width: 743px;
float: left;
}
#topmenu1 {
padding-right: 5px;
color: #efefef;
width: 730px;
/*border: 1px solid #cccccc;*/
}
#mainnotice {
float: left;
width: 480px;
/*width: 380px;*/
text-align: right;
}
#topmenu1a {
display: none;
/*font-size: 12px;
float: left;
padding-left: 20px;*/
}
#topmenu1a ul {
	margin: 0px;
	padding: 0px;
}
#topmenu1a li {
	list-style-type: none;
	display: inline;
	padding: 0px 5px 0px 5px;
}
#topmenu1a li.bottomdivision {
display: none;
}
#topmenu1a a {
	color: #006699;
	text-decoration: underline;
	font-weight: bold;
}
#topmenu1a a:hover {
	color: #6699CC;
}
#topmenu1b {
	text-align: right;
}
#topmenu1b ul {
	margin: 0px;
	padding: 0px;
}
#topmenu1b li {
	list-style-type: none;
	display: inline;
	padding: 0px 11px 0px 2px;
}
#topmenu1b a {
	color: #333333;
	text-decoration: none;
	font-weight: bold;
}
#topmenu1b a:hover {
}
#topmenu2container {
margin-top: 13px;
padding-left: 10px;
/*border: 1px solid #cccccc;*/
height: auto;
float: left;
}
#topmenu2topleftcorner {
float: left;
width: 6px;
height: 1px;
line-height: 1px;
background-color: #ffffff;
}
#topmenu2topshadow {
float: left;
height: 4px;
line-height: 4px;
background-image: url("../../../views/default/images/topshadowtopmenu2.jpg");
margin: 0px;
padding: 0px;
width: 647px;
background-repeat: repeat-x;
font-size: 1px;
}
#topmenu2toprightcorner {
float: left;
width: 4px;
height: 1px;
line-height: 1px;
font-size: 1px;
}
#topmenu2leftshadow {
background-image: url("../../../views/default/images/leftshadowtopmenu2.jpg");
width: 4px;
height: 35px;
float: left;
}
#topmenu2 {
border: 1px solid #CAE1F7;
background-color: #CEFFFF;
height: 25px;
float: left;
width: 716px;
padding-top: 10px;
padding-left: 5px;
padding-right: 3px;
}
#topmenu2rightshadow {
background-image: url("../../../views/default/images/rightshadowtopmenu2.jpg");
width: 4px;
line-height: 4px;
font-size: 1px;
height: 35px;
float: left;
}
#topmenu2bottomleftcorner {
width: 6px;
line-height: 4px;
font-size: 1px;
float: left;
background-color: #ffffff;
/*border: 1px solid #cccccc;*/
}
#topmenu2bottomshadow{
background-image: url("../../../views/default/images/bottomshadowtopmenu2.jpg");
float: left;
height: 4px;
line-height: 4px;
font-size: 1px;
width: 644px;
}
#topmenu2bottomrightcorner {
float: left;
width: 4px;
background-color: #ffffff;
}
#topmenu2 ul {
	margin: 0px;
	padding: 0px;
}
#topmenu2 li {
	list-style-type: none;
	display: inline;
	padding: 0px 11px 0px 2px;
}
#topmenu2 a {
	color: #999999;
	text-decoration: none;
	font-weight: bold;
}
#topmenu2 a.marked {
	color: #006699;
}
#topmenu2 a:hover {
	color: #3657A4;
}
#topmenu2 a.active {
	color: #3657A4;
}
#topmenu2 li li {
	width: 123px;
	background-color: #FFFFFF;
	list-style-type: none;
	display: block;
	padding: 0px 11px 0px 2px;
}
#topmenu2 li li a {
	color: #999999;
	text-decoration: none;
	font-weight: bold;
}
#topmenu2 li li a.marked {
	color: #006699;
}
#topmenu2 li li a:hover {
}
a.highlight1 {
color: #006699;
font-weight: bold;
}
#mainmenucontainer {
border: 1px solid #b5cad7;
height: 30px;
}
#mainmenu {
height: 22px;
background-image: url("../../../views/default/images/bgmainmenu.jpg");
padding-top: 8px;
padding-left: 10px;
float: left;
width: 805px;
}
#mainmenu ul {
	margin: 0px;
	padding: 0px;
}
#mainmenu li {
	list-style-type: none;
	display: inline;
	padding-left: 9px;
	padding-right: 9px;
}
#mainmenu a {
	color: #6699CC;
	text-decoration: none;
	font-weight: bold;
}
#mainmenu a.marked {
	color: #006699;
}
#mainmenu a:hover {
}
#weather {
background-image: url("../../../views/default/images/weatherbackground.jpg");
width: auto;
float: left;
width: 118px;
height: 28px;
border: 1px solid #E9F0F3;
background-top: 1px solid #E9F0F3;
background-right: 1px solid #E9F0F3;
background-left: 1px solid #E9F0F3;
padding-left: 8px;
color: #ffffff;
font-weight: bold;
}
#weathericon {
float: left;
}
#weathertext {
padding-top: 5px;
padding-left: 10px;
float: left;
}

#shadowbottommainmenu {
width: 100%;
height: 17px;
background-image: url("../../../views/default/images/shadowbottommainmenu.jpg");
}
/*shadowbottommainmenu and other shadows can be used in other similar boxes along the site */
#contentgen {
padding-left: 5px;
padding-right: 5px;
padding-top: 2px;
padding-bottom: 2px;
}
#content {
padding-left: 5px;
padding-right: 5px;
padding-bottom: 5px;
height: auto;
background-color: #ffffff;
}
#mainhomeboxcontainer {

}
#shadowleftmainhomebox{
float: left;
width: 5px;
background-image: url("../../../views/default/images/shadowleftmainhomebox.jpg");
height: 396px;
}
#mainhomebox {
width: 920px;
height: 392px;
border: 2px solid #B0E7EE;
float: left;
background-image: url("../../../views/default/images/bghomebox.jpg");
}
#shadowrightmainhomebox{
float: left;
width: 5px;
background-image: url("../../../views/default/images/shadowrightmainhomebox.jpg");
height: 396px;
}
#shadowbottommainhomebox{
background-image: url("../../../views/default/images/shadowbottommainmenu.jpg");
height: 17px;
float: left;
width: 935px;
background-position: 0 -8px;
background-repeat: repeat-x;
}
#homephoto {
width: 573px;
height: 388px;
float: left;
}
#searchbox {
float: left;
width: 342px;
font-weight: bold;
}
#searchfields {
margin-left: 20px;
margin-top: 10px;
margin-bottom: 10px;
}
#searchfields div.elementadvancedsearch div.title {
margin: 7px;
color: #999999;
}
#searchfields input {
border: 1px solid #ffffff;
}
#searchfieldsinput.noborder {
border: 0px;
}
#searchfields input.button {
background-image: url("../../../views/default/images/button.jpg");
background-repeat: no-repeat;
border: 0px solid #ffffff;
width: 66px;
height: 29px;
text-align: center;
padding-bottom: 3px;
color: #7D78B0;
border: 0px;
cursor: pointer;
font-size: 11px;
font-weight: bold;
color: #ffffff;
}
#searchfields input {
font-family: "Trebuchet MS", Arial;
font-size: 11px;
font-weight: normal;
}
#searchfields select {
font-family: "Trebuchet MS", Arial;
font-size: 11px;
font-weight: normal;
}
#searchfields input.submitbutton {
background-image: url("../../../views/default/images/button.jpg");
background-repeat: no-repeat;
border: 0px solid #ffffff;
width: 66px;
height: 29px;
text-align: center;
padding-bottom: 3px;
color: #7D78B0;
border: 0px;
cursor: pointer;
font-size: 11px;
font-weight: bold;
color: #ffffff;
}
#searchfields table.search td {
padding: 5px;
}
#searchfields table.destination {
}
#searchfields table.directory {
border: 1px solid #efefef;
color: #999999;
width: 320px;
}
#searchfields table.directory td {
padding: 4px;
}
#searchfields .customlinkssearch {
padding-top: 10px;
padding-right: 10px;
text-align: right;
}
#searchfields .customlinkssearch a {
padding: 10px;
}
#searchfields .customlinkssearch a.highlight {
color: #C1D929; 
}
#searchbox #searchboxbottom {
margin-left: 25px;
margin-top: 10px;
margin-right: 20px;
color: #999999;
font-weight: normal;
}
#searchbox form,  #searchfields form{
margin: 0px;
padding: 0px;
}
#highlightsdestination {
margin-left: 10px;
}
#highlightsdestination .item {
border: 1px solid #CCCCCC;
background-color: #DCEBF0;
float: left;
margin-left: 11px;
margin-right: 11px;
}
#highlightsdestination .item .photo {

}
#highlightsdestination .item .description {
margin-left: 3px;
margin-right: 3px;
margin-bottom: 3px;
}
#shadowbottomcontainer {
width: 959px;
background-image: url("../../../views/default/images/shadowbottomtemplate.jpg");
float: left;
height: 8px;
font-size: 1px;
line-height: 1px;
}
#bottommenu {
clear: both;
color: #ffffff;
font-weight: bold;
margin:0px auto;
padding-bottom: 10px;
width: 960px;
align: center;
text-align: center;
}
#bottommenu a {
text-decoration: none;
color: #ffffff;
}
#bottommenua ul {
	margin: 0px;
	padding-top: 7px;
	padding-bottom: 7px;
}
#bottommenua li {
	list-style-type: none;
	display: inline;
	padding-left: 7px;
	padding-right: 7px;
}
#bottommenua a {
text-decoration: none;
}
#bottommenua a.marked {
}
#bottommenua a:hover {
text-decoration: underline;
}
#bottommenub {
	display: none;
}
#bottommenub ul {
	margin: 0px;
	padding: 0px;
}
#bottommenub li {
	list-style-type: none;
	display: inline;
	padding-left: 13px;
	padding-right: 13px;
}
#bottommenub a {
text-decoration: none;
}
#bottommenub a.marked {
}
#bottommenub a:hover {
text-decoration: underline;
}
#bloques ul {
margin: 0px;
padding: 0px;
}
#bloques  li {
margin: 0px;
padding: 0px 0px 5px 0px;
display: block;
}
#bloques  a {
display: block;
background: #333333 url("http://www.travelixtapazihuatanejo.com/libraries/uploaded/template/b_videos_1.jpg") no-repeat left top;
color: #FFFFFF;
line-height: 48px;
height: 48px;
width: 330px;
text-decoration: none;
padding-left: 10px;
}
#bloques a:hover {
background: #13A9BA url("http://www.travelixtapazihuatanejo.com/libraries/uploaded/template/b_videos_2.jpg") no-repeat left top;
text-decoration: underline;
}
#bloques a.active {
background: #13A9BA url("http://www.travelixtapazihuatanejo.com/libraries/uploaded/template/b_videos_2.jpg") no-repeat left top;
text-decoration: none;
}
#footerText {
text-align: center;
color: #003366;
padding-bottom: 12px;
}
#socialicons {
text-align: center;
color: #9AD9E7;
padding-bottom: 12px;
}
#socialicons img {
padding-right: 4px;
}
/*Presentación de contenidos*/
.slidetext1_es {
display: none;
}
.slidetext1_en {
display: none;
}
.slidetext1_fr {
display: none;
}
div#registerlinks {
float: left;
font-size: 12px;
font-weight: bold;
padding-left: 10px;
}
div#registerlinks ul {
margin: 0px;
padding: 0px;
}
div#registerlinks li {
list-style-type: none;
display: inline;
padding: 0px 11px 0px 2px;
}
div#registerlinks a {
padding-left: 5px;
}
div#registerlinks a:hover {
color: #cccccc;
}
div.myhomepage div.registerarea table.submitform{
margin-left: 5px;
margin-top: 5px;
margin-bottom: 5px;
}
div.registerpage div.registerarea div.registerareacontent table.submitform{
margin-left: 5px;
margin-top: 5px;
margin-bottom: 5px;
}
div.systemform table.submitform {
width: 800px;
border: 1px solid #efefef;
}
div.systemform table.submitform td{
padding: 3px;
text-align: left;
}
div.systemform table.submitform td.title{
font-weight: bold;
font-size: 13px;
color: #999999;
border-bottom: 1px solid #efefef;
padding-top: 6px;
padding-bottom: 6px;
padding-left: 2px;
padding-right: 2px;
}
div.systemform table.submitform td.note{
color: #999999;
}
table.submitform input {
font-family: 'Trebuchet MS', Arial;
font-size: 11px;
color: #666666;
}
div.systemform div.smallloading{
background-image: url('../../../../views/default/images/directories/ajax-loader.gif');
padding-left: 20px;
width: 35px;
height: 35px;
background-repeat: no-repeat;
}
div.systemform input.button {
margin-top: 10px;
background-image: url("../../../views/default/images/button.jpg");
background-repeat: no-repeat;
border: 0px solid #ffffff;
width: 66px;
height: 29px;
text-align: center;
padding-bottom: 3px;
color: #7D78B0;
border: 0px;
cursor: pointer;
font-size: 11px;
font-weight: bold;
color: #ffffff;
}
div.systemform div.alertmsg {
font-size: 12px;
font-weight: bold;
color: red;
padding: 5px;
border: 1px solid #FFB0B0;
background-color: #FFFFCC;
margin-left: 5px;
margin-bottom: 10px;
}
div.systemform span.alertmsg {
font-weight: bold;
color: red;
padding-left: 4px;
}
div.systemform input.alertmsg {
background-color: #FFCBBF;
font-family: Arial;
font-size: 11px;
font-weight: normal;
color: #333333;
border: 1px solid #FFB0B0;
}
div.systemform textarea.alertmsg {
background-color: #FFCBBF;
font-family: Arial;
font-size: 11px;
font-weight: normal;
color: #333333;
border: 1px solid #FFB0B0;
}
div.systemform select.alertmsg {
background-color: #FFCBBF;
font-family: Arial;
font-size: 11px;
font-weight: normal;
color: #333333;
border: 1px solid #FFB0B0;
}