/*
Theme Name: Hosteandote
Theme URI: http://bizion.org/
Description: Primer plantilla de hosteandote
Version: 1.0
Author: Ricardo Andramu𥣈
Author URI: http://bizion.org/
*/

*{ margin: 0; padding:0; }

body { font-size: 12px; font-family: Helvetica, Sans-Serif; color: #444444; line-height: 18px; background: url(images/bg.png) #D2CFDD top left repeat-x; }

img { border: 0; }	
a { color: #6d6d6d; text-decoration: none; }
a:hover { text-decoration: underline; }
h2, #registertitle { font-size: 16px; padding-bottom: 3px; line-height: 22px; } 
h2.titulo { font-size: 22px; line-height: 30px; margin-bottom: 10px;栂
h3.titulo { color: #FF6600; font-size: 14px; line-height: 22px }
img.centered { display: block; margin:0px auto; }
img.alignright { float: right; margin: 0 0 2px 7px; display: inline; }
img.alignleft { float: left; margin: 0 7px 2px 0; display: inline; }
img.alignnone { margin: 4px auto; }
.left { float: left;}
.right { float: right; }
.center { margin: 0 auto; }

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 2px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }
#host-reseller h2, #host-streaming h2, #host-vps h2, #host-reseller h4, #host-streaming h4, #host-vps h4, .plan h2, span.mas, span.ordenar, div.precio span, #dominios h2, #dominios h3, #herramientas em, #host-reseller h2, #host-streaming h2, #host-vps h2, #host-reseller h4, #host-streaming h4, #host-vps h4, h2.titulo, #registertitle, .bignumb, .newplan h2, .newprecio, .verestudiantil { font-family: Georgia, Times, "Times New Roman", serif; }	

#header { background: url(images/header.jpg) top left repeat-x; height: 194px; }	
#logo { background: url(images/hosteandote.png) top left no-repeat; height: 119px; margin-top: 10px; }
#logo h1 { visibility: hidden; }
ul.menu { list-style-type: none; height: 96px; }
ul.menu li { display: block; float: left; width: 75px; height: 78px; text-indent: -7000px; background-image: url(images/botones.png); background-repeat: no-repeat; }
ul.menu li#menu-inicio { background-position: 0 0; }
ul.menu li#menu-dominios { background-position: -75px 0; }
ul.menu li#menu-hosting { background-position: -150px 0; }
ul.menu li#menu-reseller { background-position: -225px 0; }
ul.menu li#menu-streaming { background-position: -300px 0; }
ul.menu li#menu-vps { background-position: -375px 0; }
ul.menu li:hover { height: 96px; }
ul.menu li:hover#menu-inicio { background-position: 0 -78px; }
ul.menu li:hover#menu-dominios { background-position: -75px -78px; }
ul.menu li:hover#menu-hosting { background-position: -150px -78px; }
ul.menu li:hover#menu-reseller { background-position: -225px -78px; }
ul.menu li:hover#menu-streaming { background-position: -300px -78px; }
ul.menu li:hover#menu-vps { background-position: -375px -78px; }
ul.menu li a { display: block; width: 75px; height: 78px; outline: 0 none; }

#beneficios { height: 286px; background: url(images/beneficios.jpg) top left no-repeat; line-height: 16px; margin-top: 15px;  }
.beneficiol, .beneficior { margin-top: 15px; margin-bottom: 11px; }
.beneficiol h2, .beneficior h2 { color: #4B872B; }
.beneficiol p { margin-left: 145px; width: 175px; }
.beneficior p { margin-left: 120px; width: 240px; }
.beneficior h2 { margin-left: 120px; }

#planes { margin-bottom: 15px; }
.plan1 { margin-left: 10px; }
.newplan { background: url(images/newplan.jpg) top left no-repeat; height: 139px; position: relative; margin-left: 10px; margin-bottom: 15px; }
#newadvice { width: 470px; text-align: center; float: left; margin-top: 17px; }
.newplan ul { float: left; margin-left: 20px; list-style: outside; margin-top: 20px; }
h2.introducing { font-size: 40px; line-height: 36px; }
h2.ournew { font-size: 47px; font-weight: normal; line-height: 30px; letter-spacing: 7px; }
h2.thenewplan { font-size: 35px; color: #E76619; line-height: 41px;栂
.newprecio { position: absolute; top: 35px; right: 45px; }
.newprecio .dollars { font-size: 50px; }
.newprecio .cents { font-size: 20px; }
.newprecio .anual { font-size: 15px; }  
.plan { background: url(images/plan.png) top left no-repeat; width: 234px; height: 169px; position: relative; z-index: 1; }
.plan h2 { font-size: 18px; color: #E76619; margin-left: 16px; margin-top: 15px; }
.plan ul { margin: 10px 28px; list-style: none; }
.plan ul li  { font-size: 11px; line-height: 21px; color: #656565; }
span.mas, span.ordenar { position: absolute; bottom: 0; padding: 0 5px; color: #ffffff; font-style: italic; }
.verestudiantil { position: absolute; bottom: 0; right: 256px; width: 81px; height: 23px; line-height: 22px; color: #fff; font-style: italic; text-align: center; }
.verestudiantil:hover { background: url(images/verestudiantil.png); text-decoration: none; }
span.mas { left: 17px;  }
span.ordenar { left: 87px; }
div.precio { width: 70px; position: absolute; top: 108px; right: 7px; text-align: center;  }
div.precio span { font-weight: bold; }
span.dollars { font-size: 25px; }
span.cents { font-size: 11px; }
span.anual { font-size: 9px; }
div.colored1, div.colored2, div.colored3, div.colored4 { position: absolute; top: -19px; width: 280px; height: 206px; z-index: 10; }
div.colored1 { left: -10px;  }
div.colored2 { left: 225px;  }
div.colored3 { left: 460px;  }
div.colored4 { left: 696px;  }
img.featured { opacity: 0; width: 263px; height: 195px; margin: auto; }
a.vermas { position: absolute; z-index: 20; display: block; width: 66px; height: 18px; bottom: 12px; left: 30px; }
a.ordenar { position: absolute; z-index: 20; display: block; width: 66px; height: 18px; bottom: 12px; left: 104px;  }
a.vermas:hover, a.ordenar:hover { text-decoration: none; }

#dominios { background: url(images/dominios.jpg) top left no-repeat; height: 93px; }
#dominios h2 { color: #F7EA50; padding: 12px 14px; line-height: 26px; }
#dominios p { color: #ffffff; padding: 0 14px; }
#dominios p span { color: #E76619; font-size: 25px; font-weight: bold; }
#dominios form { color: #ffffff; overflow: hidden; margin: 10px 0 0 37px; }
#dominios form input { margin: 0 5px; }
div#sudominio { float: left; margin: 10px; }
div#busqueda { float: left; margin: 3px; }
input.bbuscar { width: 124px; height: 37px; }
#dominios h3 { color: #E76619; font-size: 13px; text-align: center; margin-right: 140px; }

#herramientas { margin-top: 10px; }
#herramientas em { margin-left:14px; font-size: 11px; color: #888888; }
#herramientas p { margin-left: 14px; margin-bottom: 20px; }
#herramientas img { margin: 5px 12px; }

#veinticuatrosiete { background: url(images/24-7.png) top left no-repeat; width: 106px; height: 118px; margin-bottom: 10px; }
#veinticuatrosiete p { visibility: hidden; }
#veinticuatrosiete a { display: block; width: 83px; height: 40px; text-indent: -7000px; float: right; margin-top: 24px; }
#uptime { width: 93px; height: 93px; background: url(images/uptime.png); margin: 0 auto; }
#uptime p { visibility: hidden; }

#host-reseller { height: 224px; background: url(images/host-reseller.png) top left no-repeat; }
#host-streaming { height: 224px; background: url(images/host-streaming.png) top left no-repeat; }
#host-vps { height: 224px; background: url(images/host-vps.png) top left no-repeat; }
#host-reseller h2, #host-streaming h2, #host-vps h2 { color: #F7EA50;  padding: 10px 15px 5px 15px; font-size: 16px; }
#host-reseller h4, #host-streaming h4, #host-vps h4 { float: left; padding: 8px 9px 5px 9px; font-size: 16px; width: 80px; text-align: center; }
#host-reseller h3, #host-streaming h3, #host-vps h3 { color: #ffffff; font-size: 12px; padding: 0 15px 5px 15px; }
#host-reseller a, #host-streaming a, #host-vps a { color: #fff; font-weight: bold; width: 88px; height: 23px; float: right; text-align: center; margin: 53px 18px 0 0; }
#host-reseller p, #host-streaming p, #host-vps p { width: 120px; margin-left: 15px; margin-bottom: 0px; } 
#host-reseller em, #host-streaming em, #host-vps em { color: #ffffff; font-size: 12px; font-family: Helvetica, Sans-Serif; }

#livechat { height: 224px; position: relative; background: url(images/livechat.png); display: inline; float: left; overflow: hidden; margin-left: -7px; }
#livechat h5 { visibility: hidden; }
.online { width: 126px; height: 70px; position: absolute; bottom: 1px; right: 1px; } 
.online a { display: block; width: 118px; height: 60px; text-decoration: none; }
.online a span { visibility: hidden; }
.pregunta { margin-bottom: 18px; }

#footer { background: url(images/footer.png) top left no-repeat; margin-top: 20px; padding: 20px 0; }
#footer .columna0 { background: url(images/footul.png) top left repeat-y; }
#footer ul { list-style: none; }
#footer ul.losservicios { height: 170px; margin-left: 10px; }
#certifies { margin-bottom: 30px; }
li ul { margin-left: 22px; margin-bottom: 13px; }
li.pagenav { font-weight: bold; }
#paginas .pagenav ul, #pagina ul { margin: 6px 0 20px 26px; }
#footer .pagenav ul { margin-left: 10px; }
li.pagenav a, #pagina a { color: #E76619; } 
.totalpage { background: url(images/totalbg.png) repeat-y; }
#pagina p { margin-bottom: 13px; }
#pagina h2, #paginas h2 { border-bottom: 1px solid #C5C4C4; }
.breadcrumb { margin-bottom: 13px; }
#pagina .entry { margin-left: 10px; overflow: hidden; }
#pagina .lasetiquetas { border-top: 1px dotted #C5C4C4; padding-top: 8px; }
#footer ul a { color: #0F8393; font-weight: normal; }
.buynow { display:block; margin: 0 auto; }
.buynow, .buynow2 { width: 91px; height: 22px; width: 91px; height: 22px; background: url(images/buynow.png); color: #fff !important; text-align: center; line-height: 22px; }
.buynow2 { display: inline-block; font-weight: bold; font-size: 10px; }

#designer p { margin-top:10px; color: white; }
.webdesign {background:url('http://www.bizion.org/favicon.png') top left no-repeat;padding:0 8px 5px 19px; color:#0080FF; }
.webdesign:hover { text-decoration: none; }

#welcome_box { float:right; line-height:47px; margin: 0 24px 0 0; padding:0; text-align:right; color: #fff; }
#welcome_box a, #welcome_box a:visited { color:#accbff; text-decoration:none; }
#welcome_box a:hover { text-decoration:underline; }
.absmiddle { vertical-align:middle; }
#top_menu { width: 100%; border-top: dotted 1px #C5C4C4; height:30px; line-height:30px; margin:0; padding:0; text-align:left; clear: both; }
#top_menu ul { list-style:none; margin:0; padding:0; }
#top_menu ul li { float:left; margin:0; padding:0; }
#top_menu ul li a, #top_menu ul li a:visited { color:#fff; display:block; height:30px; line-height:30px; padding:0; text-align:center; text-decoration:none; padding: 0 23px 0 16px; }
#top_menu ul li a.down, #top_menu ul li a.down:visited, #top_menu ul li a.down:hover { background-color:#FFF; border-right:1px solid #EBEBEB; color:#333; font-weight:700; }
#top_menu ul li a:hover { background-color:#EBEBEB; color:#333; }
.whmcs form input, .whmcs form select { margin: 2px 0 8px 0;栂
td.fieldarea { padding-right: 10px; }
.spacey { margin-top: 15px;栂
ul.shortcuts { margin-top: 8px; }
ul.shortcuts li { padding: 3px 0; }
.misdatos { background: #FFFABF; padding: 5px; margin-bottom: 13px; }
#regdombg { background: url(images/regdombg.jpg) no-repeat; padding: 8px; margin-bottom: 15px; color: #fff; }
.selectdomain { float: left; width: 180px; }
#registertitle { color: #F7EA50; }
.bignumb { color: #FF6600; font-size: 24px; font-weight: bold; }
#elsoporte { display: block; float: left; width: 162px; height: 37px; background: url(images/botongrande.png) no-repeat; text-align: center; line-height: 37px; font-weight: bold; color: #fff !important; margin-right: 20px; }

.page-id-8 .row-2 .column-2, .page-id-8 .row-3 .column-2, .page-id-8 .row-4 .column-2, .page-id-8 .row-5 .column-2, .page-id-8 .row-6 .column-2, .page-id-8 .row-7 .column-2, .page-id-8 .row-8 .column-2 { background: #FCF6C5; }
.page-id-10 .row-2 .column-3, .page-id-10 .row-3 .column-3, .page-id-10 .row-4 .column-3, .page-id-10 .row-5 .column-3, .page-id-10 .row-6 .column-3, .page-id-10 .row-7 .column-3, .page-id-10 .row-8 .column-3 { background: #FCF6C5; }
.page-id-12 .row-2 .column-4, .page-id-12 .row-3 .column-4, .page-id-12 .row-4 .column-4, .page-id-12 .row-5 .column-4, .page-id-12 .row-6 .column-4, .page-id-12 .row-7 .column-4, .page-id-12 .row-8 .column-4 { background: #FCF6C5; }
.page-id-14 .row-2 .column-5, .page-id-14 .row-3 .column-5, .page-id-14 .row-4 .column-5, .page-id-14 .row-5 .column-5, .page-id-14 .row-6 .column-5, .page-id-14 .row-7 .column-5, .page-id-14 .row-8 .column-5 { background: #FCF6C5; }