body {
	margin: 0px;
	height: 900px;
	width: auto;
	top: 0px;
	padding: 0;
	float: none;
	left: auto;
	right: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	bottom: 0px;
}
p {font-family: Verdana, Arial, Helvetica, sans-serif;
	
	color:#333333;
	margin:0;
	padding:0;
}

#Container {
	padding:0;
	height: 100%;
	width: 900px;
	margin: 0 auto;
	background-color: #FFFFFF;	
}

#Topcontainer {
	height:190px;
	width:900px;
	clear: both;
	color:#FFFFFF;
	background-image: url(../img/Banner_head.jpg);
	border-top-style: inset;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-repeat: no-repeat;
	float: right;
	display: block;
	position: relative;
	bottom: 0px;
}

/* title*/

#Topcontainer h1 a{
	display:block;
	width:200px;
	height:85px;
	background-image:url(../img/logo_NOELON1.png);
	float: left;
	position: relative;
	clear: left;
	top: 35px;
	left: 25px;
}
#Topcontainer h1 {
	margin: 0;
	padding: 0;
}

#Topcontainer h3 {
	margin:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFCC00;
	position: relative;
	left: 0px;
	height: 20px;
	width: 280px;
	clear: left;
	float: left;
	text-align: center;
	padding-top: 20px;
	top: 15px;
}

#Languagebar {
	margin:0;
	padding:0;
	height:15px;
	width:900px;
	position: relative;
	clear: none;
	float: right;
	top: 5px;
	background-position: top;
}

#Memberszone {
	color:#FFFFFF;
	width:220px;
	height:110px;
	top: 25px;
	right: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	float: right;
	clear: right;
	position: relative;
}

/* CSS dropdownmenu Document */
#Navigation {
	margin:0;
	padding:0;
	z-index: 500;
	position: absolute;
	float: none;
	clear: both;
	display: block;
	top: 155px;
}

#Navigation ul {  
margin:0;
padding:0;
}

#Navigation li {
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	position:relative;
	background-color: #4974E2;
}
/* menu horizontal y vertical con fondo */
#Navigation ul li a {
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	height: 35px;
	width:148px;
	display:block;
	color:#ffffff;
	text-shadow:1px 1px 1px #000;
	text-decoration: none;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
/* permite al menu verse sobre los siguientes divs */
#Navigation  ul ul {
	position:absolute;
	visibility:hidden;
	top:37px;
	z-index: 500;
}

#Navigation ul li:hover ul {
	visibility:visible;
}
/* extra pone colores cuando hace click */
#Navigation li:hover {
	background-color: #7DC1E8;
}
/*sets link items hover color and background*/
#Navigation ul li:hover ul li a:hover {
	color:#000;
}
#Navigation a:hover {
	color:#000;
	text-decoration: none;
}
/* deja el menu fuera de flote */
/* Finish navigation menu*/
#Intcontent {
	margin:0;
	padding:0;
	height: auto;
	width: 900px;
}

#Leftbody {
	margin:0px;
	padding:0px;
	position: relative;
	height: 600px;
	width: 300px;
	float: left;
}

#Lefrecommend {
	margin:0;
	padding:0;
	height:300px;
	width:300px;
	background-image:url(../img/Web_hosting_l.jpg);
    background-repeat: no-repeat;
    clear: none;
	float: left;
	position: relative;	
}
/* Hostingoffer*/

#Leftpayments {
	margin:0;
	padding:0;
	height:300px;
	width:300px;
	background-image:url(../img/Domain_names_l.jpg);
	clear: none;
	float: left;
	position: relative;
	background-repeat: no-repeat;
}

#Paymentslook{
	display: block;
	float: none;
	position: absolute;
	width:300px;
	height:195px;
	bottom: 0px;
}

#Paymentspal{
	display: block;
	float: none;
	position: absolute;
	width:295px;
	height:1px;
	left: 0px;
	top: 0px;
} 

#Bankpayments {
	display: block;
	float: none;
	position: absolute;
	width:150px;
	height:50px;
	background-image: url(../img/Bank_payment.jpg);
	background-repeat: no-repeat;
	left: 0px;
	bottom: 0px;
} 

.Writetext {
	margin:0;
	padding:0;
}

.Writetext p a {
	font-size: 16px;
	font-weight: bold;
	display: block;
	padding-top: 20px;
	color: #000066;	
	text-decoration: none;
	float: none;
	clear: both;
	}
	
.Writetext p a:hover a {
	visibility:visible;	
}
.Writetext a:hover {
	color:#FFF;
	text-decoration: none;
	text-shadow: 1px 1px 1px #000;
}

