/**//* Estilos generales /-/ Main Styles *//**//*//////////////////////////////////////*/
body				{ margin: 0; background-color: #fff; }

p				{ margin: 5px 0 15px 0; }
 
/**//* Estilo de los textos /-/ Text Styles *//**//*//////////////////////////////////////*/
/* Encabezados /-/ Headers */
h1				{ color: #aaa; font-size: 28px; font-family: Trebuchet MS, Verdana, Sans, Microsoft Sans Serif, Arial; margin: 10px 110px 4px 10px; }
h1 a				{ color: #accce3; text-decoration: none; }
h1 a:hover			{ text-decoration: none; }
h2				{ color: #589ece; font-size: 16px; font-family: Trebuchet MS, Verdana, Sans, Microsoft Sans Serif, Arial; margin: 0 0 0 32px; }
h3				{ color: #aaa; font-size: 28px; font-family: Trebuchet MS, Verdana, Sans, Microsoft Sans Serif, Arial; margin: 10px 0 2px 0; border-bottom: 1px solid #e8e8e8; font-weight: normal; letter-spacing: -2px; }
h4				{ color: #aaa; font-size: 12px; font-family: Lucida Sans Unicode, Verdana, Sans, Microsoft Sans Serif, Arial; text-align: left; font-weight: normal; letter-spacing: -1px; }
h5				{ color: #589ece; font-family: Verdana, Sans, Microsoft Sans Serif, Arial; font-size: 12px; margin: 10px 0 2px 0; font-weight: bold; letter-spacing: -.5px; text-align: justify; }

/* Texto principal /-/ Main Text */
.maintext			{ color: #444; font-family: Verdana, Sans, Microsoft Sans Serif, Arial; font-size: 12px; letter-spacing: -.5px; text-align: justify; }
.formtext			{ color: #444; font-family: Verdana, Sans, Microsoft Sans Serif, Arial; font-size: 11px; letter-spacing: -.5px; text-align: right; }
.formtextf			{ position: relative; float: left; width: 59px; top: 4px; left: 10px; }
.topmenutext			{ color: #aaa; font-family: Lucida Sans Unicode, Verdana, Sans, Arial; font-size: 13px; letter-spacing: -.5px; text-align: left; font-weight:bold;}
.smallrightmenutext		{ font-size: 10px; }
.footertext			{ color: #aaa; font-family: Verdana, Sans, Microsoft Sans Serif, Arial; font-size: 11px; letter-spacing: -.5px; text-align: center; }
.footertext a			{ color: #aaa; text-decoration: none; padding: 0 5px 0 5px; }
.footertext a:hover		{ color: #589ece; text-decoration: underline; }
.footertext p			{ margin: 2px 0 4px 0; }
.hide 					{ display: none; }
.toggle					{ display: block; }
.style1					{ color: #589ece; font-weight: bold; font-size: 14px; margin: 1em 0;}

/**//* Estilo de los divs principales /-/ Main div styles *//**//*//////////////////////////////////////*/
#gen				{ width: 1000px; overflow: hidden; }

#top				{ position: relative; width: 1000px; height: 105px; float: left; border-bottom: 1px solid #e8e8e8; }
#logo				{ position: relative; float: left; margin: 0px 0 10px 0px; }
#topmenu			{ position: relative; float: left; list-style-type: none; margin: 60px 0 0 10px;  padding: 0;  }
#topmenu li			{ position: relative; float: left; display: block;  margin: 0 0 15px 0; list-style-type: none; }
#topmenu li a			{ color: #589ece; text-decoration: underline; padding: 0 10px; }
#topmenu li a:hover		{ color: #aaa; text-decoration: none; } 


#domainsearch			{ position: relative; float: right; width: 258px; padding-right: 30px; background-image: url(/images/domsearchbg.jpg); background-repeat: no-repeat; margin-top: -5px;}
#smallrightmenu			{ position: relative; float: right; list-style-type: none; right: 50px; margin: 0 0 0 0; padding: 0; }
#smallrightmenu li		{ position: relative; float: left; list-style-type: none; margin: 2px; padding: 0; }
#smallrightmenu li a		{ color: #444; text-decoration: none; }
#smallrightmenu li a:hover	{ color: #52bfed; text-decoration: underline; }

#formdomainsearch		{ position: relative; float: left; width: 100%; text-align: right; right: 30px; }
#formdomainsearch h3		{ text-align: right; color: #589ece; font-size: 18px; margin: 7px auto 4px auto; padding: 0 5px 0 0; border: none; }

#formlogin			{ position: relative; width: 179px;  padding: 19px 16px 3px 0; float: right; background-image: url(/images/bg-login.jpg); background-repeat: no-repeat; background-position: center top; }
#formlogin input		{ width: 100px; margin: 0 0 3px 1px; }

#content			{ position: relative; float: left; width: 100%; left: 50px; background-image: url(/images/bg-shadowcontent.jpg); background-repeat: no-repeat; background-position: center top; padding-top: 15px; }
#content2			{ position: relative; float: left; width: 90%; margin-left: 5%; margin-right: 5%; background-image: url(/images/bg-shadowcontent.jpg); background-repeat: no-repeat; background-position: center top; padding-top: 15px; }
.content3			{ position: relative; float: left; width: 80%; margin-left: 10%; margin-right: 10%;}
#open 				{ position: relative; float: left; width: 100%; background-image: url(/images/bg-welcomeinv.jpg); background-repeat: no-repeat; background-position: center top; }
.shadowtop			{ position: relative; float: left; width: 100%; padding: 20px 0 0 0; background-image: url(/images/bg-welcomeinv.jpg); background-repeat: no-repeat; background-position: center top; }
.shadowbottom		{ position: relative; float: left; width: 100%; padding: 0 0 30px 0; background-image: url(/images/welcomebg.jpg); background-repeat: no-repeat; background-position: center bottom; }
.sleft				{ position: relative; float: left; width: 50%;}
.sright				{ position: relative; float: right; width: 50%;}
.fleft				{ position: relative; float: left; width: 100%; margin: 40px 0 0 0;}
.indentfleft		{ position: relative; float: left; width: 100%; margin: 40px 0 0 60px;}

#block				{ position: relative; float: left; width: 90%; margin: 10px; }
#block50			{ position: relative; float: left; width: 40%; margin: 5%; }

#end				{ width: 1000px; margin:auto; background-image: url(/images/bg-endbar.jpg); background-repeat: no-repeat; background-position: center top; padding-top: 20px; }
#endtrademarks		{ position: relative; width: 90px; height: 100px; float: left; }
#betweetrademarks	{ position: relative; width: 720px; height: 100px; float: left; } 

/**//* index.php *//**//*//////////////////////////////////////*/
/* Bloques Principales - index.php /-/  Main Blocks - index.php */
#welcome			{ position: relative; float: left; width: 1000px; height: 310px; background-image: url(/images/welcomebg.jpg); background-repeat: no-repeat; overflow: hidden; }
#welcome_es			{ position: relative; float: left; width: 1000px; height: 330px; background-image: url(/images/welcomebg.jpg); background-repeat: no-repeat; background-position: bottom; overflow: hidden; }

#columnleft			{ position: relative; float: left; width: 450px; height: 326px; overflow: hidden; left: 50px; margin-top: 15px;  }
#columnleft h3			{ border-bottom: 1px solid #e8e8e8; }

#columnright 			{ position: relative; float: right; width: 450px; height: 326px; overflow: hidden; top: 7px; }

#welcomecontents		{ position: relative; float: left; width: 70%; margin: 17px 0 30px 25px; padding: 0; list-style-type: none; }
#welcomecontents li		{ list-style-type: none; margin: 0; padding: 0;}
#plansbox			{ position: relative; float: left; width:253px; height: 47px;  background-image: url(/images/seeplans.jpg);  margin-top: -20px; left: 95px;}

#columnright			{ position: relative; float: right; width: 50%; }
#columnright p			{ position: relative; float: left; }
#rightboxup			{ position: relative; float: left; width: 85%; left: 12%; margin-top: 10px; height: 100px; }
#rightboxdown			{ position: relative; float: left; width: 85%; left: 5%; }

#techsupport			{ position: relative; float: left; width: 510px; height: 330px; left: 5%; background-image: url(/images/techsupportbg.jpg); background-repeat: no-repeat; overflow: hidden; }
#techsupport p			{ position: relative; float: left; clear: both; text-align: right; }
#techsupport #block		{ width: 100%; margin: 4px 0 0 25px; }
.noborder			{ border: none; float: left; margin: 35px 0 10px 5px; }

#featuresheader			{ position: relative; float: right; margin: 0 5px 0 0; top: 20px; width: 435px; height: 35px; padding-top: 12px ; }

#websitefeatures		{ position: relative; right: 5%; float: right; width: 330px; padding-top: 7px; list-style-type: none; }
#websitefeatures li		{ position: relative; float: left; width: 100%; margin: 3px 0 0 -5px; }

.featurestext			{ list-style-type: none; color: #589ece; font-size: 13px; font-family: Lucida Sans Unicode, Verdana, Sans; }
.featuresheader			{ font-size: 20px; font-family: Trebuchet MS, Sans; text-indent: 28px; color: #aaa; }

#whyusblock			{ position: relative; float: left; width: 90%; left: 5%; margin: -30px 0 -10px }
#whyusblock img			{ position: relative; float: left; }
#whyusblock h3			{ width: 90%; margin-bottom: 25px; }
#whyusblock h4			{ color: #589ece; font-size: 18px; margin: 0; font-family: Lucida Sans Unicode, Verdana; }
#whyusblock p			{ margin: 0; text-indent: 18px; }
#whyusblock #block50		{ width: 45%; margin: 15px 2% 0 2%; }

#whyleft			{ position: relative; float: left; width: 49%; }
#whyright			{ position: relative; float: right; width: 49%; }

/* Estilo de textos - index.php /-/ Text style - index.php */
.welcome 			{ float: left; width: 335px; font-size: 29px; letter-spacing: -2px; } 
.listheader			{ color: #589ece; font-size: 15px; font-family: Lucida Sans Unicode, Verdana, Sans; }
.mediumh3			{ margin-top: 18px; font-size: 20px; border-bottom: 1px solid #e8e8e8; }
.smallh3			{ margin-top: 18px; font-size: 18px; }
.salesbutton			{ color: #52bfed; font-size: 18px; font-family: Lucida Sans Unicode, Verdana; }
.smallh4			{ font-size: 14px; color:#333333;}
.seeplans			{ font-size: 14px; color: #fff; text-decoration: none; font-weight: bold; position: relative; float: left; top: 15px; left: 40px }
.seeplans:hover			{ text-decoration: underline; opacity: .9; filter: alpha(opacity=90); }


/**//* hosting-services.php *//**//*//////////////////////////////////////*/
/* Bloques Principales - index.php /-/  Main Blocks - index.php */
.hosting-services #leftblock	{ position: relative; float: left; width: 50%; }
.hosting-services #rightblock	{ position: relative; float: right; width: 35%; right: 10%; }

.hosting-services h4		{ color: #accce3; font-size: 14px; font-family: Trebuchet MS, Verdana, Sans, Microsoft Sans Serif, Arial; margin: 10px 0 2px 0; font-weight: normal; letter-spacing: -1px; }

/**//* about-us.php *//**//*//////////////////////////////////////*/
/* Bloques Principales - about-us.php /-/  Main Blocks - about-us.php */
.about-us #leftblock		{ position: relative; float: left; width: 47%; overflow: hidden; }
.about-us #rightblock		{ position: relative; float: right; width: 53%; overflow: hidden; }
.about-us h3			{ position: relative; float: left; border: none; margin: 0; }
.about-us #header-whoweare	{ position: relative; float: left; clear: both; }
.about-us p			{ position: relative; float: left; width: 70%; text-indent: 25px; top: -5px; left: 59px;  } 
.about-us #picture-adn		{ position: relative; float: right; }

/* Estilo de textos - about-us.php /-/ Text style - about-us.php */
.about-us .authoraboutus	{ text-align: right; margin-top: 22px; }

/**//* services.php *//**//*//////////////////////////////////////*/

/**//* windows-plans.php *//**//*//////////////////////////////////////*/
.windows-plans #leftblock	{ position: relative; float: left; width: 60%; }
.windows-plans #rightblock	{ position: relative; float: right; width: 25%; right: 10%; }

/**//* linux-plans.php *//**//*//////////////////////////////////////*/
.linux-plans #leftblock		{ position: relative; float: left; width: 60%; }
.linux-plans #rightblock	{ position: relative; float: right; width: 25%; right: 10%; }

/**//* website-design.php *//**//*//////////////////////////////////////*/
.website-design #leftblock	{ position: relative; float: left; width: 50%; }
.website-design #rightblock	{ position: relative; float: right; width: 10%; right: 10%; }

.website-design #leftblock2	{ position: relative; float: left;left:75px; width: 50%;height:350px;padding-top: 50px;  }
.website-design #rightblock2 { position: relative; float: right; width: 30%; right: 150px;padding-top: 40px;}

/*******//*andamios*//*******/	/*//////////////////////////////////////*/
/*
#gen		{ border-left: 1px solid red; border-right: 1px solid red; }
#bigheader	{ background-color: #aff; }
#priceblock	{ background-color: #faf; }
*/