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

@font-face {
	font-family: 'TeXGyreHeros';
	src: url('texgyreheros-regular.eot');
	src: local('☺'), url('texgyreheros-regular.woff') format('woff'), url('texgyreheros-regular.ttf') format('truetype'), url('texgyreheros-regular.svg#') format('svg');
	font-weight: normal;
	font-style: normal;
}
 /* CSS Reset */
  * { margin:0; padding:0; }
  #cuadro2{
    padding:30px;
    background-color:#EEEEEE;
    border:1px solid #a9bbc1;
    margin-right:50px;
  }
  
  #text {margin:50px auto; width:500px}
.hotspot {color:#900; padding-bottom:1px; border-bottom:1px dotted #900; cursor:pointer}

#tt {position:absolute; display:block; background:url(img/tt_left.gif) top left no-repeat}
#tttop {display:block; height:5px; margin-left:5px; background:url(img/tt_top.gif) top right no-repeat; overflow:hidden}
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#666; color:#FFF}
#ttbot {display:block; height:5px; margin-left:5px; background:url(img/tt_bottom.gif) top right no-repeat; overflow:hidden}
  
  
  
  #header ul {
    
    
	position:relative;
	bottom:-25px;
	float:left;
	margin:0 auto;
    width:740px;
    height:50px;
    background:url(img/menu1.png) no-repeat 0 0;
 
  }
  
   #header ul li {
    display:block;
    float:left;
    height:125px;
    text-indent:-10000px;
  }
  
  #home {
    width:45px;
  }
  #paquetes {
    width:67px;

  }
  #freelance {
    width:66px;
  }
  #control {
    width:79px;
  }
    #hosting {
    width:49px;
  }
    #soporte {
    width:61px;
  }
    #contacto {
    width:65px;
  }

    #header ul li a {
    display:block;
    width:100%;
    height:100%;
  }
  
  
  
   body {
    background:#ffffff url(img/body_bg1.png) repeat-x 0 0;
  }
  .TeXGyreHeros-Regular {font-weight: normal; font-style: normal;line-height:normal; font-family: 'TeXGyreHeros', sans-serif;}
  
  
    #container {
    width:900px;
    margin:0 auto 140px auto;
  }
  

#menu{
width:100%; height: 120px; background:url(img/menu_bg1.png) repeat-x 0 0; position:fixed; bottom:0px; left:0;
}

    #logop {
    width:740px;
    margin:0 auto;
  }





#logodixel {
  position: relative;
  bottom:-35px;
float:right;

}




	  #content {
  width:780px;
  margin:45px auto 0  auto;
}
	
		  #content2 {
  width:780px;
  margin:auto 11px auto;
}
	

  .title h1 {
    font:bold 30px  Helvetica, Arial, sans-serif;
    color:#0f83bc;
    text-transform:uppercase;
    margin:0 0 20px  20px;
  }

  
  /* --- CSS Reset --- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0px;
  padding: 0;
  border: 0;
  font-weight: Helvetica, Arial, sans-serif;
  font-style: Helvetica, Arial, sans-serif;
  font-size: 100%;
  font-family: Helvetica, Arial, sans-serif;
  vertical-align: baseline;
}

/* --- Typography --- */

.grid p {
  line-height: 16px;
  font-size: 10px;
  font-family: Helvetica, Arial, sans-serif;
  display: inline;
}

.grid h1 {
  line-height: 90px;
  font-size: 40pt;
  color:#0b60a1;
  font-family: TeXGyreHeros, Tahoma;
  display: inline;
}
.grid h12 {
  line-height: 25px;
  font-size: 18pt;
  color:#0b60a1;
  font-family: TeXGyreHeros, Tahoma;
  display: inline;
}

.grid h9 {
  line-height: 18px;
  font-size: 13pt;
  color:#0b60a1;
  font-family: TeXGyreHeros, Tahoma;
  display: inline;
}
.grid h8 {
  line-height: 18px;
  font-size: 11pt;
  color:#86aa39;
  font-family: TeXGyreHeros, Tahoma;
  display: inline;
}

.grid h11 {
  line-height: 18px;
  font-size: 11pt;
  color:#df960f;
  font-family: TeXGyreHeros, Tahoma;
  display: inline;
}

.grid h10 {
  line-height: 18px;
  font-size: 11pt;
  color:#ab1e09;
  font-family: TeXGyreHeros, Tahoma;
  display: inline;
}