#Reportpayments{
	display: block;
	float: none;
	position: absolute;
	width:150px;
	height:50px;
	background-image: url(../img/Report_payment.jpg);
	right: 0px;
	bottom: 0px;
	background-repeat: no-repeat;
} 
/* Domainoffer */

#Rightbody {
    width:600px;
	padding: 0px;
	float:right;
	height: auto;
	clear: none;
	margin: 0px;
	position: relative;
	z-index: 50;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: lighter;
	line-height: 14px;
	text-align: center;
}
/* #Righthost*/
#Boxesin {
	width:600px;
	padding: 0px;
	margin: 0px;
	height: auto;
}

#Hosting {
	margin:0;
	padding:0;
	height: 300px;
	width: 300px;
	float: left;
	position: relative;
	background-image: url(../img/Web_hosting_r.jpg);
}

.smallbutton {
	margin:0;
	padding:0;
	clear: none;
}

.smallbutton h1 {
	display:block;
	padding: 0px;
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color:#3D75AD;
	text-shadow:2px 2px 2px #000;
	text-decoration: none;
	float: none;
	clear: both;
	bottom: 10px;
	position: absolute;
	width:300px;
	left: 0px;	 
}

.smallbutton h2 {
	display:block;
	padding-top: 0px;
	margin-top: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color:#3D75AD;
	text-shadow:1px 1px 1px #000;
	text-decoration: none;		  
}

.smallbutton p a {
	font-size: 16px;
	font-weight: normal;
	display: block;
	padding-top: 10px;
	background-repeat: no-repeat;
	color: #000066;
	text-decoration: none;
	background-image: url(../img/small_button.png);
	float: none;
	clear: both;
	bottom: 10px;
	left: 58px;
	position: absolute;
	width:204px;
	height:38px;
	background-position: center;
}
	
.smallbutton p a:hover a {
	visibility:visible;	
}
.smallbutton a:hover {
	color:#3D75AD;
	text-decoration: none;
	text-shadow: 1px 1px 1px #000;
}
.smallbutton H1:hover {
	color:WHITE;
	text-decoration: none;
	text-shadow: 2px 2px 2px #000;
}	
.smallbutton ul li{
	margin:0;
	padding:0;
	text-align:left;
	text-indent: 35px;
	list-style-type: none;
}

#DomainLook{
	display: block;
	float: none;
	bottom: 0px;
	left: 6px;	
	position: absolute;
	width:288px;
	height:30px;
}

#DomainLook2{
	display: block;
	float: right;
	position: relative;
	width:288px;
	height:30px;
	clear: both;
	top: 105px;
	right: 0px;
}

#Design {
	margin:0;
	padding:0;
	height: 300px;
	width: 300px;
	float: right;
	position: relative;
}

#Domain {
	margin:0;
	padding:0;
	height: 300px;
	width: 300px;
	float: left;
	position: relative;
	background-image: url(../img/Domain_names_r.jpg);
}

#Animation {
	margin:0;
	padding:0;
	height: 300px;
	width: 300px;
	float: right;
	position: relative;
}

.hide {display:none;}

.ClearFix {
clear:both;
margin:0;
padding:0;
}

.footer, .push {
clear: both;
padding:5px;
}

#Resources {
	margin:0px;
	padding:0px;
	position: relative;
	height: 300px;
	width: 900px;
	float: left;
    display:none;
} 

#Resources p{
	margin:0px;
	padding:0px;
	position: relative;
	height:100px;
	width: 500px;
	float: left;
	color: #666666;
} 

#Resources h2{
	display:block;
	padding-top: 0px;
	margin-top: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color:#0033FF;
	text-shadow:1px 1px 1px #000;
	text-decoration: none;		  
}
 
/*Resoursesfreesof*/
#Resourcesgetjob {
	margin:0px;
	padding:0px;
	height: 100px;
	width: 400px;
	float: left;
	left: 0px;
	bottom: 50px;
	position: absolute;
}  

#Resourcesgetjob1 {
	margin:0px;
	padding:0px;
	height: 100px;
	width: 400px;
	float: left;
	position: relative;
}  
/*Resoursgetjob*/	
#Resourceslearn  {
	margin:0px;
	padding:0px;
	height: 100px;
	width: 100px;
	float: left;
	left: 400px;
	bottom: 50px;
	position: absolute;
} 

