/*
Author:           Łukasz Girek
Author URI:       http://www.rzepak.pure.pl/
Project:		  PureCorp
Description:	  Themeforest Item.
Delicious - A font by Jos Buivenga (exljbris) -> www.exljbris.nl 
*/
/*---------------------------------------------------------------------------------------
--- RESETS
---------------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: top;
	background: transparent;
}
	body {line-height: 1;}
	ol, ul {list-style: none;}
	blockquote, q {quotes: none;}
	blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
	:focus {outline: 0;}
	ins {text-decoration: none;}
	del {text-decoration: line-through;}
	table {
	border-collapse: collapse;
	border-spacing: 0;
}
	
	
/* Class below is responsible for rounding in nonIE browser, if you want css to validate, remove line below --------- */	
	.rounded						{-moz-border-radius: 5px; /* Firefox */ -webkit-border-radius: 5px; /* Safari */}
/*---------------------------------------------------------------------------------------
--- BASICS
---------------------------------------------------------------------------------------*/
html							{ min-height:101%;}
body							{
	color:#fff;
	background:url(../img/bg_bottom.jpg) repeat;
	font-size:14px;
	font-family: Verdana, Helvetica, sans-serif;
	line-height:20px;
}

a								{color:#000;}
a:hover							{color:#000;}
a:active						{color:#000;}
a:visited						{
	color:#FC0;
}
.left							{float:left;}
.right							{float:right;}
.clear							{clear:both;}
.clearfix:after					{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix 						{display: inline-block;}  /* for IE/Mac */
.padd10							{padding-right:10px;}

h1								{font-size:30px;margin:0px;}
h2								{font-size:20px;margin:5px 0px;}
h3								{font-size:16px;margin:0px;}
/* ------------------------------------------------------------------------------------
STRUCTURE					 */
#container_top					{background:url(../img/bg_topline.jpg) repeat-x bottom #fff;width:100%;}
#content_top					{background:url(../img/bg_topline.jpg) repeat-x bottom #fff;width:960px;margin: 0px auto;height:128px;position:relative;}
#content						{
	width:960px;
	margin:0px auto;
	background:#000;
	border-left:1px solid #DDD;
	border-right:1px solid #DDD;
	text-align:left;
}

#top_menu						{background:url(../img/menu_top.jpg) no-repeat top center #323232;width:960px;margin-top:2px;height:36px;}
	#top_menu ul 				{margin:0px;padding:0px;list-style:none;font-size:15px;padding-left:5px;}
	#top_menu ul li				{float:left;display:block;}
	#top_menu ul li a			{text-decoration:none;color:#fff;display:block;padding:10px 15px 10px 15px;border-right:1px solid #606060;}
	#top_menu ul li a:hover		{background:url(../img/hover.jpg) top repeat-x #606060;}
	
#footer							{background:#323232;width:960px;margin-top:10px;}
#footer a						{text-decoration:none;}
#footer							{background:#eee;}
.section						{
	padding:20px;
	text-align: left;
}
.section img					{
	padding:5px;
	margin:9px;
	text-align: center;
}
.section p					{
	padding:5px 0px;
	color: #FFF;
	font-weight: bold;
}
/* ------------------------------------------------------------------------------------
CUSTOM				 */

/* LOGO --------- */
div#logo h1						{margin:0px;margin-left:0px;}
div#logo h1 a					{display:block;background:url(../img/logo.jpg) no-repeat left bottom; width:493px;height:89px;text-indent:-9999px;}

/* Login form (client area) --------- */
div#clientarea					{position:absolute;top:-66px;right:0px;background:url(../img/client.png) no-repeat bottom;width:263px;padding-bottom:30px;padding-top:2px;}
#login 							{color: #fff;font-size: 10px;text-align: right;margin: 2px;}
input#submit					{margin-top:30px;margin-right:10px;border:1px solid #606060;color:#fff;background:#232323;padding:3px;font-size: 10px;text-transform:uppercase;}
#login div						{width:190px;float:left}
#login label					{display:block;}
input#client_login 				{margin-right: 5px;border:1px solid #606060;background:transparent;width:100px;margin-bottom:5px;color:#fff;padding:3px;}
input#client_pswd 				{margin-right: 5px;border:1px solid #606060;background:transparent;width:100px;color:#fff;padding:3px;}

/* First page promo top --------- */
div#promodesc					{width:460px;padding:10px;padding-left:50px;padding-top:30px;font-size:12px;}
div#promodesc h1				{
	font-size:32px;
}
div#promodesc p					{
	margin-top:20px;
	width:400px;
	padding:10px;
	border:1px solid #8c0404;
	line-height:22px;
	font-size:16px;
	background-color: #000;
}
div#promoimg					{width:400px;padding:20px;background:url(../img/promoimage.jpg) no-repeat bottom;height:280px;}

div#promo 						{background:url(../img/contentbg.jpg) bottom repeat-x #e00c0c;color:#fff;}
div#buttons						{width:370px;margin-top:40px;margin-left:0px;}

/* Buttons Tour and Demo --------- */
a#tour							{
	display:block;
	width:169px;
	height:43px;
	text-indent:-9999px;
	background-image: url(../imagenes/caracteristicas.jpg);
	background-position: top;
}
a:hover#tour					{display:block;width:169px;height:43px;background:url(../img/tour.jpg) 0px 43px;}
a#test							{
	display:block;
	width:169px;
	height:43px;
	text-indent:-9999px;
	background-image: url(../imagenes/ventajas.jpg);
	background-position: top;
}
a:hover#test					{display:block;width:169px;height:43px;background:url(../img/test.jpg) 0px 43px;}