.grid h2 {
  line-height: 90px;
  font-size: 65px;
  color:#3c8fcf;
  font-family: Helvetica, Arial, sans-serif;
  display: inline;
}

.grid p3 {
  line-height: 90px;
  font-size: 65px;
  color:#3c8fcf;
  font-family: Helvetica, Arial, sans-serif;
  display: inline;
}

.grid h3 {
  line-height: 90px;
  font-size: 75px;
  color:#FF8500;
  font-family: Helvetica, Arial, sans-serif;
  display: inline;
}

.grid h4 {
  line-height: 32px;
  font-size: 16px;
  font-family: Helvetica, Arial, sans-serif;
  display: inline;
}

.grid h5 {
  line-height: 32px;
  font-size: 16px;
  font-family: Helvetica, Arial, sans-serif;
  display: inline;
}

.grid h6 {
  line-height: 32px;
  font-size: 16px;
  font-family: Helvetica, Arial, sans-serif;
  display: inline;
}
.grid p6 {
  line-height: 14px;
  font-size: 13px;
  color:#717171;
  font-family: Helvetica, Arial, sans-serif;
  display: inline;
  
}

/* --- Grid --- */

.grid {
  width: 780px;
  height: auto;
  margin: auto;
}

.grid-m1 {
  float: left;
  width: 20px;
  height: 1px;
}

.grid-c1 {
  float: left;
  width: 360px;
  height: auto;
}

.grid-m2 {
  float: left;
  width: 20px;
  height: 1px;
}
.grid-c2 {
  float: left;
  width: 360px;
   height: auto;
}



/**************slideshow****/
ul.slideshow {
	list-style:none;
	width:740px;
	height:200px;
	overflow:hidden;
	position:relative;
	left:20px;
	margin:0;
	padding:0;
	
}	

ul.slideshow li {
	position:absolute;
	left:0;
	right:0;
}

ul.slideshow li.show {
	z-index:500;	
}

ul img {
	border:none;	
}


#slideshow-caption {
	width:740px;
	height:70px;
	position:absolute;
	bottom:0;
	left:0;	
	color:#fff;
	background:#000;
	z-index:500;
}

#slideshow-caption .slideshow-caption-container {
	padding:5px 10px;		
	z-index:1000;
}

#slideshow-caption h3 {
	margin:0;
	padding:0;	
	font-size:22px;
	font-family:TeXGyreHeros;
}

#slideshow-caption p {
	margin:5px 0 0 0;
	padding:0;
	font-family:TeXGyreHeros;
	font-size:12px;
}










/*********************styleform**********************/
form.cmxform {
	width: 360px;
	font-size: 1.1em;
	color: #333;
	}
	
form.cmxform legend { padding-left: 0; }
	
form.cmxform legend,
form.cmxform label { color: #333; }

form.cmxform fieldset {
	border: none;
	border-top: 1px solid #C9DCA6;
	background: url(../images/cmxform-fieldset.gif) left bottom repeat-x;
	}
	
form.cmxform fieldset fieldset { background: none; }
	
form.cmxform fieldset li {
	padding: 5px 10px 7px;
	background: url(../images/cmxform-divider.gif) left bottom repeat-x;
	}
	
	
	
form.cmxform fieldset { margin-bottom: 10px; }
	
form.cmxform legend {
	padding: 0 2px;
	font-weight: bold;
	_margin: 0 -7px; /* IE Win */
	}
	
form.cmxform label {
	display: inline-block;
	line-height: 1.4;
	vertical-align: top;
	}
	
form.cmxform fieldset ol {
	margin: 0;
	padding: 0;
	}
	
form.cmxform fieldset li {
	list-style: none;
	padding: 5px;
	margin: 0;
	}
	
form.cmxform fieldset fieldset {
	border: none;
	margin: 3px 0 0;
	}
	
form.cmxform fieldset fieldset legend {
	padding: 0 0 5px;
	font-weight: normal;
	}
	
form.cmxform fieldset fieldset label {
	display: block;
	width: auto;
	}

form.cmxform em {
	font-weight: bold;
	font-style: normal;
	color: #f00;
	}

form.cmxform label { width: 140px; } /* Width of labels */
form.cmxform fieldset fieldset label { margin-left: 123px; } /* Width plus 3 (html space) */

/*\*//*/ form.cmxform legend { display: inline-block; } /* IE Mac legend fix */