@charset "utf-8";
body {
	height:100%;
	width:100%;
	margin:0;padding:0;
	overflow:hidden;
	font-size:80%;
	color:#445586;
	font-family:arial, helvetica, clean, sans-serif;
	background-color:   transparent;
	
}
.bold { font-weight:bold; }
li { list-style-type:none}
a img  { border:none; }
a { text-decoration:none; color:#445586; }
a:visited { text-decoration:none; color:#445586; }
a:hover { text-decoration:underline; color: #F00;}
.column, .span-1, .span-2, .span-3, .span-4, .span-5, .span-6, .span-7, .span-8, .span-9, .span-10, .span-11, .span-12, .span-13, .span-14, .span-15, .span-16, .span-17, .span-18, .span-19, .span-20, .span-21, .span-22, .span-23, .span-24 {float:left;margin-right:10px; padding-top:10px;}

.last {margin-right:0;}
.span-1 {width:30px;}
.span-2 {width:70px;}
.span-3 {width:110px;}
.span-4 {width:150px;}
.span-5 {width:190px;}
.span-6 {width:230px;}
.span-7 {width:270px;}
.span-8 {width:310px;}
.span-9 {width:350px;}
.span-10 {width:390px;}
.span-11 {width:430px;}
.span-12 {width:470px;}
.span-13 {width:510px;}
.span-14 {width:550px;}
.span-15 {width:590px;}
.span-16 {width:630px;}
.span-17 {width:670px;}
.span-18 {width:710px;}
.span-19 {width:750px;}
.span-20 {width:790px;}
.span-21 {width:830px;}
.span-22 {width:870px;}
.span-23 {width:910px;}
.span-24 {width:930px;margin-right:0; margin:0px auto 0px auto;}

.span-1I, .span-2I, .span-3I, .span-4I, .span-5I, .span-6I, .span-7I, .span-8I, .span-9I, .span-10I, .span-11I, .span-12I, .span-13I, .span-14I, .span-15I, .span-16I, .span-17I, .span-18I, .span-19I, .span-20I, .span-21I, .span-22I, .span-23I {padding-left:30px; float:left;}

.span-1I {width:0px;}
.span-2I {width:40px;}
.span-3I {width:80px;}
.span-4I {width:120px;}
.span-5I {width:160px;}
.span-6I {width:200px;}
.span-7I {width:240px; }
.span-8I {width:280px; }
.span-9I {width:320px; }
.span-10I {width:360px; }
.span-11I {width:400px; }
.span-12I {width:440px; }
.span-13I {width:480px; }
.span-14I {width:520px;}
.span-15I {width:560px;}
.span-16I {width:590px;}
.span-17I {width:630px;}
.span-18I {width:670px;}
.span-23I {width:850px;}

.append-1 {padding-right:40px;}
.append-2 {padding-right:80px;}
.append-3 {padding-right:120px;}
.append-4 {padding-right:160px;}
.append-5 {padding-right:200px;}
.append-6 {padding-right:240px;}
.append-7 {padding-right:280px;}
.append-8 {padding-right:320px;}
.append-9 {padding-right:360px;}
.append-10 {padding-right:400px;}
.append-11 {padding-right:440px;}
.append-12 {padding-right:480px;}
.append-13 {padding-right:520px;}
.append-14 {padding-right:560px;}
.append-15 {padding-right:600px;}
.append-16 {padding-right:640px;}
.append-17 {padding-right:680px;}
.append-18 {padding-right:720px;}
.append-19 {padding-right:760px;}
.append-20 {padding-right:800px;}
.append-21 {padding-right:840px;}
.append-22 {padding-right:880px;}
.append-23 {padding-right:920px;}

.push-1 {margin:0 -40px 0 40px;}
.pull-1 {margin-left:-40px;}
.append-1 {padding-right:40px;}
.append-2 {padding-right:80px;}
.append-3 {padding-right:120px;}
.append-4 {padding-right:160px;}
.prepend-1 {padding-left:40px;}
.prepend-2 {padding-left:80px;}
.prepend-3 {padding-left:120px;}

.clear {clear:left; margin:0; padding:0;}
.last {margin-right:0;padding-right:0;}


/***************************************************
			HEADER
***************************************************/
.title { font-size:2.0em; height:45px;  padding-left:20px; margin-bottom:35px;text-transform:lowercase;}
.noPad {padding-top:0px; !Important}
/*.subtitle {font-size:1.2em;margin-bottom:0.05em; font-weight:bold; color:#515151;}
.contenido {background:url(images/hr.png) bottom repeat-x; height:710px;}*/
.footer{ width:800px;  top:40px; position:relative; margin: auto; font-size:80%; text-transform:lowercase; padding-left:30px; clear:left}

#header{ width: 950px; height: 20px;  margin: 18px auto 0px auto; z-index:1200;  position:relative;padding:0px; }

#lid{ width: 1200px; height: 500px;  margin: 585px auto 0px auto; background:url(img/fondo_bot_mac.jpg) top no-repeat #FFF; z-index:999;  position:relative; }
#lidT{ width: 1200px; height: 20px;  margin: -38px auto 0px auto; background:url(img/fondo_top_mac.jpg) top no-repeat ; z-index:1000;  position:relative; }
.temas { width:150px; height:30px; float:left}

.temaA {width:30px; background:url(img/theme_sprites.png) 0 0;  float:left; height:30px;}
.temaA.active, .temaA:hover {background-position:0 -30px;	cursor:pointer;}
.temaB {width:20px; background:url(img/theme_sprites.png) -30px 0;  float:left; height:30px;}
.temaB.active, .temaB:hover {background-position:-30px -30px;	cursor:pointer;}
.temaC {width:100px; background:url(img/theme_sprites.png) -50px 0;  float:left; height:30px;}
.temaC.active, .temaC:hover {background-position:-50px -30px;	cursor:pointer;}
#webcams {float:left; width:200px; padding-top:10px;}
#banners {float:left;  width:200px;padding:10px 0 0 40px;}
#promos {padding-bottom: 10px;}
.testimonio {font-size:80%; padding: 2px 0 2px 0;}
.izq {text-align:right; margin-top:8px;}
.centro{ text-align:center;}

#menu {
	width:720px;
	height:30px;
	float:left;
}
.gris {border:1px solid #c8d4fd; background-color: #F0F0F0; padding-left:10px}

li.separate img{margin: 10px 15px -5px 0;}
/***************************************************
			SCROLL
***************************************************/
#wrapper {
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	background-color:#ccc;
	background:url(img/fondo_mac.gif) center top no-repeat;
	z-index:1;
	overflow:hidden;
}
#mask {
	width:100%;
	height:800%;
	overflow:hidden;
	z-index:1;
}
.item {
	width:100%;
	height:12.5%;
	display:block;
	z-index:1;
}		
.content {
	width:950px;
	height:550px;
	top:50px;
	margin:0 auto;		
	position:relative;
	z-index:1;
	
	
}
.selected { font-weight:700; }
.slide {
  	position:fixed;
  	top:4px;
  	right:150px;
	z-index:1;
}

/***************************************************
			KWICKS
***************************************************/
.kwicks {  
    list-style:none;
	margin:0px;
	float:left;
    position:relative;   
    padding:0; 
	background-image:url(img/no_flicker.jpg); /*some browsers are to slow when aligning the menu items via jQuery and so the background shines through, this prevents this flickering*/
 }  
.kwicks li{  
    display:block;  
    overflow:hidden;  
    padding:0;  
    cursor:pointer;  
	float:left;
	width:100px;
	height:30px;
	margin-right:0px;
	background-image:url(img/kwicks_sprite.jpg);
	background-repeat:no-repeat;
}
.kwicks a{
	display:block;
	height:30px;
	text-indent:-9999px;
	outline:none;
}
#kwick1 { background-position:0px 0px; }
#kwick2 { background-position:-130px 0px; }
#kwick3 { background-position:-260px 0px; }
#kwick4 { background-position:-390px 0px; }
#kwick5 { background-position:-520px 0px; }
#kwick6 { background-position:-650px 0px; }
#kwick7 { background-position:-780px 0px; }
#kwick8 { background-position:-910px 0px; }

#kwick1.active, #kwick1:hover { background-position:0 bottom; }
#kwick2.active, #kwick2:hover { background-position:-130px bottom; }
#kwick3.active, #kwick3:hover { background-position:-260px bottom; }
#kwick4.active, #kwick4:hover { background-position:-390px bottom; }
#kwick5.active, #kwick5:hover { background-position:-520px bottom; }
#kwick6.active, #kwick6:hover { background-position:-650px bottom; }
#kwick7.active, #kwick7:hover { background-position:-780px bottom; }
#kwick8.active, #kwick8:hover { background-position:-910px bottom; }
/*
#kwick1 a{
	background-image:url(images/end.jpg);
	background-repeat:no-repeat;
	background-position:left 0px;
}

#kwick1 a:hover{
	background-position:left -60px;
}*/
#kwick8 a{
	background-image:url(img/kwicks_sprite_end.jpg);
	background-repeat:no-repeat;
	background-position:right 0px;
}
#kwick8 a:hover{ 
	background-image:url(img/kwicks_sprite_end.jpg);
	background-repeat:no-repeat;
	background-position:right -90px; }