/* Features on home page with icons --------- */
div#features					{background:url(../img/descbg.jpg) repeat-x top #fff;width:960px;padding-bottom:10px;}
div#features h2					{margin:0px;padding:20px 20px;}
ul#feat							{width:600px;margin-top:0px;margin-left:10px;}
ul#feat li						{float:left;display:block;width:200px;padding-left:75px;margin:10px;}
ul#feat li h3					{margin:0px;text-transform:uppercase;}
	#f_clock					{background:url(../img/fico_clock.jpg) top left no-repeat;}
	#f_monitor					{background:url(../img/fico_monitor.jpg) top left no-repeat;}
	#f_pen						{background:url(../img/fico_pen.jpg) top left no-repeat;}
	#f_search					{background:url(../img/fico_search.jpg) top left no-repeat;}
	#f_secure					{background:url(../img/fico_secure.jpg) top left no-repeat;}
	#f_stamp					{background:url(../img/fico_stamp.jpg) top left no-repeat;}


/* From the blog box --------- */
div#recentonblog h2				{padding-left:0px;}
div#recentonblog h3 a			{color:#999;text-decoration:none;}
div#recentonblog ul li			{margin:0px 0px 10px 0px;padding:5px 0px;border-bottom:1px dashed #eee;}
div#recentonblog ul li	p		{padding:10px 0px;}
div#recentonblog 				{width:300px;border-left:0px solid #eee;border-bottom:0px solid #eee;padding-left:20px;padding-right:20px;padding-bottom:10px;background:url(../img/recentbg.jpg) no-repeat left bottom ;}
span.date						{color:#999;padding-left:20px; background:url(../img/date.jpg) no-repeat left top;display:block;height:15px;margin-top:5px;font-size:9px;}
a.more							{color:#999;padding-right:10px; background:url(../img/more.jpg) no-repeat right center;text-decoration:none;}


/* Testimonials --------- */
div#testimonials h2				{margin:0px;padding:0px 0px 10px 12px;}
div#testimonials 				{color: #323232;background:url(../img/descbg.jpg) repeat-x top #fff;margin:0 0 24px;padding:15px 10px 10px;width:940px;height:80px;}
div.avatar						{background:url(../img/avatar_bg.jpg) no-repeat; width:46px; height:44px;float:right;}
div.avatar img					{padding-left:6px;padding-top:4px;}

blockquote						{color:#868686;font-family: "Trebuchet MS", serif;font-size: 20px;letter-spacing: normal;padding:0px 0px 0px 25px;line-height:22px;background:url(../img/quotetop.jpg) no-repeat top left #fff;}
blockquote span					{background:url(../img/quotebottom.jpg) no-repeat top right;padding-right:25px;}
div#testimonialslist  p			{margin-right:30px;margin-top:5px;color:#6a6a6a;font-family: Verdana, serif;font-size: 13px;margin-left:10px;background:#fff;}
div#testimonialslist  			{margin-top:10px;}
.tstm_author					{background-image:none;background-color:#fff;font-size:12px;font-weight:normal}

.pics_container 				{overflow:hidden;height:263px;width:372px;padding-top:24px;padding-left:10px;} 
.pics img 						{top:0;left:0} 

/* Footers boxes --------- */
.column							{
	width:400px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}
#tweet p						{padding:10px;border:1px solid #5e5e5e;font-size:13px;line-height:18px;background:#474747;}
#tweet img						{margin-top:10px;}

#quickcontact img				{padding:5px; border:1px solid #808080;background:#474747;margin-right:20px;}
#quickcontact a					{color:#fff;}


#bottom							{background:url(../img/bottombg.jpg) repeat-x top #323232;width:960px;color:#fff;}
#bottomline						{background:url(../img/bottom.jpg) repeat-x bottom #323232;width:940px; padding:8px 10px;color:#6a6a6a;border-top:1px dashed #6e6e6e;}
#bottomline a					{color:#6a6a6a;text-decoration:none}
#bottom h2						{color:#fff;margin-bottom:10px;}



/* BLOG  --------- */

#blog							{width:960px;}
#head							{background:url(../img/contentbg.jpg) bottom repeat-x #8cbb51;color:#fff;border-bottom:1px solid #de0404;}
#head h2						{padding:10px;margin:0px 0px;}
#posts							{width:650px;padding:10px;padding-top:20px;padding-right:10px;}
 .post_content					{width:600px;}
 .post_content p				{padding:20px 10px 20px 15px;}
 .post_content h2				{padding-left:10px;color:#de0404;}
	.post						{background:url(../img/post_bottom.jpg) no-repeat bottom center;padding-bottom:21px;}
		.post_meta				{background:url(../img/whitedot.jpg) top repeat-x #eee;padding:2px 5px;border:1px solid #ddd;color:#a1a1a1;margin:5px 0px;}
		.post_meta a.categorylink	{background:#fff;text-decoration:none;}
		.post_meta a			{text-decoration:none;color:#323232;}
.post_date 						{margin-top:40px;background:url(../img/datebg.jpg) no-repeat;width:49px;height:54px;padding-top:8px;color:#868686;line-height:16px;}		
.post_date .day					{font-family: Georgia, "Times New Roman", Times, serif;font-size:28px;text-align:center}
.post_date .month				{font-family: Georgia, "Times New Roman", Times, serif;font-size:12px;text-align:center}
.post_date .hour				{font-family: Georgia, "Times New Roman", Times, serif;font-size:14px;text-align:center;margin-top:-5px;}

.pagination{margin-top:0px;}
.pagination a, .pagination span{background: #fff;padding:5px;margin:2px;border:1px solid #d9d9d9;text-decoration:none;}



/* Blog sidebar --------- */
#sidebar						{padding-top:20px;padding-left:20px;margin-left:20px;border-left:1px solid #eee;background:url(../img/sidebar_bg.jpg) repeat-y left;width:240px;}
#sidebar .widget				{padding-bottom:10px;}
#sidebar h2						{padding-bottom:5px;}
#sidebar ul						{margin-left:10px;list-style:circle;}
#sidebar ul li					{padding:2px;}
#sidebar ul ul					{margin-left:10px;}
#sidebar .widget img			{float:left;padding:4px 4px 4px 4px;border:1px solid #ddd;margin:4px 8px 4px 0px}
#sidebar #baner 				{margin:10px 0px}
#sidebar a						{text-decoration:none;}



/* Price page and table --------- */
#pricefaq li					{display:block;float:left;width:250px;padding:20px;border:1px solid #eee;margin:5px;}

table#prices 					{width:100%;margin-bottom:20px;margin-top:20px;}
table#prices td					{background:url(../img/tabletdbg.jpg) repeat-y left #de0404;text-align:center}
table#prices td.tdname			{background:url(../img/tdname.jpg) top left no-repeat #323232;padding:5px 0px 5px 5px;width:190px;vertical-align:middle;color:#fff;text-align:left}
table#prices th					{font-size:16px;text-align:center;background:url(../img/thbg.jpg) bottom repeat-x;color:#fff;height:25px;vertical-align:bottom;padding-bottom:3px;}
span.yes						{display:block;background:url(../img/yes.jpg) no-repeat;width:16px;height:16px;text-indent:-9999px;margin-left:50%;;margin-top:4px;}
span.no							{display:block;background:url(../img/no.jpg) no-repeat;width:16px;height:16px;text-indent:-9999px;margin-left:50%;}
span.option						{display:block;background:url(../img/option.jpg) no-repeat;width:16px;height:16px;text-indent:-9999px;margin-left:50%;}
table#prices td.totalprice		{color:#fff;font-size:18px;padding-top:7px;background:url(../img/tabletdprices.jpg) repeat-x top #de0404}


/* Tour page --------- */
#tour							{
}
#sidebar_tour					{width:235px;padding-top:20px;}
#sidebar_tour li.current		{background:#fff;border-bottom:1px solid #ddd;border-top:1px solid #ddd;padding:10px 0px 10px 10px;} /* Use this class for hover --------- */
#sidebar_tour li				{padding:10px 0px 10px 10px;border-bottom:1px solid #ddd;}
#sidebar_tour a					{text-decoration:none}

#tour_content					{margin-left:30px;padding-top:20px;width:650px;padding-bottom:30px;}
#tour_content ul#count			{margin-top:20px;}
#tour_content ul#count li		{
	font-size:18px;
	padding:10px;
	padding-left:65px;
	height:40px;
	padding-top:15px;
}

.one							{background:url(../img/1.jpg) top left no-repeat;}
.two 							{background:url(../img/2.jpg) top left no-repeat;}
.three 							{background:url(../img/3.jpg) top left no-repeat;}
.four 							{background:url(../img/4.jpg) top left no-repeat;}
.five 							{background:url(../img/5.jpg) top left no-repeat;}

/* Contact Form --------- */
.message 						{display:none;}
.contact 						{text-align:right; width:400px;}
.contact ul 					{list-style-type:none;}
.contact li 					{list-style-type:none;margin:5px 0px;}
.contact li.special 			{display:none;}
.contact label					{float:left;padding-top:4px;}
.contact input 					{width:260px;border:1px solid #ddd;background:url(../img/whitedot.jpg) top repeat-x #eee;padding:5px;}
.contact textarea 				{width:260px;border:1px solid #ddd;background:url(../img/whitedot.jpg) top repeat-x #eee;padding:5px;}
input#send						{margin-top:30px;margin-right:10px;border:1px solid #606060;color:#fff;background:#232323;padding:3px;font-size: 10px;text-transform:uppercase;}
#alert 		 					{margin-top:5px;width:390px;border:1px solid #ddd;background:url(../img/whitedot.jpg) top repeat-x #eee;padding:5px 5px 5px 5px;}
#contact_info{
	text-align:center;
	width:450px;
	margin-top:5px;
	border:1px solid #ddd;
	padding:5px 5px 5px 5px;
	background-color: #000;
}


/* Genreal  Form --------- */
.form {text-align:right; width:400px;}
.form ul 					{list-style-type:none;}
.form li 					{list-style-type:none;margin:5px 0px;}
.form li.special 			{display:none;}
.form label					{float:left;padding-top:4px;}
.form input 					{width:260px;border:1px solid #ddd;background:url(../img/whitedot.jpg) top repeat-x #eee;padding:5px;}
.form textarea 				{width:260px;border:1px solid #ddd;background:url(../img/whitedot.jpg) top repeat-x #eee;padding:5px;}
.form select 				{width:272px;border:1px solid #ddd;background:url(../img/whitedot.jpg) top repeat-x #eee;padding:5px;}
.roundedAzul {
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari */
	font-weight: bold;
	color: #00F;
}
.roundedRojo {
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari */
	font-weight: bold;
	color: #F00;
}
div#portada {
	width:400px;
	padding:20px;
	height:350px;
}
.heat {
	color: #F00;
}
.bloker {
	color: #00F;
}
.section2 {
	padding:20px;
}
.section2 img {
	padding:5px;
	margin:9px;
}
.section2 p {
	padding:5px 0px;
}
#container_bottom #content .section table {
}
.heatamarillo {
	color: #FF0;
}
.section a {
	padding:5px 0px;
	font-weight: bold;
	color: #F90;
}
#container_bottom #content .section p gracias {
	color: #F00;
}
.gracias {
	color: #F00;
}
#container_bottom #content .section h5 {
	color: #FF0;
}