* { margin: 0; padding: 0; border: 0; }
body { font: 12px/16px Tahoma, Arial, "Trebuchet MS", sans-serif; color: #696969; border-top:4px solid #557926; background: #fff; width: 100%; }
ul, ol { list-style-type:none; margin:13px 0 13px 15px; padding:0; }
ul li, ol li { line-height:1.6; margin:0 0 2px 0; padding:0; }
blockquote, q { quotes: none; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
.imgborder { background:#ececec; border:#d9d9d9 1px solid; padding:4px; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; float:left; margin:0 8px 5px 0;}
 
/* LINKS
------------------------------------------------------------- */
a { color:#000000; margin: 0; outline: 0; text-decoration: none; }
a:hover { color:#47661e; text-decoration: none; }
a.btn { color:#fff; display: block; font-size:16px; font-weight:bold; margin: 10px 0 0 0; width: 39%; padding:15px; float:left; outline: 0; text-align: center; }

/* PARRAFOS
------------------------------------------------------------- */
p { font-size: 10px; line-height: 1.7; margin: 0 0 12px 0; }
h1 { font-weight: normal; margin: 15px 0 10px; }
h2 { font-size:24px; font-weight: bold; font-style: italic; margin:0 0 15px 0; padding:0; color:#939292; }
h2 span { font-size:11px; font-weight: normal; font-style: italic; padding:0; color:#000; }
h3 { color:#939292; font-size:16px; background: transparent url("imgs/quote.gif") no-repeat 0 5px; line-height: 24px; font-weight:normal; font-style: italic; text-align: justify; margin: 20px 0 20px 0; padding-left: 30px; padding-top: 8px;}
h4 { color:#585858; font-size:14px; line-height: 20px; font-weight:bold; margin: 5px 0 5px 0; }
img.border { background:#ececec; border:#d9d9d9 1px solid; padding:5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; float:left; margin:0 8px 5px 0;}

/* RESET
------------------------------------------------------------- */
.clear { clear: both; font-size: 0; height: 0; line-height: 0; position: relative; }
.clearandspace { clear: both; font-size: 0; height: 20px; line-height: 0; position: relative; }
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }
.no-margin {margin-right:0 !important;}

/* CAPAS
------------------------------------------------------------- */
.subleft { float:left; width: 200px; background:#fafafa; border:#d9d9d9 1px solid; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.subright { float:right; width: 650px; }
.left { float:left; width: 48%; }
.right { float:right; width: 48%; }
.leftsmall { float:left; width: 35%; }
.leftlarge { float:left; width: 55%; }
.rightlarge { float:right; width: 55%; background:#f2f2f2; padding:20px; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;  }
.rightlarge-white { float:right; width: 55%; padding:0 20px; }
.rightsmall { float:right; width: 35%; padding:0 20px; }

.container { padding:0; margin:0 auto; width: 100%; text-align: center }
.wrapper { margin:0 auto; padding: 0; width:940px; }
.header { position: relative; margin: 0 auto 30px auto; padding:15px 0 5px 0; width: 940px; height: 80px; border-bottom: 2px solid #f2f2f2; }
.content { padding:0; margin:0 auto; width: 900px; text-align:left; }
.content p { font-size:12px; text-align: justify; }
.content ul li, .content ol li { font-size:12px; padding:0 0 8px 20px; background: transparent url("imgs/bg_arrow_li.gif") no-repeat 0 5px; }
.notapie { clear: both; color: #909090; position: relative; float:right; margin-top: 8px; margin-bottom: 0px; }

/* HEADER
------------------------------------------------------------- */
.header h1 { color:#000; font-size:32px; font-weight: bold; margin: 0; color:#557926; padding:0; float:left; margin-left: 5px; }
#nav { color: #999; cursor: pointer; font: 14px/22px "Arial", Helvetica, sans-serif; font-weight: bold; position: relative; float:right; padding: 0; margin:30px 0 10px 0; }
#nav li { margin: 0 8px; padding: 0 0 0px; float: left; position: relative; list-style: none; }
#nav a { font-weight: bold; color: #909090; text-decoration: none; display: block; padding: 8px 10px; margin: 0; }
#nav li:hover > a { color:#557926; border:none; background: url(imgs/bg_nav_li.gif) no-repeat 50% 100%; text-decoration:none; }
#nav .selected { color:#557926; }
#nav ul { background: #F2F2F2; display: none; margin: 0; padding: 5px 0px 5px 0px; width: 160px; position: absolute; top: 38px; left: 0; z-index: 50; border: 1px solid #909090;}
#nav li:hover > ul { display: block; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
#nav ul li { float: none; margin: 0; padding: 0; }
#nav ul a { font-weight: normal; border:1px solid #909090; margin: 0; padding: 0;}
#nav ul ul { left: 160px; top: -3px; }
#nav ul li:hover a, #nav li:hover li a { background: none; border: none; color: #707070; padding: 2px 0 2px 20px; text-align: left; font: 12px/20px "Arial", Helvetica, sans-serif; }
#nav ul li:hover > a { color: #47661e; width: 130px; background: url(imgs/bg_subnav_li.gif) no-repeat 8px 8px; text-decoration: underline; }
#nav li:hover .separator { border-top:1px solid #c0c0c0; margin: 5px 15px 5px 15px; }
#nav li:hover .title { text-align: left; margin: 5px 10px 0 10px; color: #404040; font-weight: normal; font: 11px/15px "Arial", Helvetica, sans-serif; }
#nav li:hover .title a { text-align: left; margin: 0; padding: 0px; color: #404040; font-weight: normal; font: 11px/15px "Arial", Helvetica, sans-serif; }
#nav li:hover .title a:hover { background:none; color:#557926; text-decoration: underline; }
#clientpanel { position: absolute; top:0px; right:10px; margin-top: 0px; margin-right: 20px; }
#clientpanel a { display: block; font-weight: bold; width: 136px; height: 25px; padding: 0 0 3px 12px; background: url(imgs/clients_login.png) no-repeat; font-size: 12px; line-height: 23px; font-family: Arial,Helvetica,sans-serif; color: #fff; }
#clientpanel a:hover { color: #f0f0f0; }

/* SUBMENU
------------------------------------------------------------- */
.subleft ul { margin: 12px 10px; padding:0px; list-style-type:none; }
.subleft ul li { background-image:url(imgs/bg_menu.gif); background-position: 10px 10px; background-repeat:no-repeat; padding-left: 25px; line-height:28px; margin-top: 5px; }
.subleft ul li a { color:#606060; text-decoration:none; }
.subleft ul li a:hover{ color:#557926; text-decoration:none; text-decoration: underline; }
.subleft ul li ul { margin: 0px 15px; padding:0px; list-style-type:none; }
.subleft ul li ul li { background: none; padding-left: 0px; line-height:15px; margin-top: 2px; list-style-type: circle; }

/* MAIN PAGE
------------------------------------------------------------- */
.intro { width: 100%; height:auto; overflow:hidden; overflow:hidden; padding-bottom:5px; position:relative;}
.intro h3 { background:none; font-weight:normal; font-size:18px; line-height:30px; color:#557926; font-style: normal; margin: 10px 0 10px 0; padding-left: 0px; }
.intro h3 a { color:#557926; }
.intro h3 a:hover { color: #304416; text-decoration:none; }
.intro img { background:#ececec; border:#d9d9d9 1px solid; padding:4px; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; float:left; margin:0 8px 5px 0;}
.intro .box {float:left; width:260px; margin-right:30px; margin-bottom:5px; height:auto; overflow:hidden;}
.intro .box img {margin:0 0 10px 0;}
.intro .twitter { min-height: 300px; float:left; width:270px; margin-right:35px; background:#f2f2f2; padding:20px; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.intro .twitter h3 { margin: 0px 0px 10px 0px; padding: 0px; font-size: 16px; }
.twitter li { list-style: none; margin-bottom: 15px; }
.twitter_image{ float:left; position:relative; margin-right:14px; width:50px; height:50px; }
.twitter_image img { background-color: #fff; }
.twitter_posted_at{ font-size:9px; padding-top:2px; margin-bottom: 10px; color:#999; }

/** Slider **/
#slider-wrapper {width:900px; height:280px; display:block; position:relative; margin-bottom:15px !important; background:#ececec; border:#d9d9d9 1px solid; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; float:left; }
#slideshow {width:890px; height:270px; position:relative; top:5px; left:5px;}
#slider-nav { border: 1px solid #d9d9d9; position:absolute; bottom:20px; right:20px; z-index:30; background:#f0f0f0; padding:7px 5px; -moz-border-radius:8px; -khtml-border-radius: 8px; -webkit-border-radius:8px; border-radius:8px;}
#slider-nav a {margin-right:5px; margin-left:5px; background:url(/imgs/slider-pager.png) no-repeat bottom left; height:16px; width:16px; text-indent:-9999px; display:block; float:left;}
#slider-nav a:hover, #slider-nav a.activeSlide {background:url(/imgs/slider-pager.png) no-repeat top left;}

/* FORMS AND CONTACT
------------------------------------------------------------- */
.contact ul li { background: none; }
.contact ul li img { margin: 0 10px 0 0; }

form fieldset { border: none; }
form label { display: block; padding: 0 0 5px; font-size:13px; }
form fieldset legend { font-weight: bold; margin-bottom: 10px; padding-top: 10px; }
form p small { font-size: 9px; color: #777; }
form input.file { padding: 6px; font-size: 13px; height: 100%; background: #fff url('imgs/bg-form.gif') top left repeat-x; border: 1px solid #d5d5d5; color: #333; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
form input.text-input, form select, form textarea { padding: 6px; font-size: 13px; background: #fff url('imgs/bg-form.gif') top left repeat-x; border: 1px solid #d5d5d5; color: #333; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
form .captcha {padding: 6px;}
form .mini-input { width: 15% !important; position: relative; top: -15px;}
form .small-input { width: 35% !important; }
form .medium-input { width: 50% !important; }
form .large-input { width: 97% !important; }
form textarea { width: 97% !important; font-family: Arial, Helvetica, sans-serif; }
form select { padding: 4px; background: #fff; }
form input[type="checkbox"], form input[type="radio"] { padding: 0; background: none; border: 0; }
.button { float:right; margin-right: 10px; font-family: Verdana, Arial, sans-serif; display: inline-block; background: #47661e url('imgs/bg-button.gif') top left repeat-x !important; border: 1px solid #47661e !important; padding: 4px 18px 4px 18px !important; color: #fff !important; font-size: 11px !important; cursor: pointer; width: auto; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.bcenter { font-family: Verdana, Arial, sans-serif; display: inline-block; background: #47661e url('imgs/bg-button.gif') top left repeat-x !important; border: 1px solid #47661e !important; padding: 4px 18px 4px 18px !important; color: #fff !important; font-size: 11px !important; cursor: pointer; width: auto; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.button:hover,.bcenter:hover { text-decoration: underline; }
.button:active,.bcenter:active { padding: 5px 18px 3px 18px !important; }

.input-notification { background-position: left 2px; background-repeat: no-repeat; padding: 2px 0 2px 22px; background-color: transparent; margin: 0 0 0 5px; }
.input_success { background: url('imgs/tick_circle.png') no-repeat; color: #556652; }
.input_error { background: url('imgs/cross_circle.png') no-repeat; color: #665252; }
.error { border: 1px solid #D20000; background-color:#ffe7e7; color:#D20000; margin:10px; padding:10px 20px; text-align:center; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.save { border: 1px solid #b6ac03; background-color:#feffe7; color:#b6ac03; margin:10px; padding:10px 20px; text-align:center; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

.social { text-align:center; margin: 5px 25px; }
.social img { margin-right: 20px; }

/* PORTFOLIO
------------------------------------------------------------- */
.portfolio-item { width:620px; border:#d0d0d0 1px solid; background:#f7f7f7; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius:5px; border-radius:5px; min-height:120px; margin:0 25px 25px 0; padding:15px; }
.port-box { float:left; position:relative; margin-right: 20px; }
.port-info { float: right; width: 420px; text-align: justify; }
.port-box .portfolio-zoom { position:absolute; cursor:pointer; height:120px; top:0; left:0; display:none; width:175px; border:#d0d0d0 1px solid; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius:5px; border-radius:5px; }
.portfolio-item .port-img { margin:0; padding:0; border:#d0d0d0 1px solid; height:120px; width:175px; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius:5px; border-radius:5px; }
.portfolio-item h3 { float: center; background:none; font-style: normal; font-size:18px; color:#557926; padding: 0; margin: 0 0 5px 0; }
.portfolio-item h3 span { font-size:10px; font-weight: normal; padding:0; color:#606060; }
.portfolio-item p { margin-left: 20px; margin-bottom:5px; }
.portfolio-item ul { margin: 0px 0px 0px 35px; padding:0px; list-style-type:none; }
.portfolio-item ul li { background: none; padding-left: 0px; line-height:15px; margin-top: 4px; list-style-type: circle; }
.paging {float:left;}
.paging a {float:left; text-align:center; display:block; height:23px; width:22px; margin-right:10px; font-size:11px;color:#545454; line-height:22px;}
.paging a:hover, .paging span.selected { text-decoration:none; color:#557926;}
.paging span.selected {float:left; font-weight:bold;text-align:center; display:block; height:23px; width:22px; margin-right:10px; font-size:11px;color:#557926; line-height:22px;}

/* PRODUCTS
------------------------------------------------------------- */
.products-item { float:left; width:245px; border:#d0d0d0 1px solid; background:#f7f7f7; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius:5px; border-radius:5px; margin:0 10px 25px 10px; height:270px; padding:15px; }
.products-item .product-img { border:none; margin:0 0 2px 0; padding:0; height:150px; width:243px; border:#d0d0d0 1px solid; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius:5px; border-radius:5px; }
.products-item h3 { background:none; font-weight:normal; font-size:16px; color:#557926; font-style: normal; padding-left: 0px; margin-top: 0px; margin-bottom:5px; }
.products-item h3 a { color:#557926; }
.products-item h3 a:hover { color: #304416; text-decoration:none; }
.products-item p { margin-bottom:0; }

/* INFO > JOBS
------------------------------------------------------------- */
.jobs-item { float:left; width:100%; border:#d0d0d0 1px solid; background:#f7f7f7; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius:5px; border-radius:5px; margin: 0 10px 20px 0; padding: 10px; }
.jobs-item h3 { background:none; font-weight:normal; font-size:16px; color:#557926; font-style: normal; padding: 0; margin: 0 5px 0 0; }
.jobs-item p { margin-bottom:0; }

/* HOSTING AND OTHER TABLE
------------------------------------------------------------- */
.box_container{ width:650px;}
.box_container ul{ margin:0px; border-bottom:1px dotted #e5e5e5; float:left; }
.box_container ul li{ float:left; list-style-type:none; padding:12px 0px; line-height:normal; color:#333 !important; background:none; }
.box_container ul li h4{ margin:0px; font-size:13px;}
.box_container ul li.one{ width:150px; padding-left:10px; }
.box_container ul li.two{ width:120px; text-align:center; border-left:1px dotted #e5e5e5; }
.box_container ul li.three{ width:120px; text-align:center; border-left:1px dotted #e5e5e5; }
.box_container ul li.four{ width:120px; text-align:center; border-left:1px dotted #e5e5e5; }
.box_container ul li.five{ width:120px; text-align:center; border-left:1px dotted #e5e5e5; }
.box_container ul li.twob{ width:160px; text-align:center; border-left:1px dotted #e5e5e5; }
.box_container ul li.threeb{ width:160px; text-align:center; border-left:1px dotted #e5e5e5; }
.box_container ul li.fourb{ width:160px; text-align:center; border-left:1px dotted #e5e5e5; }
.box_container ul li span{ margin-right:80px; font-size:10px; }
ul.tbl_odd{ background-color:#fafafa; float:left;}
ul.tbl_odd li.one{ width:150px; padding-left:10px; }
ul.tbl_new{ background-color:#FFFFFF}
ul.tbl_new li.one{ width:150px; padding-left:10px; }
ul.tbl_price { border:0px; margin: 0 auto; text-align:center; }
ul.tbl_price p { border:0px; font-size:14px; font-weight: bold; text-align: center; margin:0 auto 5px auto;}

/* DOMAINS PAGE
------------------------------------------------------------- */
.domain_container{ width:220px; }
.domain_container ul{ margin:0px; border-bottom:1px dotted #e5e5e5; float:left; }
.domain_container ul li{ float:left; list-style-type:none; padding:5px 0px; line-height:normal; color:#333 !important; background:none; }
.domain_container ul li.tld{ width:140px; padding-left:10px; }
.domain_container ul li.price{ width:65px; text-align: right; margin-right: 5px; }
.domain_container ul li h4{ margin:0px; font-size:13px;}


/* FOOTER
------------------------------------------------------------- */
.powered { width: 880px; padding:10px 10px 10px 0; margin:10px auto 0 auto; text-align: center; border-top: 2px solid #f2f2f2; color: #9b9b9b; }
.footer { width: 900px; height: 50px; padding:0 20px; margin:10px auto; text-align: left; border-top: 2px solid #f2f2f2; color: #9b9b9b; }
.footer .right { text-align: right; }
.footer p { font-size:11px; line-height:50px; }
.footer a { color: #606060; font-weight: normal; }
.footer a:hover { color: #000000; }