/*  
Website: HydraWeb
Website URI: http://www.hydraweb.cl/
Description: Hydraweb - Corporate Website XHTML - CSS Valid.
*/

body {
	text-align: center;
	font-family: Arial, Helvetica, Arial, sans-serif;
	font-size: 0.8em;
	padding:0;
	margin:0;
	border: 0;
	color: #000000;
	line-height: 1.4em;
	background-image: url(../images/boga.gif);
	background-repeat: repeat-x;
	background-position: 0 TOP;
	}

div.wrap {
	margin: 0 auto;
	padding: 0;
	width:940px;
	text-align:left;
	}
.wrap strong {
 font-weight: normal;
}
acronym, abbr { border-bottom: 1px dotted #000; cursor: help; }
	
div.header {
	background:url(../images/headersss.jpg) center 0 no-repeat;
	padding:80px 0 0 0;
	height:386px;
	overflow:hidden;
	}	

div.experticie {
	padding:80px 0 0 0;
	}

div.contactar {
	padding:96px 0;
	}	
	div.ventajas {
	padding:96px 0 76px 0;
	}	

div.actualidad {
	background:url(../images/headero.jpg) center no-repeat;
	padding:80px 0 0 0;
	height:386px;
	color:#FFFFFF;
	overflow:hidden;
	z-index:-100;
	}		

div.footer {
	padding:30px;
	color:#FFFFFF;
	background-color: #1B1B1B;
	}	
	

div.actualidad div.wrap {
	padding: 0px;
	}

div.monitor {
	background:url(../images/monitor.gif) 0 0 no-repeat;
	height:390px;
	}
	
div.recomendacion {
	background:url(../images/quote.gif) 0 5px no-repeat;
	padding-top:45px;
	float:left;
	color:#878787;
	width:940px;
	}	

div.actualidad-live {
	color:#BAE3F5;
	}	
	
div.navegacion {
	margin-top:0px;
}

#lfmMostRecentTrackImage {
	display:block;
	float:left;
	margin:0 5px 5px 0;
	width:64px; 
	height:64px;
	}

div.ejemplos {
	margin:17px 0 33px 22px;
	position: relative;
	width: 417px;				
	height: 280px;
	overflow: hidden;
	}
	
div.showcase {	
	position: relative;
	width:10000px;
	}


div.showcase img {
	position: relative;
	width: 417px;
	float: left;
	}

div.hide {
	display: none;
	}	
	
/* Columns ######################################################### */	

.column-1 {
	width:140px;
    margin-right:10px;
	height:10px;
	float:left;
	}
	.necesario {
	width:140px;
    margin-right:10px;
	height:10px;
	float:left;
	}
	.estudios {
	width:126px;
	padding-left:20px;
    float:left;
	}
	.networking {
	width:130px;
	padding-left:16px;
	 float:left;
	}
	.brecha {
	width:160px;
		margin-right:10px;
                  float:left;
	}
	.column-45 {
	width:440px;
	}
	
.info-services {
	width:150px;
	padding-right:10px;
	padding-top:10px;
	margin-right:10px;
	float:left;
	}
		.info-manage {
	width:150px;
	padding-right:10px;
	padding-top:10px;
	float:left;
	}
.column-11 {
	width:126px;
	padding-left:20px;
	}
	
	
.column-2 {
	width:290px;
	}	
	.locate {
	width:290px;
	padding-right:20px;
		margin-right:10px;
                  float:left;
	}	
	.ayuda {
	width:350px;
		margin-right:10px;
                  float:left;
	}	
		
			
.conclusion {
	width:340px;
	padding-left:30px;
	padding-right:30px;
    margin-right:10px;
    float:left;
	}	
		
	
.trabajos {
	width:290px;
	margin-right:10px;
	padding-right:24px;
		float:left;
	}	
	
.factor {
	width:410px;
	padding-left:0px;
	float:left;
	}	
	.column-71 {
	width:410px;
	margin-right:0px;
	}	
.column-7 {
	width:280px;
	}	
	
.intro {
	width:590px;
	float:left;
	   margin-right:10px;
	}	
.formulario {
	width:460px;
		margin-right:10px;
                  float:left;
	}
		
.importante {
	width:510px;
	margin-right:20px;
    float:left;
	}

/* Headlines ######################################################### */		


h1 {
	padding:0;
	margin: 0;
	background:url(../images/logo.jpg) 0 0 no-repeat;
	width:300px;
	height:110px;
	text-indent:-1111px;
	}
h1 a {width:300px;
height:110px;
text-indent:-99999px;
float:left;
background:url(../images/logo.jpg) 0 0 no-repeat;
}	

h2 {
	padding: 0 0 30px 0;
	margin: 0;
	font-size:2.8em;
	letter-spacing:-1px;
	line-height:0.9em;
	}

h3 {
	padding: 6px 0 20px 0;
	margin: 0;
	font-size:1.25em;
	line-height:1.2em;
	font-family:Arial, Helvetica, sans-serif;
	}

/* Links ######################################################### */	

