/*  
Theme Name: Hosting Co.
Theme URI: http://www.storelicious.com/
Description: Theme para empresa de hosting creado por <a href="http://www.storelicious.com/">Storelicious</a> &amp; <a href="http://www.spiga.com.mx/">Spiga</a>.
Version: 1.0
Author: Spiga
Author URI: http://www.spiga.com.mx/
*/

html, body, #container {
    min-height: 95%;
    height: 95%;

}

html>body #container {
    height: auto;
}

body{
	margin:0px;
	padding:0px;
	font-family:'Tahoma', Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333;
	background:#FFFFFF url(pix/webBg.gif) 0px 3px repeat-x;
	filter:default;
	border-top:3px solid #000;
	}

a {outline:none; text-decoration:none;}
a:link,
a:visited{color:#ff9933;}
a:hover{color:#CC3300;}
.center{text-align:center;}
.center a img{border:none;}
.clear{clear:both;}
p{line-height:16px;}
h3{font-size:13px;}
#container{
	width:768px;
	margin:0px auto;
	}
	
#header{
	padding:10px 10px 0px 10px;
	width:748px;
	height:113px;
	}	

#headL{width:200px; float:left;}
#headR{width:520px; float:right;}
#header a img{border:none;}

#header h1,
#header h1 a{
	width:196px;
	height:94px;
	display:block;
	background-image:url(pix/logo.gif);
	background-repeat:no-repeat;
	background-position:top left;
	text-indent:-9000em;
	margin:0px;
	padding:0px;
	}
#header small{display:none;}	

#header #banner{
	float:right;
	width:476px;
	height:71px;
	text-align:center;
	padding:10px 0px 0px 0px;
	background-image:url(pix/bannerBg.gif);
	background-repeat:no-repeat;
	background-position:top left;
	}
#header #quickMenu{
	float:right;
	font-size:10px;
	list-style:none;
	margin:0px;
	text-transform:lowercase;
	}	
#header #quickMenu li{
	display:inline;
	border-right:1px solid #CCC;
	padding:0px 15px;
	}
#header #quickMenu li a:link,
#header #quickMenu li a:visited{
	color:#FFF;
	}
#header #quickMenu li a:hover{
	color:#CCC;
	}		
	
#menu {
	width:758px;
	overflow:auto;
	background-color:#a0aaa1;
	border-top:3px solid #7f8f81;
	padding:0px 0px 0px 10px;
	font-weight:bold;
	text-transform:lowercase;
	}	
#menu ul{
	margin:0px;
	padding:0px;
	list-style:none;
	}
#menu ul li{
	float:left;
	 margin:0px 1px;
	}		
#menu ul li a{	
	background-image:url(pix/itemMenu.gif);
	background-repeat:no-repeat;
	text-align:center;
	width:120px;
	height:21px;
	padding:18px 0px 0px 0px;
	display:block;
	}	
#menu ul li a:link,
#menu ul li a:visited{
	background-position:center -42px;
	color:#FFF;
	}	
#menu ul li a:hover,
#menu ul li#current a,
#menu ul li.current_page_item a{
	background-position:center 0px;
	color:#7f8f81;
	}
	
#wrapper,
#wrapPlan{
	width:758px;
	overflow:auto;
	padding:10px 0px 0px 10px;
	}


	
#fullCont{
	float:left;
	width:480px;
	}

#sidebar					{width:246px; float:right;}
#sidebar a img				{border:none;}
#sidebar ul 				{list-style:none; margin:0px 0px 10px 0px; padding:5px 0px;}
#sidebar ul li 				{}
#sidebar ul li a			{display:block;}
#sidebar a:link,
#sidebar a:visited			{color:#333;}
#sidebar a:hover			{color:#999;}
#sidebar .postmetadata		{font-size:12px; font-family:Arial, Helvetica, sans-serif;}
#sidebar .postmetadata a	{font-weight:bold;}
#sidebar .postmetadata a:link,
#sidebar .postmetadata a:visited{color:#ff9933;}
#sidebar .postmetadata a:hover{color:#CC3300;}

.box,
.box h2,
#sidebar h2
{
	border-width:1px;
	border-style:solid;
	}		
.box{
	width:246px;
	float:left;
	border-color:#e2e2e2;
	}
.box h2,
#sidebar h2{
	font-size:11px;
	background-repeat:repeat-x;
	background-position:left;
	margin:0px;
	padding:7px 0px;
	border-top:none;
	border-left:none;
	border-right:none;
	}
.box h2 span				{background-repeat:no-repeat;}
.box ul		 				{list-style:none; margin:0px; padding:5px 0px;}
.box ul li a				{background-repeat:no-repeat; padding:5px 0px 5px 20px;}
.box ul li a:link,
.box ul li a:visited		{background-position:top 0px;}
.box ul li a:hover			{background-position: left -20px;}	
	
