/* body setup */
html {height: 100%;overflow-y: scroll;}
body{font-family: "Arial";font-size:12px;text-transform:line-height: 1.4em;background:#fff url(images/main_bg.jpg) top center repeat-x; color:#0f0f0f;margin :0 auto;}
a{color:#fd9002;text-decoration:none;outline:0;}
a:hover { color:#fff; }
a img { border: none; }
ul, li { list-style: none;margin:0;padding:0; }
h1  {font:22px "arial",helvetica;line-height:1.4em;color:#e69505; background:url(images/h1.png) no-repeat; width:950px;margin:0 auto;padding:20px 0px 0px 107px;height:70px;} 
h2  {font:18px "arial",helvetica;line-height:1.2em;color:#000;}
h3  { font:bold 14px "Arial", Verdana, Sans-serif;color:#000; }
h4  { font-size:14px;font-family:"Lucida Grande", "Lucida Sans", "Trebuchet MS", Arial, Verdana, Sans-serif;}
.gray { color:#999; }
.imag_boder { border: 1px solid #e69505; }
input , textarea {background-color:#000000;color:#e69505; font-family:Arial, Helvetica, sans-serif; font-size:12px;border: 4px solid #000; letter-spacing:0.05em;}
textarea { width:310px; }
.input { width:170px; }
.bigger { font-size:15px; }
.envio_ok { text-align:center; line-height:%260;padding-top:20px; }
/* header */
#header{width:970px;margin:0 auto;height:180px;padding:1px 0 0px 0; background:url(images/header.png) no-repeat;}
#header h1 a{ display:block;font-size: 20px; margin: 5px 0; width: 240px;text-indent: -999em;}
#header h1 a:hover{color: #7ebe40; }


/* nav */
#nav { margin:0 auto;height:40px;margin-top:125px;}
#nav ul{list-style:none;text-align:left;height:50px;padding:0 30px 0 0; }
#nav li{float:right;margin: 0 auto;margin:4px 10px 0 10px;}
#nav li a {width:160px;font:14px "arial";outline:none;color:#000;text-decoration:none;font-weight:bold;display:block;}	
#nav li a:hover{font-weight:bold;color:#fff !important;}

#wrapper { display:block; margin:0 auto;width:970px;}
#wrapper li {padding:2px 0 2px 0;font-size:12px;color:#999;}

#main { clear:both;width:970px;margin:0 auto;}

#content { float:right;width:520px;margin:0 auto;}
#content p { padding:0px 25px 0 20px; line-height:170%; }
#content img { margin:0 15px 0 15px; }
#content h3 { padding:0 0 0 20px; }
#content h1 { background:url(images/h1_content.png) no-repeat;padding: 7px 0 0 45px;color:#000;height:50px;width:500px;}


#contacto { margin: 0; background:url(images/contacto.png) no-repeat;height:282px;width:350px; }
#contacto ul { padding:15px 0 0 7px;}


#sidebar { float:left;width:350px;margin: 0 auto;padding:0 0 0 30px;}
#sidebar h1 { font-size:18px;background:url(images/h1_content.png) no-repeat;padding:9px 0 0 45px;color:#000;height:50px;width:350px;margin:0 0 0 -15px;}

/* single page */

#servicios { margin: 0 auto; }

#servicios ul {
float:left;
background: url(images/box03.png) no-repeat;
height:305px;
width:470px;
padding:5px 15px 5px 6px;
margin-left:4px;
}

#servicios li {
list-style: none url(images/li.png);
display: list-item;
margin-left:24px;
color:#999;
font-size:14px;
margin-top:17px;
padding:0px 15px 5px 1px;
}
/* twiter box*/

#right-sidebar h1.twitter {
height:50px;
background:url(images/logos/twitter.png) no-repeat right ;
margin-bottom:-5px;
}

#twitter_div {
background: transparent url(images/twitterbox.png);
margin:0 auto;
width:405px;
padding:5px 0px 5px 0px;
margin-right:17px;
overflow-x: hidden;
}

ul#twitter_update_list li {
color:#000;
list-style-type: none;
padding:2px 2px 2px 2px;
}

/* sidebar items */


#dominios {margin: 0 auto;padding: 0 0 0 0;  }
#dominios ul {background:url(images/dominios.png) no-repeat;height:100px;margin:0 0 0 -8px;padding:10px 0 0 17px;}
#dominios li {list-style:none;margin-left:1px;color:#000;font-size:12px;padding:7px 0 7px 0;}
#dominios p.gray {font-size:10px;color:#999999;}

#hosting { clear:both;margin:0 auto;padding:0 0 0 30px; }
#hosting h1 { background: url(images/h1_hosting.png) no-repeat;}
#hosting ul {float:left;background: transparent url(images/hosting.png) no-repeat;height:220px;width:220px;padding:7px 7px 0px 3px;}
#hosting h3 {width:180px;color:#e69505;font-size:15px;font-weight:bold;text-align:center;margin:13px 0 8px 20px;}
#hosting li {list-style:none;color:#000;font-size:11px;margin:0 0 0 40px;}
#hosting li a {color:#e69505;font-size:14px;font-weight:bold;}
#hosting li a:hover {color:#000;}
#hosting p {padding-left:10px;color:#666666;}

#trabajos { clear:both; margin: 0 auto;padding:0 0 0 30px; }
#trabajos h1 { background:url(images/h1_trabajos.png) no-repeat; }
#trabajos img { border: 1px solid #e69505; }
#trabajos ul {height:190px;padding:7px 7px 0px 10px;margin:0 auto;}
#trabajos li {float:left;background: transparent url(images/shadow.png) center no-repeat;height:190px;width:220px;padding:7px 7px 0px 3px;margin:0 auto;}
#trabajos h3 {width:180px;color:#e69505;font-size:15px;font-weight:bold;text-align:center;margin:13px 0 8px 20px;}




#hostingcaracteristicas { margin: 0 auto;margin-left:30px;}

#hostingcaracteristicas ul {
background:url(images/hosting2.png) no-repeat;
float:left;
width:290px;
height:290px;
padding:2px 0 0px 3px;
margin-left:10px;
}
#hostingcaracteristicas h3 { color:#FF9900;padding:7px 0 4px 15px;margin:0 auto; }

#hostingcaracteristicas li {
margin:0 auto;
list-style:none;
padding-left:19px;
color:#ccc;
font-size:12px;
}


#destacados_medium { margin:0 auto; }
#destacados_medium ul { list-style:none;width:480px; }
#destacados_medium li { float:left;list-style:none;width:220px;margin:0 15px 0 0px; }
#destacados_medium img { border:solid 1px #8fccf1; }


/* footer */
#footer {
clear:both;
background:url(images/footer.png) no-repeat;
font-size:12px;
font-weight:bold;
line-height:1.4em;
margin:0 auto;
height:90px;

text-align:center;
}
#footer ul { width:950px;}
#footer li {padding:26px 40px 0 30px;color:#000; list-style:none;}
#footer li.left { float:left; }
#footer li.right { float:right;}