@charset "utf-8";
/* CSS Document */

html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, img, ins, kbd, q, s, samp, small, strike, strong, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size:100%;
	vertical-align: baseline;
	background: transparent;
}

html, body { margin:0px; padding:0px; border-collapse:collapse; }

html {
	font-size:13px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#000;
	line-height:1.5em;
}

body {
	text-align:center;
}

p {  margin-bottom: 15px; }  
h1 { margin:25px 0 15px 0; font-size:30px; font-weight:normal; color:#000; line-height:1em; }
h2 { margin:5px 0 15px 0; font-style:italic; font-weight:normal; font-size:22px; line-height:1.2em; }

a { text-decoration:none; color:Maroon; }
a:hover { color:#000; }

#container { width:1160px; text-align:left; margin:0 auto; padding-top:15px; height:710px; } 

#slidenavigation { font-size:20px; margin-top:20px; display:block; clear:both; }
#slidenavigation a { text-decoration:none; color:#666; padding-left:20px; }
#slidenavigation a:hover { text-decoration:underline; }

#containermenu { width:1160px; text-align:left; margin:0 auto; } 
#containermenu #slidenavigation { background:url('images/bg-navegacion.gif'); height:70px; padding:15px 0 0 15px; width:685px; font-size:22px; position:absolute; z-index:1001; margin:0 0 0 430px; }
#containermenu #slidenavigation a { text-decoration:none; color:#222; margin-left:30px; padding:0; float:left; }
#containermenu #slidenavigation div { text-decoration:none; color:#222; margin-left:30px; float:left; cursor:pointer; }
#containermenu #slidenavigation div:hover { color:darkred; }

#hostsmenu { position:absolute; z-index:1002; margin:9px 0 0 831px; display:none; width:200px; text-shadow:0 1px 0 #4B7924; cursor:pointer; }
#hostsmenu span { font-size:22px; color:#FFF; background:url('images/hosts-bg.png'); border-bottom:1px solid #4B7924; display:block; width:105px; padding:6px 10px; } 
#hostsmenu a { display:block; padding:10px; border-top:1px solid #90B854; border-bottom:1px solid #4B7924; line-height:1.1em; font-size:15px; background:#60942C; color:#FFF; text-decoration:none; }
#hostsmenu a:hover { background:#7DAC36; }

#containermenu #slidenavigation a:hover { color:darkred; }

/**************** HEADER ****************/

#front { position:relative; height:250px; width:450px; z-index:900; } 
#frontleft { float:left; width:20px; position:relative; height:700px; z-index:900; }
#frontright { float:left; width:20px; position:relative; height:700px; z-index:900; float:right; margin-top:-253px; }

#slogan { margin:0 0 20px 70px; width:417px; font-size:30px; font-weight:normal; color:#FFF; line-height:1.1em; } 
#logo { font-family:Tahoma,"Lucida Grande","Bitstream Vera Sans",Arial,sans-serif; font-size:56px; font-weight:bold; color:#FFF; text-decoration:none; width:300px; display:block; line-height:56px; padding:40px 0 20px 70px;  }
#logo span { color:#FFF; filter:alpha(opacity=75); -moz-opacity:0.75; -khtml-opacity: 0.75; opacity: 0.75; }

/**************** CONTENTS ******************/

#slider { position:absolute; margin-top:-250px; display:block; width:1160px; }
#scroll { clear:both; display:block; position:relative; width:1160px; height:700px;  overflow:hidden; }
#scroll .scrollContainer { 
    width:20000em; 
    position:absolute; 
    clear:both; 
    margin:0; 
    padding:0; 
} 

.scrollContainer div.panel { height:700px; width:1160px; float:left;  }

#home { background:url('images/home.jpg');  }
#section2 { background:url('images/site1.jpg');  }
#section3 { background:url('images/site2.jpg');  }
#section4 { background:url('images/site3.jpg');  }
#section5 { background:url('images/site4.jpg');  }
#section6 { background:url('images/site6.jpg');  }
#section7 { background:url('images/site5.jpg');  }
 
#content { position:absolute; padding:250px 0 0 65px; overflow:hidden; }

.panel-left { float:left; width:790px; } 
.alignright { float:right; margin:0 0 10px 20px; border:5px solid #FFF; }
.alignleft { float:left; margin:0px 20px 10px; border:5px solid #FFF; }
.panel-right { float:left;  width:220px; margin-left:40px; }

.scroll-panel ul { margin:20px 40px; list-style:circle; } 
.scroll-panel ul li { padding:5px 0; border-bottom:1px dashed #630; }

.panel-left-home { position:relative; z-index:10; width:580px; height:350px; } 
.panel-content { width:480px; height:300px; padding:30px 0 30px 55px; float:left; text-shadow:0 1px 0 #ECD6C4; }


#sidebar { width:210px; float:left; padding:20px 0 0 40px; text-shadow:0 1px 0 #E4C6AD; }
#sidebar h2 { margin:0; padding:15px 20px; font-size:28px; font-weight:normal; background:url('images/separador.png') no-repeat bottom; font-style:italic; }
#sidebar ul { margin:0; padding:0; list-style:none; }
#sidebar ul li { line-height:1em; font-size:14px; font-style:italic; font-weight:bold; }
#sidebar ul li a { color:#000; padding:5px 20px 12px; text-decoration:none; background:url('images/separador.png') no-repeat bottom; display:block; }
#sidebar ul li a:hover { color:Linen; text-shadow:1px 0 1px #630;}
#sidebar ul#maplinks li a { color:Maroon; }
#sidebar ul#maplinks li a:hover { color:Linen; text-shadow:1px 0 1px #630;}

.panel-content p { font-size:17px; padding-right:20px; } 
.scroll-panel { overflow:auto; height:290px; }

.host-name { float:right; padding:150px 50px 0 0; color:#FFF; font-size:36px; font-style:italic;  }

#gallery { height:350px; width:220px; }
#gallery ul { margin:0; padding:0; }

.gallerystyle { width:220px; height:320px; position:relative; overflow:hidden; margin-top:15px; z-index:9; }
.gallerystyle ul.items { margin:0; padding:0; list-style:none; position:absolute; height:20000em; left:45; }
.gallerystyle ul li { padding:0; text-align:center; height:95px; margin:0 0 15px 0;  }
.gallerystyle ul li img { background:url('images/fotobg.png'); padding:5px; border:0; }

.prevPage { position:relative; margin-top:-40px; }

#gallerynavigation { display:block; height:50px; width:50px; margin:0 0 0 160px; position:absolute; z-index:10; }
.prevPage1, .prevPage2, .prevPage3, .prevPage4, .prevPage5, .prevPage6 { background:url(images/btn-top.png); height:25px; display:block; cursor:pointer; }
.nextPage1, .nextPage2, .nextPage3, .nextPage4, .nextPage5, .nextPage6 { background:url(images/btn-bot.png); height:25px; display:block; cursor:pointer; }

/************ SUBSECTION *************/

/* paneles*/ 
#mapa { position:absolute; left:610px; height:500px; width:500px; margin-top:160px; z-index:0; }
#sidebar ul li a.current { color:#FFF; text-shadow:1px 0 1px #630;}

div.panel-content div.scroll-panel {
 width:480px;
}

#footer { text-align:center; width:1160px; margin:0 auto; padding-bottom:40px; }
.foot-message { width:510px; margin:0 auto; text-align:left; font-size:16px; }
.foot-message img { float:left; margin-right:20px; } 
.foot-message p { padding-top:10px; }

div.scroll-panel li { font-size:17px; padding:8px 0px; } 

#momentario { width:500px; height:100px; }

.join { float:right; width:180px; height:36px; background:url('images/join.png') no-repeat top center; cursor:pointer; display:block; clear:both; }
.join:hover { background:url('images/join.png') no-repeat bottom center; }

.panel-right .join { margin:25px 25px 0 0; }


.visit { float:right; width:340px; height:36px; background:url('images/visit.png') no-repeat top center; cursor:pointer; display:block; clear:both; }
.visit:hover { background:url('images/visit.png') no-repeat bottom center; }

label { display:block; float:left; width:100px;}
.reqtxt, .emailreqtxt { font-size:11px; font-weight:bold; font-family:arial; margin-left:5px; color:darkred; text-transform:capitalize; }
.single { width:220px; }
.area { width:340px; }
.sendbutton { width:87px; text-align:center; font-family:Georgia, "Times New Roman", Times, serif; font-size:20px; color:#FFF; height:36px; background:url('images/send.png') no-repeat top center; cursor:pointer; display:block; text-shadow:0 1px 0 #548129; border:0; float:right;}
.linklove { display:none; } 
.cf_hidden { display:none; }
legend { margin:25px 0 15px 0; font-size:30px; font-weight:normal; color:#000; line-height:1em; }


#cformsform li{ float:left; margin-bottom:15px; width:466px;}
#cformsform label{ float:left;width:466px;}
#cformsform li.cf-box-group label{ float:none; display:inline; }