#Resourceslearn1  {
	margin:0px;
	padding:0px;
	height: 100px;
	width: 100px;
	float: left;
	position: relative;
}   
/*resourceslearn a*/
#Resourcesbusiness {
	margin:0px;
	padding:0px;
	height: 100px;
	width: 400px;
	float: left;
	right: 0px;
	bottom: 50px;
	position: absolute;
}
 
#Resourcesbusiness1 {
	margin:0px;
	padding:0px;
	height: 100px;
	width: 400px;
	float: left;
	position: relative;
}  
/*resourcesbusiness a */
#Resourcespowered {
	margin:0px;
	padding:0px;
	height: 50px;
	width: 900px;
	float: right;
	clear: both;
	position: absolute;
	background-image: url(../img/Powered_by.jpg);
	bottom: 0px;
	left: 0px;
}  

#Footer1 {
	margin:0px;
	padding:0px;
	position: relative;
	height: auto;
	width: 900px;
	float: left;
} 

#Submenu {
	padding:0;
	margin-top:4px;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	position: relative;
	display: block;
	float: none;
}

#Submenu ul {
	padding:0;
	margin:0;
	height:26px;
	clear:both;
	list-style-type:none;
	list-style-position:outside;
	border:none;
	border-bottom:1px solid #3D75AD;
	background-position: center;
}

#Submenu ul li {
padding:0;
margin:0;
font-size:11px;
height:22px;
float:left;
}

#Submenu ul li a {
height:14px;
display:block;
float:left; 
padding:6px 5px 0 15px;
font-size:11px;
text-decoration:none;
color:#3D75AD;
}

#Submenu ul li a:hover {
text-decoration:underline;
color:#FFCC00;
}

#Footer {
	clear:both;
	width:900px;
	padding:0;
	margin-bottom:20px;
	border-top:4px solid #fff;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FFFFFF;
}

#Footer p {
	clear:both;
	color:#665;
	padding-top:10px;
	margin:0;
	font-size:12px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
	padding-bottom: 10px;
}
/*#Footer div {clear:both;color:#665;border-top:1px solid #CCB;padding-top:6px;margin:0;font-size:11px;}	*/
#Footer ul {
padding:0;
margin:0;
height:26px;
clear:both;
list-style-type:none;
list-style-position:outside;
border:none;
border-top:1px solid #CCCCBB;
}

#Footer ul li {
padding:0;
margin:0;
font-size:11px;
height:22px;
float:left;
}

#Footer ul li a {
height:14px;
display:block;
float:left; 
padding:6px 5px 0 15px;
font-size:11px;
text-decoration:none;
color:#000099;
}

#Footer ul li a:hover {text-decoration:underline;}
 
#Adress {
	margin:0;
	Padding:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	line-height: normal;
	height: 70px;
	width: 200px;
	clear: right;
	float: right;
}

#Linksintern {
	margin:20px;
	Padding:0;
	list-style:none;
	height: 60px;
	width: 600px;
	clear: left;
	float: left;
}
#Topcontainersec {
	height:190px;
	width:900px;
	clear: both;
	color:#FFFFFF;
	background-image: url(../img/Banner_heads.jpg);
	border-top-style: inset;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-repeat: no-repeat;
	float: right;
	display: block;
	position: relative;
	bottom: 0px;
}

#Topcontainersec h1 a{
	display:block;
	width:200px;
	height:85px;
	background-image:url(../img/logo_NOELON1.png);
	float: left;
	position: relative;
	clear: left;
	top: 35px;
	left: 25px;
}

#Topcontainersec h1 {
	margin: 0;
	padding: 0;
}

#Topcontainersec h3 {
	margin:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFCC00;
	position: relative;
	left: 0px;
	height: 20px;
	width: 250px;
	clear: left;
	float: left;
	text-align: center;
	padding-top: 20px;
	top: 15px;
}

#Topcontainerext {
	height:190px;
	width:900px;
	clear: both;
	color:#FFFFFF;
	background-image: url(../img/Banner_whmcs.jpg);
	border-top-style: inset;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-repeat: no-repeat;
	float: right;
	display: block;
	position: relative;
	bottom: 0px;
}

#Topcontainerext h1 a{
	display:block;
	width:200px;
	height:85px;
	background-image:url(../img/logo_NOELON1.png);
	background-repeat: no-repeat;
	float: left;
	position: relative;
	clear: left;
	top: 35px;
	left: 25px;
}

#Topcontainerext h1 {
	margin: 0;
	padding: 0;
}

#Topcontainerext h3 {
	margin:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFCC00;
	position: relative;
	left: 10px;
	height: 20px;
	width: 230px;
	clear: left;
	float: left;
	text-align: center;
	padding-top: 20px;
	top: 15px;
}

