body { background: url(../images/bg.jpg) repeat-x #03111e; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif;}
	#wrapper {background: url(../images/shadow.png) repeat-y; margin:0 auto; width:977px; overflow:hidden; padding:0 30px;}
	#TopHeader { background:url(../images/line_01.jpg) repeat-y; height:65px; border-bottom:4px solid #4a6b8a;border-top:4px solid #4a6b8a;}
	.Logo { background:url(../images/pixelart_logo.png) no-repeat; float:left; width:300px; height:60px; margin:5px 0 0 32px; cursor:pointer;}	
	h2 { margin:0; padding:0; font-size:16px;}
	#LinksTop { float:right; margin:40px 0 0 70px; width:560px;}
	#LinksTop ul { margin:0; padding:0;}
	#LinksTop ul li{ color:#fff; font-size:12px; margin:0; border-right:1px solid #9ea8b1; padding:0 5px; list-style:none; display:inline;}
	#LinksTop ul li a{ color:#fff; text-decoration:none;}
	#BannerTop {background: url(../images/banner_bg.jpg) no-repeat; height:340px;}
	#Servers { background:url(../images/clients_bg.jpg) no-repeat; height:67px;}
	#Servers h4 { font-size:16px; color:#FFF; float:left; margin-left:20px;}
	#Servers .clients { float:left; width:615px; height:55px; margin:5px 0 5px 30px; }
	#ServicesWeb { background: url(../images/services.jpg) no-repeat; margin:0 10px; height:535px; padding-bottom:240px;}
	.BoxServ { float:left; width:303px; height:250px; margin:16px 0 0 24px;}
	#BxFirst { margin:16px 0 0 0;}
	.BoxServ h3 { margin:10px 0 0 20px; padding:0; color:#a4cf27; text-transform:uppercase; font-weight:700; letter-spacing:-2px;font-size:20px;}
	.BoxServ ul { margin:13px 0 0 15px; padding:0; height:130px;}
	.BoxServ ul li {background: url(../images/y_arrow.png) no-repeat; margin:0; padding:0 0 0 20px; font-size:14px; list-style:none; color:#fff;}
	.BoxServ .moreInfo { width:145px; margin:15px 15px 0 15px; height:37px; cursor:pointer;}
	#WelcomeSeo { background:url(../images/welcome_bg.jpg) repeat-y; position:absolute; margin:1265px 0 0 0; width:979px;}	
	#WelcomeSeo h1 { margin:20px 0 0 20px; padding:0; font-size:24px; color:#fff; text-transform:uppercase;}
	#WelcomeSeo p { margin:15px 0 0 25px; padding:0; color:#fff;}
	#Description { float:left; width:650px; height:225px;}
	#WhyUs { float:left; width:325px; height:225px;}
	#WhyUs ul { margin:13px 0 0 25px; padding:0;}
	#WhyUs ul li{background: url(../images/y_arrow.png) no-repeat; margin:0; padding:0 0 0 16px; list-style:none; color:#fff; font-size:13px;}
	.cc { clear:both;}
	#Footer { background:url(../images/footer_bg.jpg) repeat-x; height:190px; width:966px; margin-left:3px; padding:15px 0 0 10px}
	#Footer h4 { margin:0; padding:0; color:#fff; text-transform:uppercase; font-weight:700;}
	#Footer ul { margin:0 0 0 15px; padding:6px 40px 0 0; float:left; border-right:1px solid #FC0; height:120px;}
	#Footer ul li{ margin:0; padding:0; list-style:none; font-size:12px; color:#9ea8b1;}
	#Footer ul li a{ color:#9ea8b1; text-decoration:none;}
	#Follow { float:right; width:230px; height:70px; margin:5px 0 0 0;}
	#FolB { background:url(../images/social.jpg) no-repeat; margin-top:10px; height:50px}
	.Fbox { float:left; width:40px; height:40px; margin-right:5px; cursor:pointer;}
	#CopyR { float:right; color:#fff; font-size:13px; margin:5px 15px 0 0;}
	/*ORIGINAL ARRIBA*/
	
	
/*SLIDER*/
#slider { border:0;}
#slider ul {margin:0; padding:0;}
#slider ul li{list-style:none; margin:0; padding:0;}
#slider img { border:0;}
.web-hosting { background:url(../images/web.png) 0 30px no-repeat; *background:url(../images/web_ie.jpg) no-repeat; width:977px; height:340px; cursor: pointer;}
.dedicated-servers {background:url(../images/print.png) 0 30px no-repeat; *background:url(../images/dedicated_servers_ie.jpg) no-repeat; width:977px; height:340px; cursor: pointer;}
.domain-registry {background:url(../images/graphic_design.png) 0 30px no-repeat; *background:url(../images/domain_registry_ie.jpg) no-repeat; width:977px; height:340px; cursor: pointer;}
#col01 { float:right; width:500px; margin:10px 25px 0 0;  *margin:90px 200p 0 0x;-margin:90px 95px 0 0; clear:both;text-align:right;}
#col01 ul { margin:0; padding:0;}
#col01 ul li { background:url(../images/arrow.png) no-repeat; margin:0; padding:0 0 0 11px; list-style:none; color:#fff;}
#col01 strong { color:#ffd014}
#col02 { float:right; width:500px; margin:15px 0 0 0; }
#col02 h4 { margin:0 25px 0 0 ; padding:0; font-size:38px; font-weight:700; text-align:right; text-shadow:2px 2px 2px #333; color:#fff;}
#col02 .price { margin:0 25px 0; text-align:right; font-size:25px; font-weight:700; text-shadow:1px 1px 1px #333; color:#ffd014;}
#buttonSee { background:url(../images/ver_mas.jpg) no-repeat;width:260px; height:70px; float:right; cursor:pointer; margin:7px 15px 17px 0; clear:both;}
#espf { margin:-10px 20px 0 10px; float:right; clear:both;}
#espf .y-arrow { background:url(../images/y_arrow.png) no-repeat; width:10px; height:15px; float:left; margin-left:20px;}
 #espf .txt { float:left; margin-left:10px; color:#fff; font-size:16px;}
/*WHOIS*/
h2.w{ color:#2779AA;}
h4.w{ color:#085398;}
.mblock{display :block; width: 99%; margin:10px 0px;padding:0 5px;font-size:11px;overflow:hidden;color:#555555;}
.miniblock{display:block;float:left;margin:0 5px 0 0;overflow:hidden;}
.minifont{ color:#000;font-size:12px;margin:0 5px 10px;display:block;}
.pclear{display:block; clear:both;height:2px;width:100%;overflow:hidden;}
.pclear2{ display:block;clear:both;height:15px; width:100%;overflow:hidden;}
.inptNew{ background: url("../images/bg_input.jpg") #fff repeat-x;height:23px;float: left;position: relative;border: 1px solid #aaa;background-color: #eee;font-size: 11px!important;text-align: left;}
.inptNew.marg{margin:0 12px;}
.mbutton{padding:0;color:#000;font-weight:bold;}
.mbutton:hover{	color:#333;cursor:pointer;}
.wlabel{color:#FF921B; font-size:11px;font-weight:bold; margin:0px 5px 5px 5px;overflow:hidden;line-height:20px;}
.h3title{float:left;color:#2779AA;margin:10px 10px 5px;}
.marg{ margin:0px;}
.lilmarg{ margin:5px 0;}
.Tblstyle{ color:#555555;background-color:#fff; border-collapse:collapse;}
.Tblstyle thead{ background: url("images/ui-bg_glass_80_d7ebf9_1x400.png") repeat-x scroll 50% 50% #D7EBF9; border:1px solid #AED0EA;color:#2779AA;font-weight:bold;width:100%;}
.Tblstyle thead th{ padding:5px;margin:5px;}
#iframe{ border:1px dotted #999; height:80%;}
#wframe{ position:fixed; width:99%;opacity:0.96;background-color:#ccc;height:97%;left:5px;top:5px;border:5px solid #333;z-index:999;}
#wframe .clickme{ cursor:pointer;}
#wcont{  background-color:#fff; /*height:700px;*/ width:100%; margin:0px; padding:6px 3px;overflow-y:auto;height:95%;position:relative;}
.clickme{ color:#a00;font-weight:bold;}
.clickme div:hover{ color:#a00;text-shadow:1px 1px 1px solid; cursor:pointer;}
.mlabel{font-size:11px;}
.click{ cursor:pointer; color:#699C43;}
.click:hover{ color:#556;}
.coolRows tbody{ border:1px solid #d6eaf2;font-size:13px;}
.coolRows tbody tr{ border-bottom:1px solid #d6eaf2; background-color:#fff; cursor:pointer;}
.coolRows tbody tr:hover{border-bottom:1px solid #C0E1EF;border-top:1px solid #C0E1EF;background-color:#eee;color:#a00;}
.dotted{ border-top: 1px dashed #ccc; margin: 10px 0pt 0pt;}
.minilabel{color:#1165aa;font-size:9px;font-weight:bold;margin:0px 5px 5px 5px;}
#mtabs{background:url(../images/whois_back2.jpg) 1px 0 no-repeat #f8f9f8;padding:10px;font-size:12px;margin:9px 4px;}
#mtabs ul{ width:100%;margin:0px;overflow:hidden;padding:0;}
#mtabs ul li{ float:left; width:auto; padding:5px 10px; background:url("../images/bg_whois.jpg") repeat-x; display:block;margin:0 5px 0 0;font-weight:bold;	color:#FFF;	cursor:pointer;}
#tabscont{  height:auto; padding:10px 0; overflow:hidden;}
#tabscont div{ width:98%}
#tabscont div.tabc{ display:none;}
#tabscont h2{ color:#000; margin:5px;}
.mblock span.mblock{ font-size:12px; color:#444;}
#wickyblock{font-family:Arial,Helvetica,sans-serif;	margin:0 0 5px;}
.found{ color:#666; font-size:16px; border:1px solid #fb901b; padding:5px 10px; }
.nfound{ color:#a12121;}
.wprice{ font-size:22px; color:#fb901b; margin:0 6px; }
/* ---------- GWI EFFEKTZ CSS ---------- || ---------- GWI EFFEKTZ CSS ---------- */
#gdialogueBG{height:100%;width:100%;position:absolute;top:0;left:0;	background:url("../images/stripes.png") repeat scroll 50% 50% #EEEEEE;opacity:0.94;	z-index:1001;display:none;}
#gdialogue{	width:462px;height:234px;position:absolute;top:208px;left:389px;opacity:100;background:url("../images/confwindow.jpg") no-repeat;z-index:1002;display:none;font-family:trebuchet;border:1px solid #556666;}
#gdtop{	height:60px;}
#gdtop b{font-size:16px;padding:20px 0 0 10px;display:block;margin:0 5px 0 0;overflow:hidden;float:left;}
#gdcont{height:90px;padding:10px 10px 0;font-size:13px;}
.none{ display:none;}
.gdbutt{ display:block; margin:15px 0 0 50px; width:97px; height:34px; cursor:pointer; float:left;}
.gdbutt.no{ background:url("../images/gdbutno.png") no-repeat;}
.gdbutt.yes{ background:url("../images/gdbutyes.png") no-repeat;}
.n911{ color:#911}
#Ghettoyouth{display:none;width:205px;/*height:90px;*/border:2px solid #fb901b;background-color:#EFEFEF;right:25px;top:25px;z-index:1000;position:fixed;padding:0 20px;-moz-border-radius:15px;}
#Ghettoyouth h3{margin:10px 0 0;color:#666;	font-size:16px;}
/*TEMPLATE*/
#bannerTemp {  height:130px; padding:0 23px 0 22px;}
#ColLeft {float:left; width: 664px; background: #91c7ff; 
    padding: 8px;
    background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc));
	background: -moz-linear-gradient(top,  #eee,  #ccc);
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px; margin:10px 0 10px 10px; overflow:hidden;}
#ColLeft h1 { font: bold 32px Helvetica, Arial, Sans-Serif; letter-spacing: -1px; padding: 14px; color: #333; text-shadow: 1px 1px 1px white; }
#ColLeft p { margin: 0 0 15px 0;  font: 12px/1.4 Helvetica, sans-serif; color: #333; }
#ColRight {float:right; width:250px; border:1px solid #fff; margin:10px 10px 10px 0; overflow:hidden; min-height:800px;}
/*CART*/
#tblCart { width:992px;padding:10px;-moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; border:1px solid #CCC; font-size:13px;}
thead {background:#E9E9E9; color:#666;}
#tblCart tr { border:1px solid #E9E9E9; margin:3px 0;}
#tblCart a { color:#990000; text-decoration:none; font-weight:700;}
#check-out { height:30px; margin:10px 0 0 560px;}
#check-out .check {background:url(../images/cart_btns.jpg) no-repeat; width:194px; height:31px; cursor:pointer; float:left;}
#check-out .shop {background:url(../images/cart_btns.jpg) no-repeat -194px 0; width:157px; height:31px; cursor:pointer;float:left; margin-left:20px;}
.secure-order {background:url(../images/secure_order.jpg) no-repeat; margin:150px 0 0; height:89px;}
#total-cart { margin-top:10px; border:1px solid; background:#E9E9E9; font-weight:700; font-size:14px; padding:5px;}
/*CONFIRMATION*/
#confirmation {-moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; width:700px; padding-left:290px}
#confirmation .place-new-order { background:url(../images/news_ord_print.jpg) no-repeat; width:170px; height:32px; cursor:pointer; float:left;}
#confirmation .print { background:url(../images/news_ord_print.jpg) no-repeat 0 -31px; width:170px; height:31px; cursor:pointer; float:left; margin-left:20px;}/*DEFINITIONS*/
#definition { border:1px solid #CCC; width:643px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; padding:10px; margin-top:20px;}
#definition h3 { color:#666; font-size:12px; margin:10px 0; padding:0;}
#definition p { color:#999; font-size:11px; padding:0; margin:5px 0;}
.clear { clear:both}
/*HOSTING*/
#packages-host { margin-top:10px; height:100%;}
#packages-host .pack1 {background:url(../images/packages.jpg) 0 -1px; width:238px; height:330px; float:left;}
#packages-host .pack2 { background:url(../images/packages.jpg) -239px; width:238px; height:330px; float:left; margin-left:17px;}
#packages-host .pack3 { background:url(../images/packages.jpg) -478px; width:238px; height:330px; float:left; margin-left:17px;}
#packages-host .add-cart { cursor: pointer; height:40px; margin-top:270px;}
#platforms-host {width:664px; margin-top:20px; border-top:2px solid #ccc; padding-top:15px; clear:both; height:77px;}
#platforms-host .languaje {background:url(../images/languajes.jpg); width:368px;height:79px; float:left; cursor:pointer;}
#platforms-host .applications {background:url(../images/languajes.jpg) 0 -81px; width:276px; height:79px; float:left; margin-left:20px;cursor:pointer;}
.daily-bk { width:274px; height:126px; float:left; background:url(../images/banner_daily_bk.jpg) no-repeat;}
/*MAIL*/
#packages-mail { margin-top:10px;}
#packages-mail .pack1{background:url(../images/packages_mail.jpg) 0 -1px; width:238px; height:330px; float:left;}
#packages-mail .pack2 { background:url(../images/packages_mail.jpg) -239px; width:238px; height:330px; float:left; margin-left:17px;}
#packages-mail .pack3 { background:url(../images/packages_mail.jpg) -478px; width:238px; height:330px; float:left; margin-left:17px;}
#packages-mail .add-cart { cursor: pointer; height:40px; margin-top:270px;}
#include-plans-mail { width:664px; margin-top:20px; padding-top:15px; clear:both;}
#include-plans-mail #include { width:444px; min-height:108px; float:left; margin-right:10px; border:1px solid #036; background:url(../images/sections_bg.jpg) repeat-x; padding:5px 10px;}
#include h3 { margin:0; padding:10px; font-size:14px; color:#003;}
#include ul { margin:0; padding:0; float:left; margin-left:10px; width:210px}
#include ul li{ margin:0; padding:0 15px; list-style:none; background:url(../images/dot.jpg) no-repeat 0 2px; color:#666; font-size:12px;}
#include .title { margin:10px 0;font-size:12px; font-weight:700;}
#include-plans-mail .outlook { width:274px; height:126px; float:left; background:url(../images/outlook.jpg) no-repeat;}
/*SECUREMAIL*/
#packages-secure-mail { margin-top:10px;}
#packages-secure-mail .pack1{background:url(../images/packages_secure_email.jpg) 0 -2px; width:238px; height:330px; float:left;}
#packages-secure-mail .pack2 { background:url(../images/packages_secure_email.jpg) -239px; width:238px; height:330px; float:left; margin-left:17px;}
#packages-secure-mail .pack3 { background:url(../images/packages_secure_email.jpg) -478px; width:238px; height:330px; float:left; margin-left:17px;}
#packages-secure-mail .add-cart { cursor: pointer; height:40px; margin-top:270px;}
.sec-mail { width:274px; height:126px; float:left; background:url(../images/banner_secure_mail.jpg) no-repeat;}
/*ANONYMOUS*/
#packages-browsing { margin-top:10px;}
#packages-browsing .pack1{background:url(../images/packages_browsing.jpg); width:179px; height:330px; float:left; }
#packages-browsing .pack2 { background:url(../images/packages_browsing.jpg) -179px; width:180px; height:330px; float:left; margin-left:10px;}
#packages-browsing .pack3 { background:url(../images/packages_browsing.jpg) -358px; width:180px; height:330px; float:left; margin-left:10px;}
#packages-browsing .pack4 { background:url(../images/packages_browsing.jpg) -537px; width:180px; height:330px; float:left; margin-left:10px;}
#packages-browsing .add-cart { cursor: pointer; height:40px; margin-top:270px;}
.compatibility { width:274px; height:182px; float:left; background:url(../images/compatibility.jpg) no-repeat;}
/*CONTACT*/
#contact-means { background:url(../images/contact_means.jpg) no-repeat; height:119px}
#contact-means .mean-box { cursor:pointer; width:250px; height:119px; float: left;}
.bx-form {font-size:12px;}
.form-cont { padding:10px;-moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; border:1px solid #014074;}
/*DEDICATED SERVER*/
#packages-ded-server { margin-top:10px;}
#packages-ded-server .pack1{background:url(../images/packages_dedicated_server.jpg) 0 -1px; width:180px; height:330px; float:left;}
#packages-ded-server .pack2 { background:url(../images/packages_dedicated_server.jpg) -182px; width:178px; height:330px; float:left; margin-left:10px;}
#packages-ded-server .pack3 { background:url(../images/packages_dedicated_server.jpg) -359px; width:180px; height:330px; float:left; margin-left:10px;}
#packages-ded-server .pack4 { background:url(../images/packages_dedicated_server.jpg) -538px; width:180px; height:330px; float:left; margin-left:10px;}
#packages-ded-server .add-cart { cursor: pointer; height:40px; margin-top:270px;}
/*VOIP*/
#packages-voip { margin-top:10px;}
#packages-voip #domestic {background:url(../images/voip_domestic.jpg) no-repeat; height:200px;}
#domestic .ad-cart { cursor: pointer; height:33px; width:128px; margin:115px 37px 0; float:right;}
#packages-voip .pack1 {background:url(../images/packages_voip.jpg) 0 -2px; width:238px; height:330px; float:left;}
#packages-voip .pack2 { background:url(../images/packages_voip.jpg) -239px; width:238px; height:330px; float:left; margin-left:17px;}
#packages-voip .pack3 { background:url(../images/packages_voip.jpg) -478px; width:238px; height:330px; float:left; margin-left:17px;}
#packages-voip .add-cart { cursor: pointer; height:40px; margin-top:270px;}
.set-up-voip {background:url(../images/set_up_voip.jpg) no-repeat 0 18px;width:765px; margin-top:20px; padding-top:15px; clear:both; height:85px;}
.voip { width:274px; height:126px; float:left; background:url(../images/voip.jpg) no-repeat;}
/*DOMAIN*/
#offer-domain {background:url(../images/offer_domain.jpg) no-repeat; height:100px; margin:15px 0;}
#offer-domain .register { width:106px; cursor:pointer; height:22px; float:left; margin:65px 0 0 85px}
/*DISENO WEB*/
 .viewport {
            border: 3px solid #eee;
            float: left;
            height: 241px;
            margin: 0 6px 9px 0;
            overflow: hidden;
            position: relative;
            width: 320px;
        }

        /* This is so that the 2nd thumbnail in each row fits snugly. You will want to add a similar
           class to the last thumbnail in each row to get rid of the margin-right. */
        .no-margin {
            margin-right: 0;
        }

        /* --- Link configuration that contains the image and label ----------------------------- */
        .viewport a {
            display: block;
            position: relative;
        }

        .viewport a img {
            height: 332px;
            left: -20px;
            position: relative;
            top: -20px;
            width: 500px;
        }

        /* --- Label configuration -------------------------------------------------------------- */
        .viewport a span {
            display: none;
            font-size: 18px;
            font-weight: bold;
            height: 100%;
            padding-top: 120px;
            position: absolute;
            text-align: center;
            text-decoration: none;
            width: 100%;
            z-index: 100;
        }
            .viewport a span em {
                display: block;
                font-size: 16px;
                font-weight: normal;
            }

        /* --- Dark hover background ------------------------------------------------------------ */
        .dark-background {
            background-color: rgba(15, 15, 15, 0.6);
            color: #fff;
            text-shadow: #000 0px 0px 20px;
        }
            .dark-background em {
                color: #ccc;
            }

        /* --- Light hover background ----------------------------------------------------------- */
        .light-background {
            background-color: rgba(255, 255, 255, 0.6);
            color: #333;
            text-shadow: #fff 0px 0px 20px;
        }
            .light-background em {
                color: #707070;
            }