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


/*  -------------- GENERAL  --------------  */

*{
	margin:0;
	padding:0;	
}

html, body{
	background-image:url(imagenes/bg.jpg);
	background-position:top;
	background-repeat:repeat-x;
	background-color:#f2f2f2;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFF;
	height:100%;
	text-align:center;
}

p{
	margin:5px 0px 5px 0px;
}

#wrapper { 
 margin: 0 auto;
 width: 800px;
 text-align:left;	 
}

.clear{ clear:both; }

h1{
	font-size:16px;
	margin-bottom:12px;
}

h2{
	font-size:14px;
	margin-bottom:9px;
	color:#9D011C;
}

h3{
	color:#E30228;
	font-size:12px;
}

a{
	text-decoration:none;
	color:#F30;
}

a:hover{
	text-decoration:underline;
}

#header {
 width: 800px;
 padding: 20px;
 border: 0px solid;
 height: 90px;
 margin: 0px 0px 5px 0px;
}

#content { 
 width: 800px;
 color: #333;
 border: 0px solid;
 margin: 0px 0px 5px 0px;
 padding: 10px; 
}

td{
	font-size:11px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFF;
	font-weight:bold;
}

.precio{
	font-size:16px;
	font-family: Arial, Helvetica, sans-serif;
	color:#FFF;
	font-weight:bold;
}

/*  -------------- GENERAL  --------------  */




/*  -------------- HOME  --------------  */

#foto_principal{
	 margin: 0 auto;
	 width: 608px;
	 height: 135px;
	 background: url("/imagenes/streaming_alta_calidad.jpg");
	 text-indent: -9999px;

}

#boxes_home{
	 margin: 0 auto;
	 width:732px;
	 height:300px;
}

#box_home{
	float:left;
	width:244px;
	height:127px;
	background-image:url(imagenes/boxes_home.jpg);
	background-repeat:no-repeat;
}

/*  -------------- HOME  --------------  */





/*  -------------- FOOTER  --------------  */

#footer {
 width: 100%;
 padding: 0;
 border: 0px solid;
 background-image:url(imagenes/bg_footer.jpg);
 height:162px;
 clear: both;
 text-align:center;
}

#texto_footer{
	margin: 0 auto;	
	padding-top:20px;
	width:800px;	
	text-align:left;	
}

#footer_logo{
	width:290px;
	float:left;
	text-align:center;
	height:100px;
}

#footer_links{
	width:170px;
	float:left;
	font-size:11px;
	height:80px;	
	text-align:left;		
}

#copyright{
	width:800px;
	font-size:10px;
	float:left;
	text-align:center;
}

#footer_links a:link, #footer_links a:visited{
	color:#FFF;
	text-decoration:none;
}

#footer_links a:hover{
	font-weight:bold;
	color:#FFF;	
	text-decoration:none;	
}

/*  -------------- FOOTER  --------------  */




/*  -------------- MENU  --------------  */

#navigation {
 width: 800px;
 color: #333;
 height: 60px;
 padding: 10px;
 border: 0px solid;
 margin: 0px 0px 5px 0px;
}

ul#topnav {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	z-index:0;
	width:800px;
}

ul#topnav li{
	margin: 0;
	padding: 0;
	overflow: hidden;  /*--Importante - Estado por defecto--*/
	float: left;
	height:53px;
}

/*  -------------- MENU  --------------  */



/*  -------------- PLANES.PHP  --------------  */

#planes{
	margin: 0 auto;		
	width:760px;
	height:420px;
	text-align:center;		
}

#planes_texto{
	font-size:14px;
	height:100px;
	padding:0px 20px 0px 20px;
}

#plan32k{
	background-image:url(imagenes/planes_host_01.jpg);
	width:192px;
	height:322px;
	float:left;
}

#plan64k{
	background-image:url(imagenes/planes_host_02.jpg);
	width:188px;
	height:322px;
	float:left;
}

#plan128k{
	background-image:url(imagenes/planes_host_03.jpg);
	width:190px;
	height:322px;
	float:left;
}

#plan256k{
	background-image:url(imagenes/planes_host_04.jpg);
	width:183px;
	height:322px;
	float:left;
}

/*  -------------- PLANES.PHP  --------------  */


/*  -------------- DESCARGAS.PHP  --------------  */

#descargas{
	margin: 0 auto;		
	width:760px;
	height:420px;
	clear:both;
	text-align:left;
}

#descargas_texto{
	font-size:12px;
	height:100px;
	padding:0px 20px 0px 20px;
}

/*  -------------- DESCARGAS.PHP  --------------  */



/*  -------------- TUTORIALES.PHP  --------------  */

