@charset "UTF-8";
/* CSS Document edited by Darkcus*/
body{
	margin:0;
	background:url(../images/background-site.png) repeat fixed ;
	margin:auto;}
p {font-family:Arial, Helvetica, sans-serif;}
img {border:0px;}
a:link {
	color:#0076be;
	text-decoration: none;}
a:visited {
	color:#0076be;
	text-decoration: none;}
a:hover {
	color:#0076be;
	text-decoration: underline;}
a:active {
	color:#0076be;
	text-decoration: none;}
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:medium;
	font-weight:bold;}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight:500;
	color:#0076be;}
li {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	list-style:outside;
	list-style-type: disc;
	font-size: 12px;}
.li02 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-left:15px;
	font-weight:bold;
	list-style:outside;
	line-height:25px;
	margin-left:25px;
	font-size: 16px;}
.li02:hover {
	color:#0076be;}
#main-caracol-luna {
background:url(../images/background-site.png) repeat fixed;
padding-left:167px;}
#header {
	background-image: url(../images/caracol-costa-rica-back_02.jpg);
	background-repeat:no-repeat;
	background-position:right;
	vertical-align:bottom;
	width:888px;
	min-width:888px;
	max-width:888px;
	height:315px;}
#header a, img{ margin:0px; padding:0px; border:0px;}
#menu {
	background: url(../images/caracol-luna-costa-rica-menu_05.jpg) no-repeat left;
	height:56px;
	width:802px;
	margin-top:-17px;
}
#menu ul{
display:inline;
text-decoration:none;
margin-left:15px;}
#menu li {
	text-align:center;
	font-size:13px;
	font-weight:bold;
	display:inline;
	float:left;
	margin-top:10px;
	margin-left:8px;
	padding: 3px;
	text-transform:uppercase;}
#menu .activo{
color:#000000;
text-decoration:underline;}
#menu img{ text-align:right; padding:8px 5px 3px 3px;}
#cajatexto02 {
	background-image:url(../images/caracol-de-luna-costa-ri-03.jpg);
	background-repeat:no-repeat;
	background-position: center;
	padding-left:20px;
	text-align:left;
	width:342px;}
#cajatextoJULIO{
	text-align:left;
	background-image: url(../images/caracol-costa-rica-actividades_07.jpg);
	height:343px;
	width:420px;}
#celdatexto02 {
	float:left;
	width:285px;
	text-align:left;}
#celdatexto03 {
	/*background-image:url(../images/caracol-costa-rica-actividades_07.jpg);*/
	background-repeat:no-repeat;
	float:left;
	height:343px;
	width:320px;}
#celdatexto04 {
	height:280px;
	max-height:280px;
	width:320px;
	font-size:small;
	padding:0px 15px 0 35px;
	margin:20px 10px 20px 0;
	text-align:justify;
	overflow:auto;	}
#celdatexto05 {
	height:480px;
	max-height:480px;
	width:800px;
	font-size:small;
	margin:10px 10px 10px 10px;
	text-align:left;;}
#cajatexto01 img{
vertical-align:top;
width:420px;}
#cajatexto01 {
	width: 420px;
	height: 270px;
	max-height:270px;
	text-align: justify;
	line-height:19px;
	padding: 0 10px 0 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:small;
	overflow:auto;}
#cajatextoCONscroll{
	text-align:left;
	margin-top:10px;
	height:225px;
	width:310px;
	max-height:230px;
	padding: 10px 10px 0px 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:small;}
#cajatextoCONscroll li{
list-style:circle;}
#footer {
	background-image:url(../images/caracol-de-luna-costa-ri-05.jpg);
	background-repeat:no-repeat;
	width:804px;
	height:40px;
	max-height:40px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:500;
	color:#0076be;
	margin:0;}
.footer-left {
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:500;
	color:#0076be;
	text-transform:uppercase;}
.footer-right{
	float:right;
	text-align:right;
	margin-right:10px;}
.rent-house{
height:350px; width:355px; float:left; text-align:left;}
/*.carrillo-guanacaste{
float:left; margin-left:50px; margin-top:50px; margin-right:auto;}*/
.darkcus{
clear:both; margin:0px; padding:0px; visibility:hidden;}
/* general styling for this example */
.gallerycontainer img{
padding: 10px 5px 5px 10px;
border:solid 3px #CCCCCC;}
/*Add a height attribute and set to largest image's height to prevent overlaying*/
.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;}
.thumbnail:hover{
background-color: transparent;}
.thumbnail:hover img{
border: 1px solid #000;}
.thumbnail strong{ /*CSS for enlarged image*/
position: absolute;
background-color:#FFF;
padding: 5px;
left: -1000px;
border: 1px solid gray;
visibility: hidden;
color: black;
text-decoration: none;}
.thumbnail strong img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;}
.thumbnail:hover strong{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 500px; /*position where enlarged image should offset horizontally */
top:420px;
z-index: 50;}
.info-box{padding-left:30px; width:550px;}
.tour-space {
	text-align:center;}
.tour-space img{
	margin-left:30px;}
.main-table{
	width:810px;
	height:335px;
	overflow:hidden;}
.triunvirato-web{
	padding-left:250px;
	font-size:12px;}
	
#vid {
	margin-left:300px;
	margin-top:50px;}