#changelang {
	margin:0;
	height:13px;
	width:129px;
	position: absolute;
	clear: none;
	float: right;
	top: -1px;
	right: 50px;	
}

.changelangfield {
    width:13.8em;
    float:left;
}

#Intcontent {
	margin:0px;
	padding:0px;
	height: auto;
	text-align: center;
	clear: both;
	text-decoration: none;
	background-position: center;
	width: 900px;
}

#copypaste1 {
	margin:0px;
	padding:7px 0 0 8px;
	height: auto;
	width: auto;
	clear:both;
}

#Lottext {
	margin:0px;
	padding:7px 0 0 8px;
	position: relative;
	height: auto;
	width: 600px;
	float: left;
} 

#Lottext p{
	margin:0px;
	padding:10px;
	position: relative;
	height:auto;
	width: 500px;
	float: left;
	color: #666666;
	background-position: left;
	text-align: left;
} 

#Lottext h2{
	display:block;
	padding-top: 0px;
	margin-top: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color:#FFFFFF;
	text-shadow:1px 1px 1px #000;
	text-decoration: none;		  
}

#Pictureinstallation {
	margin:0px;
	padding:0px;
	position: absolute;
	height: 150px;
	width: 400px;
	float: right;
	clear: both;
	top: 0px;
	right: 0px;
	background-image: url(../img/resources_software_EN.jpg);
}

.floatingbar {
	width: 215px;
	float: left;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
}

.navigationtop {
	background-image: url(../img/box1.gif);
	background-repeat: no-repeat;
	height: 5px;
}

.navigation_header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #999999;
	background-image: url(../img/box2.gif);
	background-repeat: repeat-x;
	padding:6px 15px;
	font-weight: bold;
}

#navigationcont {
	background-image:url(../img/box3.gif);
	background-repeat:repeat-y;
	background-position: 100%;
}

#navigationcont ul {
	list-style:none;
	margin:0;
	padding: 0 1px 1px 1px;
	display:block;
	text-align: left;
}

#navigationcont li a {
	display:block;
	background-image: url(../img/navigationbarnohover.gif);
	background-repeat:no-repeat;
	height:23px;
	padding-left:10px;
	text-decoration:none;
	font-weight: lighter;
	font-size: small;
}

#navigationcont li a:hover{
	display:block;
	color:#999999;
	background-image: url(../img/navigationbarhover.gif);
	padding-left: 10px;
}

.navigationcompletitle {
    font-size: 14px;
	color: #999999;
	background-image:url(../img/box4.gif);
	padding:15px 15px;
	background-repeat: repeat-x;
	font-weight: bold;
}

.navigation_bottom {
    background-image: url(../img/box5.gif);
	background-repeat: no-repeat;
	height: 10px;
}

#content {height:auto;
    min-height:100%;
	background-color: #ffffff;
}

.Bannerbox {
	width: 650px;
	float: left;
	padding-top: 7px;
	padding-right: 10;
	padding-bottom: 0;
	padding-left: 8px;
}
.navigationcomplecontent {
	background-image:url(../img/box3.gif);
	background-repeat: repeat-y;
}

.Bannerbox1 {
    background-image: url(../img/bannerbox1.gif);
	background-repeat: no-repeat;
	height: 5px;
} 
.Bannerbox2{
    background-image: url(../img/bannerbox2.gif);
	background-repeat: repeat-y;
	font-size:18px; 
	font-weight:bold;
	color:#FFFFFF;
	padding: 3px 10px 8px 13px; 
	height: 20px;
	text-align: right;
}
.Bannerbox3 {
	background-image: url(../img/bannerbox3.gif);
	height:120px;
}

.centrado_column {	
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom:30px;
	padding-left: 20px;
}

#Titletotheader {
	font-weight:bold;
	text-align:center;
	margin-left:5px;
	font-size:28px;
	color:#3D75AD;
}

#Earsmenu {
	border-bottom : 1px solid #ccc;
	margin : 0;
	padding-bottom : 19px;
	padding-left : 5px;
}

#Earsmenu ul, #Earsmenu li {
	display : inline;
	list-style-type : none;
	margin : 0;
	padding : 0;
}
#Earsmenu a:link {
	background : #E8EBF0 ;
	border : 1px solid #ccc;
	color : #666;float : 
	left;font-size : x-small;
	font-weight : lighter;
	line-height : 14px;
	margin-right : 8px;
	padding : 2px 10px 2px 10px;
	text-decoration : none;
}