#control{ 
	margin:auto;  
	z-index:9; 
	position:absolute; 
	left:190px; 
	height:73px
}


/***************************************************
			TABLES
***************************************************/
.hosting { background:url(img/bg_hospedaje.gif) 160px 129px no-repeat; }
.domain { background:url(img/bg_dominio.gif) 120px 35px no-repeat;}
.promos { background:url(img/bg_dominio.gif) 120px 19px no-repeat;}
.seo { background:url(img/bg_seo.gif) 190px 35px no-repeat;}
.background-image .vzebra-adventure, .background-image2 .vzebra-adventure{ background:#d0dafd;  border-bottom:1px solid #c8d4fd;}
.background-image{
	width:460px;
	text-align:left;
	border-collapse:collapse;
	margin:0px;
	float:left; 
}

.background-image2{
	width:680px;
	text-align:left;
	border-collapse:collapse;
	margin:0px;
	float:left; 
}

.background-image th, .background-image2 th{
	padding:6px;
	font-weight:bold;
	font-size:12px;
	color:#339;
	border-bottom:1px solid #fff;
}
.background-image td, .background-image2 td{ padding:3px 12px;  border-top:1px solid #fff;}
.background-image tfoot td, .background-image2 tfoot td{}
.background-image tbody td, .background-image2  tbody td{ background:url(img/back.png);}
* html .background-image tbody td, * html  .background-image2 tbody td{
	/* PUT THIS ON IE6 ONLY STYLE AS THE RULE INVALIDATES YOUR STYLESHEE	*/
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=img/back.png,sizingMethod='crop');
	background:none;
}	
.background-image tbody tr:hover td, .background-image2 tbody tr:hover td{ background:none;}
#marcoDominios {  
	padding:0px 10px 10px 8px;
	background:url(img/bg_m_dominios.gif) no-repeat;
	width:500px;
	height:230PX;
}
#marcoHosting {  
	padding:0px 10px 10px 8px;
	background:url(img/bg_m_hosting.gif) no-repeat;
	width:500px;
	height:415px;
}
#marcoPromos {  
	padding:0px 10px 10px 8px;
	background:url(img/bg_m_promos.gif) no-repeat;
	width:476px;
	height:165px;
}
#marcoSEO {  
	margin-top:5px;
	padding:0px 10px 10px 8px;
	background:url(img/bg_m_seo.gif) no-repeat;
	width:700px;
	height:160px;
}