#faqs							{margin:10px 0px 0px 0px; background:#5f5f5f url(pix/faq_bg.gif) 0px 30px repeat-x;}
#faqs ul li						{background-image:url(pix/faq_listBg.gif); background-position:bottom; background-repeat:repeat-x;}	
#faqs ul li a					{display:block; font-weight:bold; background-image:url(pix/bullet_list.gif);}
#faqs ul li a:link,
#faqs ul li a:visited			{color:#dadada;}
#faqs ul li a:hover				{color:#FFF; background-color:#6e6e6e;}
#faqs ul li.viewall a			{background-image:none; text-align:center; padding-left:0px;}
#faqs ul li.viewall a:link,
#faqs ul li.viewall a:visited	{color:#f7f6b0;}
#faqs ul li.viewall a:hover		{color:#FFFF00;}
#faqs h2,
#sidebar h2						{border-color:#e2e2e2; background-image:url(pix/titsBg.gif);}	
#sidebar h2						{padding-left:25px;}
#faqs h2 span					{background-image:url(pix/icon_faq.gif); padding:2px 0px 2px 25px; background-position:4px -2px;}

	
#promo{
	float:right;
	width:480px;
	background-image:url(pix/promo_bg.gif);
	background-position:top left;
	background-repeat:no-repeat;
	padding:30px 0px 0px 20px;
	}
#promo .ofL{
	width:110px;
	float:left;
	}		
#promo .ofR{
	width:350px;
	float:left;
	}	
#promo h2{
	color:#c85000;
	font-size:22px;
	font-weight:normal;
	letter-spacing:-1px;
	margin:0px;
	padding:0px;
	border-bottom:1px solid #CCC;
	
	}	
#promo h2 a				{background-image:url(pix/icon_page.gif); background-repeat:no-repeat; display:block;}	
#promo h2 a:link,
#promo h2 a:visited		{color:#c85000; background-position:right 12px;}
#promo h2 a:hover		{color:#000; background-position:right 6px;}
#promo img				{float:left; margin:0px 10px 0px 0px;}	
	
.btnGo	{text-align:center; margin:3px auto; width:330px; }
.btnGo a{
	background-image:url(pix/btnGo.gif);
	display:block;
	background-repeat:no-repeat;
	background-position:top center;
	padding:13px 0px;
	font-weight:bold;
	}
.btnGo a:link,
.btnGo a:visited{color:#f7f6b0;}
.btnGo a:hover{color:#FFF;}
.separator{
	background-image:url(pix/separator.gif);
	background-repeat:repeat-x;
	margin:10px 0px;
	}	

#plan_a,
#plan_b{margin-right:7px;}	

#plan_a h2,
#plan_b h2,
#plan_c h2 {
	background-color:#eef1e7;
	color:#5f5f5f;
	border-color:#e2e2e2;
	padding:6px 0px;
	font-size:18px;
	font-weight:normal;
	}

#plan_a,
#plan_b,
#plan_c{
	background-color:#EAEFE0;
}	

#plan_a ul.details,
#plan_b ul.details,
#plan_c	ul.details{
	margin:0px;
	padding:5px;
	border:2px solid #FFF;
	list-style:none;
	}
#plan_a ul.details li,
#plan_b ul.details li,
#plan_c	ul.details li{
	background-image:url(pix/bullet_black.gif);
	background-repeat:no-repeat;
	padding:3px 0px 3px 20px;
	background-position:left 0px;
	}
	
#plan_a h2 span,
#plan_b h2 span,
#plan_c h2 span			{ padding:2px 0px 2px 45px; background-position:6px 0px}	
	
#plan_a h2 span			{background-image:url(pix/plan_b.gif);}	
#plan_b h2 span			{background-image:url(pix/plan_p.gif);}	
#plan_c h2 span			{background-image:url(pix/plan_a.gif);}	

ul.info 		{list-style:none;}
ul.info li 		{text-align:center; padding:0px; margin:2px 0px; background-image:none;}
ul.info li a	{padding:5px 0px 7px 0px; font-weight:bold; background-image:url(pix/btnInfo.gif); background-repeat:no-repeat;display:block;}
ul.info li a:link,
ul.info li a:visited	{color:#FFF; background-position:top}
ul.info li a:hover		{color:#b65c1f; background-position:bottom}
.note	{
	background:#fffbe8 url(pix/icon_alert.gif) no-repeat 10px 4px;
	border:1px solid #ffe4c1;
	padding:4px 0px 4px 30px;
	color:#663300;
	margin:10px 0px;
	}
.note strong{
	color:#ff8b3a;
	}	
	
#contL h2{
	background-image:url(pix/icon_pencil.gif);
	background-position:right;
	background-repeat:no-repeat;
	font-size:14px;
	border-bottom:1px solid #CCC;
	}
#contL{
	width:500px;
	float:left;
	margin-right:10px;
	}

	