#Earsmenu a:visited {
	border : 1px solid #ccc;
	color : #666;
	float : left;
	font-size : small;
	font-weight : normal;
	line-height : 14px;
	margin-right : 8px;
	padding : 2px 10px 2px 10px;
	text-decoration : none;
	background-color: #D6D6D6;
}

#Earsmenu a:hover {
	color : #FFFFFF;
	background-color: #3d75ad;
}

#Earsmenu li#active {
	background : #fff;
	border-bottom : 1px solid #fff;
	color : #000;
}

#Earsmenu #menu {
	display : inline;
	left : 10px;
	position : absolute;
	top : 95px;
}

#Earsmenu .ears {
	background : #fff;
	border : none;
	border-left : 1px solid #ccc;
	color : #999;
	font-size : smaller;
	font-weight : bold;
	line-height : 10px;
	margin-right : 4px;
	padding : 2px 10px 2px 10px;
	text-decoration : none;
}

#Earsmenu ul a:hover {color : #f00 !important;}

#Morecontent {
	background : #fff;
	clear : both;
	margin : 0px;
	padding : 2px;
	border: 1px solid #ccc;
}

.Important {
	background : #fff;
	clear : both;
	margin : 0px;
	padding : 2px;
	border: 2px solid #3d75ad;
}

.Translations {
	margin : 0px;
	padding : 2px;
	text-align: center;
}

.Tematitle {
	font-weight:bold;
	text-decoration:none;
	color:#3d75ad;
	text-align: left;
	list-style-type: none;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
}

.Tematext {
	color:#666666;
	font-weight: lighter;
	text-align: left;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
}

.Tematext2 {
	padding: 0 10px;
	color:#333333;
	font-weight: lighter;
	text-align: left;
}

.Temablock {margin:10px;} 
 
#divisor {
	margin-left:10px;
	margin-right:10px;
	height:2px;
	width:100%;
	margin-top:20px;
	margin-bottom:20px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-bottom-style: solid;
	border-top-color: #3d75ad;
	border-bottom-color: #6496c8;
} 

#divisor1 {
	height:2px;
	width:100%;
	margin-top:30px;
	margin-bottom:5px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	clear: both;
	border-top-color: #CCCCCC;
}

#divisor2 {
	margin-left:10px;
	margin-right:10px;
	height:2px;
	width:100%;
	margin-top:20px;
	margin-bottom:40px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-bottom-style: solid;
	border-top-color: #FF9900;
	border-bottom-color: #FFCC00;
	clear: right;
	float: right;
	padding: 0px;
	display: block;
	position: relative;
} 
/*hosting*/
#Upbody {
	margin:0px;
	padding:0px;
	position: relative;
	height: 300px;
	width: 900px;
	float: left;
}

#Lefthost {
	margin:0;
	padding:0;
	height:300px;
	width:300px;
	background-image:url(../img/Hosting900x300_1.jpg);
    background-repeat: no-repeat;
    clear: none;
	float: left;
	position: relative;	
}
	
#Middlehost {
	margin:0;
	padding:0;
	height:300px;
	width:300px;
	background-image:url(../img/Hosting900x300_2.jpg);
    background-repeat: no-repeat;
    clear: none;
	float: left;
	position: relative;	
}


	
#HostingRoffer{
	display: block;
	padding-top: 0px;
	float: none;
	clear: both;
	position: absolute;
	width:300px;
	height:145px;
	top: 0px;
	right: 0px;
}

#Middlebody {
	margin:0px;
	padding:0px;
	position: relative;
	height: auto;
	width: 900px;
	float: left;
}

#Leftmiddlebody {
	margin:0;
	padding:0;
	height:500px;
	width:300px;
	clear: none;
	float: left;
	position: relative;	
}

#Centermiddlebody {
	margin:0;
	padding:0;
	height:200px;
	width:auto;
	clear: none;
	float: left;
	position: relative;	
}
	
#floatingplans {
	margin:0;
	padding:0;
	height: 400px;
	width: 600px;
	float: left;
	position: relative;
}

#Hostplan1 {
	margin:0;
	padding:0;
	height: auto;
	width: 200px;
	float: left;
	position: relative;
}
	
.boxplan {
	background-image:url(../img/boxplan2.gif);
	border: none;
	background-repeat: no-repeat;
	background-position: center;
	height: 210px;
	clear: both;
	width: 200px;
	float: left;
}

.boxplan H2{
	COLOR:#FF0000;
	font-size: 16px;
}

.box {
	color: #323232;
	background-color: #F0F2F4;
	padding: 12px;
	border: 1px solid #9F9F9F;
}