a:link,  a:visited, a:active {color:#24668A; text-decoration:none}
a:hover {color:#255041;}
a:focus { outline:none;}

.actualidad a:link, .actualidad  a:visited, .actualidad a:active {color:#9dd7f8;}
.actualidad a:hover {color:#ffffff;}

.footer a:link, .footer  a:visited, .footer a:active {color:#ffffff; }
.footer a:hover {color:#ffffff;}

.footer a:link span, .footer  a:visited span, .footer a:active span {color:#878787; }
.footer a:hover span {color:#878787;}
.footer span {color:#878787; }

a.nav-back {
	background:url(../images/nav-back.gif) 0 0 no-repeat;
	height:26px;
	width:26px;
	float:left;
	text-indent:-1111em;
	}
	
a.nav-forw {
	background:url(../images/nav-forw.gif) 0 0 no-repeat;
	height:26px;
	width:26px;
	float:right;
	text-indent:-1111em;
	}

/* Fonts ######################################################### */

.font-grey {color:#878787;}
.error {color:#CC3300;}

span.linethru {
	text-decoration:line-through;
	}

div.contactar ul li span {
	width:80px;
	display:block;
	float:left;
	color:#878787;
	}

.focus {	
	font-family: Arial, "Goudy Old Style", "Palatino", "Book Antiqua", serif;
	font-size:1.3em;
	font-style:normal;
	line-height:1.6em;
	}
.trends {	
	font-family: Arial, "Goudy Old Style", "Palatino", "Book Antiqua", serif;
	font-size:1.3em;
	font-style:normal;
	line-height:1.6em;
	}
p {
	margin:0;
	padding:0 0 25px 0;
	}

p.intro {
	color:#ffffff;
	font-family: Arial, "Goudy Old Style", "Palatino", "Book Antiqua", serif;
	font-size:1.3em;
	font-style:normal;
	line-height:1.6em;
	}	

.recomendacion p.cita {
	background:url(../images/cite.gif) right bottom no-repeat;
	padding-bottom:28px;
	}

form p.textfield, form p.msg {
	width:198px;
	float:left;
	padding:0 0 17px 0;
	display:inline;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:0.85em;
	text-transform:uppercase;
	color:#878787;
	letter-spacing:1px;
	}	
	cite {
padding: 10px 10px 10px 10px;
margin: 10px 10px 10px 10px;
background: #ddd;
border-style: solid;
border-color: #999;
}

form input.button {	
	text-align:center;
	width:200px;
	height:36px;
	background:url(../images/submit.gif) 0 0 no-repeat;
	font-family:Arial, "Times New Roman", Times, serif;
	color:#ffffff;
	padding:0;
	line-height:1em;
	letter-spacing:1px;
	font-size:1.40em;
	font-weight:bold;
	border:none;
	}	

form p.msg {
	float:none;
	clear:both;
	display:block;
	width:100%;
	}	

form p.submit {
	float:none;
	clear:both;
	width:100%;
	display:block;
	padding:0;
	text-align:center;
	}	

/* Navigation ######################################################### */

ul.nav {
	margin:0;
	padding:14px;
	list-style-type:none;
	background:#000;
	filter:alpha(opacity=70);
	-moz-opacity:.70;
	opacity:.70;
	width:600px;

	}

ul.nav li {
	float:left;
	display:inline;
	padding:0;
	margin:0;
	}

ul.nav li a, ul.nav li a:visited, ul.nav li a:active  {
	color:#d7d7d7;
	font-size:1.4em;
	line-height:1em;
	font-weight:bold;
	padding:15px;
	}
	
ul.nav li a:hover  {
	color:#ffffff;
	}
	
/* Images ######################################################### */	

img {
	border:0;
	}

.ventajas .wrap .formulario img {
	margin-bottom:25px;
	}
	
	.ventajas img {
	padding-bottom:18px;
	}
	
/* Tables ######################################################### */

	

/* Lists ######################################################### */

ul#twitter_update_list {
	margin:0;
	padding:0 0 25px 0;
	list-style-type:none;
	overflow:hidden;
	}

ul#twitter_update_list li {
	padding:0;
	margin:0;
	}

div.contactar ul {
	margin:0;
	padding:0;
	list-style-type:none;
	}

div.contactar ul li {
	padding:4px 0;
	margin:0;
	border-bottom:1px solid #cbcbcb;
	}

		

/* Forms ######################################################### */

form {
	padding:20px;
	margin:0;
	border:1px solid #cbcbcb;
	}

form p.textfield input {
	width:189px;
	padding:4px 4px 2px 4px;
	height:18px;
	background:url(../images/input.gif) 0 0 no-repeat;
	border:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	}		

textarea {
	width:407px;
	padding:4px 4px 2px 4px;
	height:122px;
	border: 1px solid #CBCBCB;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	}	

/* Misc ######################################################### */		

.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.clearfix {
    display:inline-block;
}
.clearfix {
    display:block;
}
* html .clearfix {
    height:1px;
}

.float-left {
	float:left;
	}

.float-right {
	float:right;
	}
	
.margin-right {
	margin-right:10px;
	}		

.height10 {
	height:10px;
	}

.clear {
	clear:both;
	}	

.center {
	text-align:center;
	}	
#floatMenu {
	position:absolute;
	top:0px;
	left:38%;
	margin-left:0px;
	width:622px;
	display: inline;}
#floatMenu ul {
	margin:0;
	padding:14px;
	height: 22px;
	list-style-type:none;
	background:#000;
	filter:alpha(opacity=70);
	-moz-opacity:.70;
	opacity:.70;

	}

#floatMenu ul li {
	float:left;
	display:inline;
	padding:0;
	margin:0;
	}

#floatMenu ul li a, #floatMenu ul li a:visited, #floatMenu ul li a:active  {
	color:#FFFFFF;
	font-size:1.4em;
	line-height:1em;
	font-weight:bold;
	padding:15px;
	}
	#floatMenu ul li a:active  {
	color:#FFFFFF;
	font-size:1.4em;
	line-height:1em;
	font-weight:bold;
	padding:15px;
	}
	
#floatMenu ul li a:hover  {
		color:#E2FCFE;
	}
	
.style3 {color: #CAF6FF}
.definicion {
color:#333333; font-size:11px;}
.definicion em { font-style:normal;}
.visual {
	width:460px;
margin-right:10px;
float:left;
background:url(../images/monitor.gif) 0 0 no-repeat;
	height:390px;
	}