/***************************************************
		Animated Share Buttons
***************************************************/
#stage{
	/* This is where the animation takes place */
	position:relative;	
	width:430px;
	height:260px;
}
.btn{
	/* This class is assigned to every share button */
	background-color:white;
	height:138px;
	left:0;
	top:0;
	width:125px;
	position:relative;
	margin:1px 0 0 1px;
	float:left;
}
.bcontent{
	/* Positioned inside the .btn container */
	position:absolute;
	top:auto;
	bottom:20px;
	left:0;
}
/* Individual rules for every share button */
.new1{	background:url(webs/nuevo_1_resize.jpg) no-repeat 0px bottom;}
.new2{	background:url(webs/nuevo_2_resize.jpg) no-repeat 0px bottom;}
.new3{	background:url(webs/nuevo_3_resize.jpg) no-repeat 0px bottom;}
.new4{	background:url(webs/nuevo_4_resize.jpg) no-repeat 0px bottom;}
.new5{	background:url(webs/nuevo_5_resize.jpg) no-repeat 0px bottom;}	
.new6{	background:url(webs/nuevo_6_resize.jpg) no-repeat 0px bottom;}	




/***************************************************
			TABBED CONTENT
			
***************************************************/
ul ul ul li{padding-left:100px;}
.tabbed_content ul  li{list-style:none}
.tabbed_content h3 {margin: 0px 0 2px 0; padding-bottom:0px; }