.boxhead {
	height: 40px;
	background-image: url(../img/boxplan1.gif);
	background-repeat: no-repeat;
	position: relative;
	width: 200px;
	background-position: center;
}

#Hostplan2 {
	margin:0;
	padding:0;
	height: auto;
	width: 200px;
	float: left;
	position: relative;
}

#Hostplan3 {
	margin:0;
	padding:0;
	height: auto;
	width: 200px;
	float: left;
	position: relative;
}

.boxhead h2 {
	display:block;
	margin-top: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color:#3D75ad;
	text-shadow:1px 1px 1px #000;
	text-decoration: none;
	padding-top: 15px;
}
.smallbutton2 {
	margin:0;
	padding:0;
}
.smallbutton2 p a {
	font-size: small;
	font-weight: bold;
	display: block;
	padding-top: 5px;
	background-repeat: no-repeat;
	color: #000066;
	text-decoration: none;
	background-image: url(../img/small_button2.png);
	float: none;
	clear: both;
	position:absolute;
	bottom: 3px;
	width:150px;
	height:30px;
	left: 30px;
	top: 322px;
}

.smallbutton2 p a:hover a {	visibility:visible;	}

.smallbutton2 a:hover {
	color:#FFFFFF;
	text-decoration: none;
	text-shadow: 1px 1px 1px #000;
}

.img1 {
	padding:0;
	background-image:url(../img/img4.jpg);
	height: 47px;
	width: 600px;
	margin: 0;
	}
.boxplan ul li{
	margin:0;
	padding:0;
	text-align:left;
	list-style-type: none;
	font-size: 12px;
}

#Animationpage {
	margin:0;
	padding:0;
	height: auto;
	width: 900px;
	clear: both;
	background-color: #000033;
}

#bannerdomain1{
	margin:0;
	padding:0;
	background-image:url(../img/domainpage.gif);
	background-repeat:no-repeat;
	clear: right;
	float: right;
	height: 157px;
	width: 380px;
	position: relative;
}

#Animationdomain {
	float: left;
	height: 157px;
	width: 520px;
	clear: left;
	position: relative;
}

#Rotation {
	margin:0;
	padding:0;
	clear: both;
	float: left;
	height: 77px;
	width: 280px;
	position: absolute;
	left: 94px;
	top: 592px;
}

#Webdesign {
	margin:0;
	padding:0;
	height: 830px;
	width: 900px;
	clear: both;
	background-color: #181F53;	
}

#Webdesign1 {
	margin:0;
	padding:0;
	height: 894px;
	width: 176px;
	clear: both;
	position: relative;
	float: left;
	text-align: left;
	background-image: url(../img/fondowebdesignleft.jpg);
	background-repeat: no-repeat;
}

#Webdesign22 {
	margin:0;
	padding:0;
	height: 894px;
	width: 518px;
	clear: none;
	position: relative;
	float: left;
	text-align: left;
	background-image: url(../img/fondowebdesignmiddle.jpg);
	background-repeat: no-repeat;	
}

#Webdesign2 {
	margin:0;
	padding:0;
	height: 894px;
	width: 518px;
	clear: none;
	position: relative;
	float: left;
	text-align: center;
	background-image: url(../img/fondowebdesignmiddle1.jpg);
	background-repeat: no-repeat;
}

#Webdesigntext {
	margin:0;
	padding:0;
	height: 700px;
	width: 460px;
	clear: none;
	position: relative;
	float: none;
	text-align: left;
	z-index: -1;
}

#Webdesign3 {
	margin:0;
	padding:0;
	height: 894px;
	width: 206px;
	clear: none;
	position: relative;
	float: right;
	text-align: left;
	background-image: url(../img/fondowebdesignright.jpg);
	background-repeat: no-repeat;
}

.smallbutton3 h2 {
	margin:0;
	display:block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color:#3D75AD;
	text-shadow:1px 1px 1px #000;
	text-decoration: none;
	padding: 0;
}

#WebD2intro {
	margin:0;
	height: 180px;
	width: 489px;
	clear: both;
	position: absolute;
	float: left;
	text-align: left;
	padding-right: 0;
	padding-bottom: 0;
	top: 189px;
	padding-left: 10px;
	left: 14px;
}

#WebDintro {
	margin:0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10px;
	width: 508px;
	clear: both;
	position: absolute;
	float: left;
	text-align: left;
	top: 162px;
	height: 550px;
}
.orderbutton {
	margin:0;
	padding: 0;
}