#sidebar ul li a,
.listCats li a		{border-bottom:1px solid #ddd; padding:3px 0px 4px 20px; display:block; background-image:url(pix/bullet_arrow.gif); background-repeat:no-repeat;}			
#sidebar ul li a:link,
#sidebar ul li a:visited,
.listCats li a:link,
.listCats li a:visited			{background-color:#FFF; background-position:2px 0px; color:#333;}
#sidebar ul li a:hover,
.listCats li a:hover			{background-color:#EEE; background-position:2px -20px; color:#999;}
#sidebar ul.listCats,		
#sidebar ul.listCats ul			{margin:0px; padding:0px}
#sidebar ul.listCats ul.children li a		{background-image:url(pix/icon_sub.gif); padding-left:25px;}


.post {border-bottom:1px solid #CCC; padding:0px 0px 10px 0px; margin:0px 0px 10px 0px;}
.post h3 small {
	display:block;
 	font-weight:normal;
	color:#999;
	}

#commentArea h3{
	font-size:20px;
	letter-spacing:-1px;
	color:#333;
	}

#commentform 		{
	padding:10px 10px 0px 10px;
	background-color:#f1f1f1;
	border:2px solid #EEE;
	}

 

#datos label 	{font-weight:bold; margin:0px 0px 0px 10px;}
#datos input 	{float:left;}
#datos p		{border-bottom:1px solid #ccc; width:100%; overflow:auto; padding:0px 0px 13px 0px; }


#commentform input{
	font-size:11px;
	padding: 5px 3px 5px 25px;
	border:0px;
	background-repeat:no-repeat;
	background-position:5px 7px;
	font-size:11px;
	margin-bottom:10px;
	color:#666;
	border:1px solid #CCC;
}

#commentform input#email,
#commentform input#author,
#commentform input#url 	{
	width:350px;
	}
#commentform input#author	{background-image:url(pix/icon_user.gif);}	
#commentform input#email	{background-image:url(pix/icon_mail.gif);}
#commentform input#url		{background-image:url(pix/icon_www.gif);}


	
#commentform textarea#comment {
	width:95%;
	height:194px;
	padding:6px;
	font:11px Arial, Helvetica, sans-serif;
	background-color:#FFF;
	border:3px solid #ddd;
	color:#666;
	}
	
#commentform #submit {
	border:2px solid #222;
	background-color:#000;
	color:#FFCC33;
	font-weight:bold;
	cursor:pointer;
	padding: 8px 0px 9px 0px;
	width:100%;
	}

.commentlist {
	list-style:none;
	margin:0px;
	padding:0px;
	}
.commentlist li{border-bottom:1px solid #CCC; margin-top:10px;}
.commentlist h4{
	font-size:12px;
	font-weight:normal;
	padding:5px 0px 5px 20px;
	background:#EEE url(pix/icon_user.gif) no-repeat 5px 8px;
	}	
.commentlist h4 cite{font-weight:bold; font-style:normal; }	
.commentlist h4 cite a:link,
.commentlist h4 cite a:visited{color:#000;}
.commentlist h4 cite a:hover{color:#FF9900;}
.commentlist h4 small{display:block; font-size:10px;}	
.commentlist h4 small a{color:#999;}
.commentlist h4 em		{font-size:10px; font-weight:bold; font-style:normal; color:#FF6600;}

.archCont h2{
	font-size:22px;
	background-image:url(pix/icon_page.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding:0px 0px 0px 30px;
	border-bottom:1px solid #CCC;
	color:#333;
	font-weight:normal;
	letter-spacing:-1px;
	}
.archCont ul,
.entry ul {list-style:none; margin:10px 0px; padding:5px ;}

.archCont ul li,
.entry ul li {background-image:url(pix/bullet_black.gif); background-position:0px 0px; background-repeat:no-repeat; padding:3px 0px 3px 20px;}
.entry img {margin:10px;}
	

#footer{
	background-color:#444;
	text-align:center;
	color:#ccc;
	padding:5px 0px;
	margin:10px 0px 0px 0px;
	position:relative;
    bottom: 0;
	width:100%;
	clear:both;
	border-bottom:3px solid #333;
	}	
#footer .footCont{width:748px; margin:0px auto;}	
#footer a{font-weight:bold; text-decoration:underline;}
#footer a:link,
#footer a:visited{color:#FFF;}
#footer a:hover{color:#ffd300;}	

#footer .footText{
	width:650px;
	padding:5px;
}
	
#footer #logoFoot {
	width:54px;
	height:54px;
	float:right;
	margin-top:10px;
}

#footer #logoFoot a{
	width:54px;
	height:54px;
	display:block;
	text-indent:-900em;
	background-image:url(pix/spiga.gif);
	background-repeat:no-repeat;
}

#footer #logoFoot a:link,
#footer #logoFoot a:visited{
	background-position:top;
}

#footer #logoFoot a:hover{
	background-position:bottom;
}
#copy		{background:#222 url(pix/webBg.gif) top left repeat-x; border-top:1px solid #555; text-align:center; padding:3px 0px; font-size:10px; color:#CCC;}
#copy a:link,
#copy a:visited{color:#F0C908;}
#copy a:hover	{color:#FFF;}