.manuales{background-image: url(img/bg_s_tutores.jpg); background-repeat: no-repeat; background-position: 400px 10px;}
.descargas{background-image: url(img/bg_s_descarga.jpg); background-repeat: no-repeat; background-position: 400px 10px;}
.email{ background-image: url(img/bg_s_email.jpg); background-repeat: no-repeat; background-position: 400px 10px;}
.rapida{background-image: url(img/bg_s_rapida.jpg); background-repeat: no-repeat; background-position: 470px 2px;}
.cpanel{background-image: url(img/bg_s_cpanel.jpg); background-repeat: no-repeat; background-position: 490px 5px;}
.tabbed_content p {margin: 0px 0 8px 0;}
.tabbed_content li img{ position:relative; top:10px; padding:5px 10px 0 0;}
.tabbed_content p img{ position:relative; top:1px; padding:0px 10px 0 0; margin-left:20px;}



#marcoSoporte {  
	padding:0px 10px 10px 8px;
	background:url(img/bg_m_soporte.gif) no-repeat;
	height:420px;
	width:900px;
	margin-left:36px;
}
.tabbed_content {   width:870px; }
.tabs { height:62px;  position:relative; width:870px; background:url(img/tabbed_bg.png) top repeat-x #FFF;}
.tabs .moving_bg {
	padding:15px 15px 29px 15px;
	background-image:url(img/tabbed_arrow.png);
	position:absolute;
	width:144px;
	z-index:190;
	left:0;
	padding-bottom:;
	background-position:bottom left;
	background-repeat:no-repeat;
	
}
.tabs .tab_item {
	display:block;
	float:left;
	padding:15px;
	width:144px;
	color:#ffffff;
	text-align:center;
	z-index:200;
	position:relative;
	cursor:pointer;
	font-weight:bold;
}
.tabbed_content .slide_content {
	overflow:hidden;
	background-color:#FFF;
	padding:5px 0 20px 20px;
	position:relative;
	width:850px;
	height:298px;
}
.tabslider { width:5000px; }
.tabslider ul {
	float:left;
	width:800px;
	margin:0px;
	padding:0;
	margin-right:50px;
}
.tabslider ul a {   text-decoration:none; }
.tabslider ul a:hover { color: #F00; }
.tabslider ul li {  list-style-position:inside;}




/***************************************************
		GALLERIFFIC
***************************************************/
#marcoGallery {  
	padding:0px 10px 10px 8px;
	background:url(img/bg_m_gallery.gif) no-repeat;
	height:400px;
	width:900px;
}

.temas1 { width:100px; height:24px; }
.temas2 { width:65px; height:24px; }
.temas3 { width:460px; height:24px; }
.tema1 {width:25px; background:url(img/theme2_sprites.png) 0 0;  float:left; height:20px;}
.tema1.active, .tema1:hover {background-position:0 -20px;	cursor:pointer;}
.tema2 {width:21px; background:url(img/theme2_sprites.png) -25px 0 no-repeat;	float:left; height:20px;}
.tema2.active, .tema2:hover { background-position:-25px -20px;   cursor:pointer;}
.tema3{width:19px; background:url(img/theme2_sprites.png) -46px 0;  float:left; height:20px;}
.tema3.active, .tema3:hover {background-position:-46px -20px;   cursor:pointer;}

div.contentG {
	/* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */
	display:none;
	float:right;
	width:500px; 
	padding-right:60px;
}
div.contentG a, div.navigation a { text-decoration:none; color:#777; }
div.contentG a:focus, div.contentG a:hover, div.contentG a:active { text-decoration:underline; }
div.controls {
	font-size:85%;
	margin-top:1px;
	padding:0 80px 0 100px;
	height:13px;
	
}
div.controls a { padding:5px; }
div.ss-controls { float:left; }
div.nav-controls { float:right; }
div.slideshow-container {
	position:relative;
	clear:both;
	height:302px; /* This should be set to be at least the height of the largest image in the slideshow */
}
div.loader {
	position:absolute;
	top:0;
	left:0;
	background-image:url('img/loader.gif');
	background-repeat:no-repeat;
	background-position:center;
	width:550px;
	height:312px; /* This should be set to be at least the height of the largest image in the slideshow */
}
div.slideshow { }
div.slideshow span.image-wrapper {
	display:block;
	position:absolute;
	top:0;
	left:0;
}
div.slideshow a.advance-link {
	display:block;
	width:550px;
	height:319px; /* This should be set to be at least the height of the largest image in the slideshow */
	line-height:319px; /* This should be set to be at least the height of the largest image in the slideshow */
	text-align:center;
}
div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {
	text-decoration:none;
}
div.slideshow img {
	vertical-align:middle;
	border:1px solid #ccc;
	vertical-align:top;
}
div.download {
	float:right;
	font-size:90%;
	padding:12px 20px 0px 0px;
}
div.download a {
	color:#990000;
}
div.caption-container {
	position:relative;
	clear:left;
	height:75px;
}
span.image-caption {
	display:block;
	position:absolute;
	width:550px;
	top:0;
	left:0;
}
div.caption { padding:4px 0 0 10px; }
div.image-title {
	font-weight:bold;
	font-size:12px;
	padding:16px 0 0 20px;
}
div.image-desc {
	line-height:1.2em;
	font-size:90%;
	padding:5px 0 0 20px;
}
div.navigation {
	/* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */
}
ul.thumbs {
	clear:both;
	margin:0;
	padding:0;
}
ul.thumbs li {
	float:left;
	padding:0;
	margin:10px 5px 5px 0;
	list-style:none;
}
a.thumb {
	padding:2px;
	display:block;
	border:1px solid #ccc;
}
ul.thumbs li.selected a.thumb { background:#000; }
a.thumb:focus { outline:none; }
ul.thumbs img { border:none;  display:block; }
div.pagination { clear:both; }
div.navigation div.top {
	margin-bottom:12px;
	height:11px;
	font-size:90%;
}
div.navigation div.bottom { margin-top:12px;  font-size:90%; }
div.pagination a, div.pagination span.current, div.pagination span.ellipsis {
	display:block;
	float:left;
	margin-right:2px;
	padding:2px 6px 2px 6px;
	border:1px solid #ccc;
}
div.pagination a:hover { background-color:#eee;  text-decoration:none; }
div.pagination span.current {
	font-weight:bold;
	background-color:#6678b1;
	border-color:#6678b1;
	color:#fff;
}
div.pagination span.ellipsis { border:none; padding:5px 0 3px 2px; }




/***************************************************
			CONTACT
***************************************************/
.contact { background: url(img/bg_mac_mail.gif) 170px 55px no-repeat; }
form{ text-transform:lowercase; }
legend { padding:0 0 5px; font-size: 120%; font-weight:bold; }
fieldset { border:none; }
fieldset.FSuno { margin-top:11px; } 
input[type=text]{
	margin-top:5px;
	width:270px;
	background:#FFF;
	height:20px;
}
input[type=reset] { width:80px;}
textarea{
	margin-top:5px;
	width:270px;
	height:130px;
}

input, select, textarea {
    border:1px solid #445586;
    background:#ffffff;
    padding:0 2px;
	margin-left:10px;
	margin-bottom:2px;
    border-radius:7px;
    -moz-border-radius:7px;
}

#button1 {
	margin:5px 0 0 10px;
	padding:0px;
	color:#445586;
}
#button1:hover {
color:#fff;
background:#445586;
border-radius:7px;
-moz-border-radius:7px;
}

#map_canvas { border:1px solid  #445586; }


.visita { font-size:10px; color:#F00; float:right; margin-right:140px;}
.dir {width:240px; float:left; line-height:140%; text-transform:lowercase; }
.tel {width:200px; float:left; line-height:140%; text-transform:lowercase; }
.pre {width:70px; display:inline-block;  }


.notification_error
{
border: 1px solid #A25965;
height: auto;
width: 90%;
padding: 4px;
background: #F8F0F1;
text-align: left;
-moz-border-radius: 5px;
}

.notification_ok
{
border: 1px #567397 solid;
height: auto;
width: 90%
padding: 8px;
background: #f5f9fd;
text-align: center;
-moz-border-radius: 5px;
}
label  { width: 430px; padding-left: 20px;  float: left; text-align: left; }
br { clear: left; }
/***************************************************
			jQuery lightBox plugin
***************************************************/
#jquery-overlay {
	position:absolute;
	top:0;
	left:0;
	z-index:90;
	width:100%;
	height:500px;
}
#jquery-lightbox {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	z-index:1000;
	text-align:center;
	line-height:0;
}
#jquery-lightbox a img { border:none; }
#lightbox-container-image-box {
	position:relative;
	background-color:#fff;
	width:250px;
	height:250px;
	margin:0 auto;
}
#lightbox-container-image { padding:10px; }
#lightbox-loading {
	position:absolute;
	top:40%;
	left:0%;
	height:25%;
	width:100%;
	text-align:center;
	line-height:0;
}
#lightbox-nav {
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	z-index:10;
}
#lightbox-container-image-box > #lightbox-nav { left:0; }
#lightbox-nav a { outline:none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width:49%;
	height:100%;
	zoom:1;
	display:block;
}
#lightbox-nav-btnPrev { left:0;  float:left; }
#lightbox-nav-btnNext { right:0;  float:right; }
#lightbox-container-image-data-box {
	font:10px Verdana, Helvetica, sans-serif;
	background-color:#fff;
	margin:0 auto;
	line-height:1.4em;
	overflow:auto;
	width:100%;
	padding:0 10px 0;
}
#lightbox-container-image-data { padding:0 10px;  color:#666; }
#lightbox-container-image-data #lightbox-image-details { 
	width:70%; 
	float:left; 
	text-align:left; 
}	
#lightbox-image-details-caption { font-weight:bold; }
#lightbox-image-details-currentNumber {
	display:block; 
	clear:left; 
	padding-bottom:1.0em;	
}			
#lightbox-secNav-btnClose {
	width:66px; 
	float:right;
	padding-bottom:0.7em;	
}
#hospedaje { cursor:pointer;}