.orderbutton p a {
	font-size: small;
	font-weight: bold;
	display: block;
	padding-top: 5px;
	background-repeat: no-repeat;
	color: #000066;
	text-decoration: none;
	background-image: url(../img/small_button4.png);
	float: none;
	clear: both;
	width:120px;
	height:30px;
	background-position: center top;
}

.orderbutton p a:hover a {
	visibility:visible;	}
.orderbutton a:hover {
	color:#FFFFFF;
	text-decoration: none;
	text-shadow: 1px 1px 1px #000;
}
		
#Explatext {
	margin:0;
	clear: right;
	float: right;
	height: 160px;
	width: 270px;
	position: relative;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #FFFFFF;
	padding: 10;
}

#WebDvideo {
	float: left;
	height: 120px;
	width: 150px;
	clear: left;
	position: relative;
	top: 10px;
	 display:none;
}

#WebD2feautured {
	margin:0;
	height: 180px;
	width: 489px;
	clear: both;
	position: absolute;
	float: left;
	text-align: left;
	padding-right: 0;
	padding-bottom: 0;
	top: 371px;
	padding-left: 10px;
	left: 16px;
}
#WebD3feautured {
	margin:0;
	height: 151px;
	width: 489px;
	clear: both;
	position: absolute;
	float: left;
	text-align: left;
	padding-right: 0;
	padding-bottom: 0;
	top: 553px;
	padding-left: 10px;
	left: 16px;
}
#WebD4feautured {
	margin:0;
	height: 61px;
	width: 489px;
	clear: both;
	position: absolute;
	float: left;
	text-align: center;
	padding-right: 0;
	padding-bottom: 0;
	top: 713px;
	padding-left: 10px;
	left: 16px;
}
#Explatext1 {
	margin:0;
	padding:0;
	clear: right;
	float: right;
	height: 155px;
	width: 220px;
	position: relative;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #FFFFFF;
}

#WebDshow1 {
	float: left;
	height: 160px;
	width: 260px;
	clear: left;
	position: relative;
	padding: 0px;
	top: -5px;
	z-index: 1000;
	visibility: visible;
	left: -10px;
}

#WebDshow2 {
	float: left;
	height: 100px;
	width: 230px;
	clear: left;
	position: relative;
	padding: 0px;
	top: 10px;
	display:none;
}

#Tutorialscr {
	position: relative;
	top: 10px;
}

#Tutorialscr H1{
	margin: 0;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 0px;
}

#Tutorialscr H1 a{
	height: 280px;
	width: 450px;
	display: block;
	background-image: url(../img/tutorialscr.gif);
}

#Tutorialscr1 {
	height: 210px;
	width: 350px;
	position: relative;
	top: 10px;
	background-image: url(../img/temastutorial.gif);
	background-repeat: no-repeat;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 0px;
}

#Allflags {
	margin:0;
	padding:0;
	height: 15px;
	width: 732px;
	background-image: url(../img/allflags.png);
}

#Chat {
	position: relative;
	top: 10px;
}

#Chat H1{
	margin: 0;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 0px;
}

#Chat H1 a{
	height: 300px;
	width: 255px;
	display: block;
	background-image: url(../img/chatscr.gif);
}

#Forum {
	position: relative;
	top: 10px;
}

#Forum H1{
	margin: 0;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 0px;
}

#Forum H1 a{
	height: 295px;
	width: 300px;
	display: block;
	background-image: url(../img/forumscr.gif);
}

#Domaintransfer {
	position: relative;
	top: 10px;
}

#Domaintransfer H1{
	margin: 0;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 0px;
}

#Domaintransfer H1 a{
	height: 157px;
	width: 380px;
	display: block;
	background-image: url(../img/domaintransfer.gif);
}

#Whcpanel {
	position: relative;
	top: 10px;
}

#Whcpanel H1{
	margin:0;
	padding:0;
}

#Whcpanel H1 a{
	height: 135px;
	width: 180px;
	display: block;
	background-image: url(../img/cpanelscr.gif);
}

#Whclient {
	position: relative;
	top: 10px;
}

#Whclient H1{
	margin:0;
	padding:0;
}

#Whclient H1 a{
	height: 135px;
	width: 180px;
	display: block;
	background-image: url(../img/whmclientscr.gif);
}

#Whdatabase {
	position: relative;
	top: 10px;
}

#Whdatabase H1{
	margin:0;
	padding:0;
}

#Whdatabase H1 a{
	height: 135px;
	width: 180px;
	display: block;
	background-image: url(../img/databasescr.gif);
}

