/************************************************************************
	CSS FILE - desarrollado por Oscar Chavez
	ESOLUTIONS - http://www.esolutions.es
************************************************************************/

body {
	margin: 0px;
	font:0.8em Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	background:#235a23;
}
small {font-size:0.9em;}
a {
	font-family: Arial, Helvetica, sans-serif;
	color: #f00;
}
a:hover {color: #060;}

/************************************************************************
	Classes
************************************************************************/

.text-red {color:#f00 !important; clear:both;}
.text-green {color:#360;}
.text-green2 {color:#beff93;}
.text-black {color:#300;}
.text-white {color:#fff;}
.text-small {font-size:0.9em;}
.text-bold {font-weight: bold;}
.clear {clear:both;}
.float-left {float:left;}
.float-right {float:right;}
.img {margin:9px 3px; padding:1px; border:1px solid #444;}
.img-left {float:left; clear:left; margin:0 10px 10px 0; padding:1px; border:1px solid #444;}
.img-right {float:right; clear:right; margin:0 0 10px 10px; padding:1px; border:1px solid #444;}

.gallery {position:relative; width:565px; height:122px; overflow:auto; margin:10px 0; border:1px solid #444;}
.gallery table {margin:0 6px;}
.gallery table td {padding:9px 5px;}
.gallery a:link img, .gallery a:visited img {border:4px solid #ccc;}
.gallery a:hover img, .gallery a:active img {border:4px solid #390;}
.box1 {background:#060; color:#fff; border:1px solid #444; padding:10px; font-size:0.85em; line-height:1.5em;}
.box2 {background:#eeffe6; border:1px solid #030; padding:10px; font-size:0.85em; line-height:1.5em; color:#030;}
.table1 {border:solid #fff; border-width:1px 0 0 1px; width:100%;}
.table1 tr.head td, .table1 td.head {background:#090; font-weight:bold; color:#fff;}
.table1 td {border:solid #fff; border-width:0 1px 1px 0; padding:5px 10px; font-size:0.85em; background:#f00; font-weight:bold; text-align:center;}
.table1 a {color:#fff;}
.formulario {
	border:1px solid #999;
	font-family: Arial, Helvetica, sans-serif;
}
.boton {
/*
	color:#fff;
	padding:3px 5px;
	font-weight:bold;
	font-family:Arial, sans-serif;
	background-color:#060;
	border:1px solid #000;
*/
}

/************************************************************************
	Site Structure
************************************************************************/

#header, #body {position:relative; margin:0 auto; width:775px; text-align:left; overflow:hidden;}
#header {height:270px;}
#header #language {position:absolute; top:6px; right:9px;}
#body-main {float:right; width:570px; margin:0 3px -30000px 0; padding:12px 12px 30030px 12px;}
#body-left {width:165px; margin:0 0 0 3px; padding-bottom:30px;}
#footer {clear:both; margin-top:25px;}

/************************************************************************
	Header
************************************************************************/

#landadventures {margin:9px 5px;}

#language {color:#fff; font-family:Verdana, Arial; font-size:1.2em; text-decoration:none;}
#language strong {margin:1px 10px;}
#language a {color:#aaa; text-decoration:none;}
#language a:hover {color:#fff; text-decoration:underline;}
	
#language img {margin-left:10px; padding:1px; border:none;}
#language a img {filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7;}
#language a:hover img {filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}

#header {
	/*
	background:#000 url(images/bg-header.gif) repeat-x left top;
	border:solid #000;
	border-width:0 5px;
	*/
}
#header .banner {position:absolute; top:0px; right:0px;}
#header .main-nav {height:128px; padding-top:8px;}
#header .main-nav ul {margin:0px; padding:4px 3px; list-style:none;}
#header .main-nav ul li {
	float:left;
	width:120px;
	height:110px;
	display:block;
	position:relative;
	margin:4px 3px 4px 4px;
	vertical-align:text-bottom;
}
#header .main-nav ul li a {
	display:block;
	text-decoration:none;
	font:0.9em Arial, Tahoma, "Comic Sans MS";
	font-weight:bold;
	color:#ddd;
	cursor:pointer;
}
#header .main-nav ul li a img {display:block; border:0px; filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}
#header .main-nav ul li a span {position:absolute; top:96px; width:120px; text-align:center; padding:4px 0;}
#header .main-nav ul li a:hover {color:#fff;}
#header .main-nav ul li a:hover img {position:absolute; width:130px; top:-5px; left:-5px; filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}

/************************************************************************
	Body
************************************************************************/

#body {} /* background:#e3e3e3; border:5px solid #000; border-top:none; */
#body h1 {
	font-weight: bold;
	color: #fff;
	height:37px;
	margin:0px;
	padding:0 0 10px 10px;
	font:2.0em Tahoma, "Comic Sans MS", Georgia, serif;
}
#body span.float-right {margin:10px 7px; color:#aaa;}
#body span.float-right a {color:#aaa;}
#body span.float-right a:hover {color:#fff;}

/************************************************************************
	Body Main
************************************************************************/

#body-main {
	background:#fff;
	border:1px solid #000;
	text-align:justify;
}
#body-main h2 {
	font:1.6em Tahoma, "Comic Sans MS", Arial, sans-serif;
	color:#f00;
	margin:6px 0px;
	font-weight:normal;
}
#body-main h3 {
	font:1.2em Tahoma, "Comic Sans MS", Arial, sans-serif;
	color: #060;
	font-weight:bold;
}
#body-main ul {list-style-image:url("images/bullet1.gif");}

/************************************************************************
	Body Left
************************************************************************/

#body-left {background:#fff; border:1px solid #235a23;}
#body-left h3 {
	color:#fff;
	margin:0;
	padding:2px;
	text-align:center;
	font:1em Arial, Tahoma, "Comic Sans MS";
	font-weight:bold;
	background:#030;
}
#body-left ul {margin:0 0 7px 0; padding:0; list-style:none;}
#body-left ul li a {
	display:block;
	width:147px;
	font:0.9em Arial, sans-serif;
	text-decoration:underline;
	padding:3px 6px 3px 12px;
	background:url(images/bullet5.gif) no-repeat 5px 9px;
}
#body-left ul li a:hover {background-color:#fff9a4; color:#030;}
#body-left ul li ul li a {
	color:#235a23;
	width:137px;
	padding-left:22px;
	background:url(images/bullet6.gif) no-repeat 10px 5px;
}

/************************************************************************
	Footer
************************************************************************/

#footer {text-align:center; background:#000 url(images/bg_footer.jpg) repeat-x left top;}
#footer .main-nav {color:#999; padding-top:20px;}
#footer .main-nav ul {margin:0px; padding:9px; list-style:none;}
#footer .main-nav ul li {display:inline;}
#footer .main-nav ul li a {
	font:0.85em sans-serif, Arial, Tahoma, "Comic Sans MS";
	font-weight:bold;
	color:#ddd;
	margin:0px 3px;
}
#footer .main-nav ul li a:hover {color:#fff;}
#footer p {padding-top:10px; margin:0; font:0.9em "Comic Sans MS", Arial; color:#ddd; border-top:1px solid #555;}
#footer p a {color:#ddd; text-decoration:none;}
#footer p a:hover {color:#fff;}
#footer h1 {margin:0 0 5px 0; padding:0;}
#footer h1 a {text-decoration:none; font-size:11px; margin:0; color:#ccc;}
#footer h1 a:hover {color:#fff;}

/************************************************************************
	Body Index
************************************************************************/

body#index {
	margin:20px 0 10px 0;
	font:0.8em Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	background:#235a23 url(images/bg-body-index.jpg) no-repeat center 7px;
}
body#index #body {
	overflow:visible;
	width:670px;
	border:none;
	position:relative;
	background:#000 url(images/bg-cssdropdown.gif) repeat-x;
}
body#index #body h1 {text-indent:-5000px; clear:left; position:absolute;}

#cssdropdown, #cssdropdown ul { /* para todos, no es necesario editar */
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
}
#cssdropdown li { /* para todos, no es necesario editar */
	float:left;
	position:relative;
}
.mainitems {
	padding:17px 0 2px 0;
	background:url(images/bullet7.gif) no-repeat right 38px;
}
.mainitems a {
	display:block;
	padding:2px 15px 2px 12px;
	text-decoration:none;
	font-weight:bold;
	color:#030 !important;
	font-size:0.9em;
	font-family:sans-serif;
}
.subuls, .subuls2 {
	position:absolute;
	display:none;
	left:5px;
	top:50px;
	width:170px;
	z-index:100;
	border:1px solid #fc0;
	border-bottom:none;
}
.subuls2 {left:155px; top:3px;}
.last .subuls {left:auto; right:1px; width:140px;}
.subuls li {background:#ffc; border-bottom:1px solid #fc0; width:100%;}
.subuls li a {font-weight:normal; font-size:0.9em; padding:2px 7px; color:#f00 !important;}
.subuls li a:hover {background:#fff9a4 url(images/bg-cssdropdown-li.gif) repeat-x; color:#030 !important;}
/* #cssdropdown li > ul {left:auto; top:auto;} */
#cssdropdown li.mainitems:hover ul.subuls, li.over ul.subuls {display:block;}
#cssdropdown li.mainitems2:hover ul.subuls2 {display:block;}

marquee {
	display:none;
	font:10pt "Comic Sans MS", Verdana, Arial;
	font-weight: bold;
	width:400px;
	color:#fff;
	background-color: #000;
}
body#index .sub-nav {color:#999; padding:6px 5px 5px 5px; text-align:center;}
body#index .sub-nav ul {margin:0; padding:0; list-style:none;}
body#index .sub-nav ul li {display:inline;}
body#index .sub-nav ul li a {
	font:0.85em sans-serif, Tahoma, "Comic Sans MS", Arial;
	font-weight:bold;
	color:#ddd;
	margin:0px 2px;
}
body#index .sub-nav ul li a:hover {color:#fff;}

body#index .movie {position:relative; margin-bottom:10px;}
body#index .movie img {position:absolute; z-index:1000; width:100%; height:85px; border:none;}
body#index .movie div {text-align:center;}

body#index #body-left {
	position:absolute;
	width:150px;
	top:30px;
	left:-160px;
	padding:0;
	background:none;
	border:none;
}
body#index #body-left hr {height:1px; color:#3c0;}
body#index #body-left ul {padding:20px 5px;}
body#index #body-left ul li a {
	color:#fff;
	width:140px;
	display:block;
	padding:5px 0;
	background:none;
	text-decoration:none;
	font:0.9em Arial, sans-serif;
}
body#index #body-left ul li a:hover {color:#beff93;}

body#index #body-right {
	position:absolute;
	width:150px;
	top:5px;
	right:-164px;
}

body#index #slogan {position:absolute; top:120px; right:10px;}

body#index #footer {color:#c2e7c2; background:none; margin-top:20px; font-family: "Comic Sans MS", Arial;}
body#index #footer p {color:#c2e7c2; margin:10px 0 0 0; padding:7px 0 0 0;}
body#index #footer a {color:#c2e7c2; text-decoration:underline; padding:0 2px;}
body#index #footer a:hover {background:#307a30;}
body#index #footer h1 {margin:0;}
body#index #footer h1 a {text-decoration:none; font-size:11px; margin:0;}