/* Estructura */
body{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;	
	background-repeat:repeat-x;
	background-color:#FFFFFF;
}

#main {	
	margin: 0px auto;
	padding:0px 0px 0px 0px;
	width:768px;
	height:auto;
}

#header{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	float:left;
	width:768px;
	height:150px;
	background-image:url(../images/bg_top.gif);
	background-position:top;
}

#logo{
	float:left;
	margin:26px 0px 0px 23px;
}

#content{
	margin:0px 0px 0px 0px;
	padding:10px 0px 10px 0px;
	float:left;
	width:768px;
	height:auto;
	background-color:#FFFFFF;
}

#content_main{
	float:left;
	width:500px;
	height:auto;
}

#t_inicio{
	float:left;
	width:500px;
	height:34px;
	margin:0px 0px 10px 0px;
	background-image:url(../images/t_soporte.gif);
}

#t_tutoriales{
	float:left;
	width:500px;
	height:34px;
	margin:0px 0px 10px 0px;
	background-image:url(../images/t_tutoriales.gif);
}

#content_main .ver_tutorial{
	float:right;
	width:90px;
	height:12px;
	padding:0px 0px 9px 0px;
	margin:0px 10px 10px 10px;
	background-image:url(../images/ver_sitio.gif);
	background-position:left;
	background-repeat:no-repeat;
	text-align:right;
}

#content_right{
	float:right;
	width:250px;
	height:auto;	
}

#inicio{
	height: 39px;
	width: 250px;
	text-indent: 10000px;
	overflow: hidden;
	background: url(../images/btn_inicio.gif) top left no-repeat;
	display: block;
}

#inicio_over{
	height: 39px;
	width: 250px;
	text-indent: 10000px;
	overflow: hidden;
	background: url(../images/btn_inicio.gif) bottom left no-repeat;
	display: block;
}

#inicio:hover{
	background-position: bottom left;
    text-decoration: none;
}

#descargas{
	height: 39px;
	width: 250px;
	text-indent: 10000px;
	overflow: hidden;
	background: url(../images/btn_descargas.gif) top left no-repeat;
	display: block;
}

#descargas_over{
	height: 39px;
	width: 250px;
	text-indent: 10000px;
	overflow: hidden;
	background: url(../images/btn_descargas.gif) bottom left no-repeat;
	display: block;
}

#descargas:hover{
	background-position: bottom left;
    text-decoration: none;
}

#tutoriales{
	height: 39px;
	width: 250px;
	text-indent: 10000px;
	overflow: hidden;
	background: url(../images/btn_tutoriales.gif) top left no-repeat;
	display: block;
}

#tutoriales_over{
	height: 39px;
	width: 250px;
	text-indent: 10000px;
	overflow: hidden;
	background: url(../images/btn_tutoriales.gif) bottom left no-repeat;
	display: block;
}

#tutoriales:hover{
	background-position: bottom left;
    text-decoration: none;
}

#ayuda{
	height: 39px;
	width: 250px;
	text-indent: 10000px;
	overflow: hidden;
	background: url(../images/btn_ayuda.gif) top left no-repeat;
	display: block;
}

#ayuda_over{
	height: 39px;
	width: 250px;
	text-indent: 10000px;
	overflow: hidden;
	background: url(../images/btn_ayuda.gif) bottom left no-repeat;
	display: block;
}

#ayuda:hover{
	background-position: bottom left;
    text-decoration: none;
}

#skype{
	float:left;
	width:250px;
	height:44px;
	margin:10px 0px 0px 0px;
	text-align:center;
}

#content_main .parrafo{
	float:left;
	width:480px;
	height:auto;
	padding:0px 10px 10px 10px;
	text-align:justify;
}

.tutorial{
	float:left;
	width:600px;
	height:499px;
	border:2px solid #00adef;
}

#icons{
	float:right;
	width:148px;
	height:500px;
}

.icon{
	float:left;
}

#footer{
	float:left;
	width:768px;
	height:11px;
	padding:10px 0px 15px 0px;
	background-color:#000000;
}

/* Textos */
body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	line-height:18px;
}

#footer{
	font-family:"Courier New", Courier, monospace;
	font-size:11px;
	text-align:center;
	color:#FFFFFF;
}

#footer a{
	color:#FFFFFF;
	text-decoration:none;
}

#footer a:hover{
	text-decoration:underline;
}

#content_main .subtitulo{
	float:left;
	width:480px;
	height:34px;
	padding:0px 10px 0px 10px;
}


input, select, textarea{
	width:220px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border:1px solid #515151;
}

input:hover, select:hover, textarea:hover, input:focus, select:focus, textarea:focus{
	border:1px solid #00adef;
}

.boton{width:auto;}
.sitio{border:2px solid #efefef;}
.sitio:hover{border:2px solid #00adef;}

em{
	font-weight:bold;
	font-style:normal;
	color:#00adef;
}

#content_main ul {margin:0; padding:0; list-style:none;}
#content_main ul li {background:url(../images/bullet.gif) no-repeat; background-position:center left; margin:0 0 0 10px; padding:3px 0px 3px 20px; line-height:16px;}
#content_main li a { color:#00adef; text-decoration:none; font-weight:bold;}
#content_main a:hover {text-decoration:underline;}

.line{
	float:left;
	width:500px;
	height:11px;
	background-image:url(../images/bg_line.gif);
	margin:0px 0px 10px 0px;
}

.small{font-size:10px;}
.light{background-color:#f1fcff;}
a{color:#00adef;}
a:hover{text-decoration:none;}
i{color:#999999;}
img{border:0px;}
td{vertical-align:top;}