#Whaplication {
	position: relative;
	top: 10px;
}

#Whaplication H1{
	margin:0;
	padding:0;
}

#Whaplication H1 a{
	height: 140px;
	width: 190px;
	display: block;
	background-image: url(../img/software1.gif);
	background-repeat: no-repeat;
}

#Whemail {
	position: relative;
	top: 10px;
}

#Whemail H1{
	margin:0;
	padding:0;
}

#Whemail H1 a{
	height: 135px;
	width: 180px;
	display: block;
	background-image: url(../img/emailscr.gif);
}

#Whbanner {
	position: relative;
	top: 10px;
	background-image: url(../img/whbanner.gif);
	background-repeat: no-repeat;
}

#Whbanner H1{
	margin:0;
	padding:0;
}

#Whbanner H1 a{
	height: 150px;
	width: 580px;
	display: block;
	background-image: url(../img/whbanner.gif);
}

#Picturedom {
	position: relative;
	top: 10px;
	left:5px;
	float: left;
	clear: left;
}

#Picturedom H1{
	margin: 0;
	padding: 0;
}

#Picturedom H1 a{
	height: 270px;
	width: 600px;
	display: block;
	background-image: url(../img/acceptanycurrency.gif);
	background-repeat: no-repeat;
	float: left;
}

#Mailscr {
	position: relative;
	top: 10px;
}

#Mailscr H1{
	margin: 0;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 0px;
}

#Mailscr H1 a{
	height: 230px;
	width: 350px;
	display: block;
	background-image: url(../img/mailscr.jpg);
}

/* to modify in diferent languages*/
#Title {
	margin:0;
	padding:0;
	height: 60px;
	width: 360px;
	position: relative;
	top: 73px;
	background-image: url(../img/web_hosting_design_EN.png);
	background-repeat: no-repeat;
	background-position: center;
	float: left;
	clear: none;
	display: block;
	left: 60px;
}
#Righthost {
	margin:0;
	padding:0;
	height:300px;
	width:300px;
	background-repeat: no-repeat;
	clear: none;
	float: right;
	position: relative;
	background-image: url(../img/recomend_EN.jpg);
}	
#Resourcesfreesof {
	margin:0px;
	padding:0px;
	position: absolute;
	height: 150px;
	width: 400px;
	float: right;
	clear: both;
	top: 0px;
	right: 0px;
	background-image: url(../img/resources_software_EN.jpg);
}

#Resourcesgetjob a{
	width:400px;
	height:100px;
	display: block;
	padding-top: 10px;
	color: #330066;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	background-image: url(../img/resources_job_EN.png);
	background-repeat: no-repeat;
}

#Resourcesgetjob1 a{
	width:400px;
	height:100px;
	display: block;
	padding-top: 10px;
	color: #330066;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	background-image: url(../img/resources_job_EN.png);
	background-repeat: no-repeat;
}

#Resourceslearn a {
	width:100px;
	height:100px;
	background-image:url(../img/resources_learn_EN.png);
	display: block;
	padding-top: 10px;
	background-repeat: no-repeat;
	color: #330066;
	text-decoration: none;
	text-align: center;
	background-position: center;
	vertical-align: middle;
}

#Resourceslearn1 a {
	width:100px;
	height:100px;
	background-image:url(../img/resources_learn_EN.png);
	display: block;
	padding-top: 10px;
	background-repeat: no-repeat;
	color: #330066;
	text-decoration: none;
	text-align: center;
	background-position: center;
	vertical-align: middle;
}

#Resourcesbusiness a{
	width:400px;
	height:100px;
	display: block;
	padding-top: 10px;
	color: #330066;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	background-image: url(../img/resources_business_EN.png);
	background-repeat: no-repeat;
}

#Resourcesbusiness1 a{
	width:400px;
	height:100px;
	display: block;
	padding-top: 10px;
	color: #330066;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	background-image: url(../img/resources_business_EN.png);
	background-repeat: no-repeat;
	}
/* to modify ACTUAL OFFER*/
#Hostingoffer{
	display: block;
	padding-top: 0px;
	float: none;
	clear: both;
	left: 2px;
	position: absolute;
	width:185px;
	height:145px;
	top: 4px;
	background-image: url(../img/Hosting_offer_EN.png);
}

#Domainoffer{
	display: block;
	padding-top: 0px;
	float: none;
	clear: both;
	position: absolute;
	width:300px;
	height:100px;
	top: 0px;
	right: 0px;
	background-image: url(../img/domain_offer_EN.png);
}
/* to modify in Interanl pages*/