#tutoriales{
	margin: 0 auto;		
	width:760px;
	height:420px;
	text-align:left;
}

#tutoriales_texto{
	font-size:12px;
	height:100px;
	padding:0px 20px 0px 20px;
}


#tutorial_winamp{
	margin: 0 auto;		
	width:760px;
	height:2500px;
}

#tutorial_wmp{
	margin: 0 auto;		
	width:760px;
	height:1950px;
}

#tutorial_sc{
	margin: 0 auto;		
	width:760px;
	height:3090px;
}

/*  -------------- TUTORIALES.PHP  --------------  */



/*  -------------- HOSTING.PHP  --------------  */

#host{
	margin: 0 auto;		
	width:760px;
	height:440px;
	text-align:left;
}

#host_texto{
	font-size:14px;
	height:100px;
	padding:0px 20px 0px 20px;
}

#basico{
	background-image:url(imagenes/planes_hosting_01.jpg);
	width:154px;
	height:322px;
	float:left;
}

#standard{
	background-image:url(imagenes/planes_hosting_02.jpg);
	width:146px;
	height:322px;
	float:left;
}

#avanzado{
	background-image:url(imagenes/planes_hosting_03.jpg);
	width:147px;
	height:322px;
	float:left;
}

#premium{
	background-image:url(imagenes/planes_hosting_04.jpg);
	width:153px;
	height:322px;
	float:left;
}

#deluxe{
	background-image:url(imagenes/planes_hosting_05.jpg);
	width:153px;
	height:322px;
	float:left;
}

.pago_anual{
	color:#CCC;
}

/*  -------------- PLANES.PHP  --------------  */




/*  -------------- CONTACTO.PHP  --------------  */

.contacto td{
	color:#000;
	font-weight:normal;
}

.campos_obligatorios{
	font-size:9px;
}

#contacto{
	margin: 0 auto;		
	width:760px;
	height:480px;
	clear:both;
	text-align:left;
}

#contacto_texto{
	font-size:12px;
	height:100px;
	padding:0px 20px 0px 20px;
}

.input{
	font-size:11px;
	height:20px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;	
	padding: 4px 0px 0px 2px;
}

textarea{
	font-size:11px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	padding: 4px 0px 0px 2px;
}

.input_boton{
	height:33px;
}


/*  -------------- CONTACTO.PHP  --------------  */


ul.tutoriales, ol.tutoriales{
	padding: 5px 25px;
}




/*  -------------- PORTFOLIO.PHP  --------------  */

#portfolio{
	margin: 0 auto;		
	width:753px;
	height:420px;
	text-align:left;
}

#portfolio_texto{
	font-size:14px;
	height:100px;
	padding:0px 20px 0px 20px;
}

.portfolio_texto td{
	font-size:11px;
	font-weight:normal;
}

#disenoweb{
	background-image:url(imagenes/portfolio_clientes_01.jpg);
	width:192px;
	height:322px;
	float:left;
}

#programacion{
	background-image:url(imagenes/portfolio_clientes_02.jpg);
	width:188px;
	height:322px;
	float:left;
}

#animaciones{
	background-image:url(imagenes/portfolio_clientes_03.jpg);
	width:190px;
	height:322px;
	float:left;
}

#newsletter{
	background-image:url(imagenes/portfolio_clientes_04.jpg);
	width:183px;
	height:322px;
	float:left;
}

/*  -------------- PLANES.PHP  --------------  */

#clientes{
	width:726px;
	text-align:left;
}


ul.simple, ul.simple li{ list-style:  none outside; padding: 0; }
ul.simple li p, ul.simple li h4{ /*padding: 5px 20px; */ }

/* =layout
-------------------------------------------*/
#container { width: 480px; margin: 0 auto; text-align: left; /*background: #4C4C4C;*/ color: #949494; padding: 0 10px 10px 10px; }
	
#container h3 { width: 450; background: url(images/heading.gif) top center no-repeat; height: 25px; line-height: 40px; padding: 0 20px; margin: 5px 0; position: relative; cursor: pointer; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
#container h3 a{ text-decoration: none; color:035297; font-size:12px;}	
#container h3 span { position: absolute; top: 0; right: 25px;  font-size: 0.8em; font-weight: bold;}
	
	/*#container h2{padding: 5px;  }*/
	div.heading {margin: 10px 0 0 0; padding: 5px;}

div.collapse{ 
width: 480px; 
margin: 5px 0;
background: url(images/section-medium-top.gif) top center no-repeat #333a3e;
}	

div.collapse-container{ 
width: 460px; 
padding: 15px 20px 15px 10px; 
background: url(images/section-medium-bottom.gif)  bottom no-repeat;
height:100
}