@charset "UTF-8";
/* CSS Document */

body { 
	background: url(images/body1.jpg) repeat 50% 0%;
	position: relative;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:0.875em; 
	line-height:1.4285em;
	text-align:center;
	background-color:#FFFFFF
}




#header{ 
	margin-top: 0px;
	height: 170px;
	text-align: center;
	background-color:#FFFFFF

}

#headercontenido{ 
	margin: 0px auto;
	width: 900px;
	height: 170px;
	text-align: center;

}


#logo{ 
	margin: 0px auto;
	width: 318px;
	height: 99px;
	float:left;
	background-image:url(imagenes/logo_qbografiko.png)

}

#frase{ 
	margin: 0px auto;
	width: 231px;
	height: 99px;
	float: right;
	background-image:url(imagenes/frase.png)

}

#banners{ 
	margin-top: 0px;
	height: 360px;
	text-align: center;
	background-color: #0992bd;

}
#contenido{ 
	margin: 0px auto;
	width: 900px;
	height: 350px;
	text-align: center;
	

}

#servicios{ 
	margin-top: 0px;
	text-align: center;

}

#contenidoservicios{ 
	margin: 0px auto;
	width: 900px;
	text-align: center;

}

#texto{ 
	margin-top: 0px;

}

#contenidotexto{ 
	margin: 0px auto;
	width: 900px;

}

#clientes{ 
	margin-top: 0px;
	text-align: center;

}
#contenidoclientes{ 
	margin: 0px auto;
	width: 900px;

}

#confian{ 
	text-align: center;
	margin-top: 35px;

}

#contenidoconfian{ 
	margin: 0px auto;
	width: 900px;
	text-align: left;

}
#lineafooter{ 
	margin-top: 10px;
	height: 12px;
	text-align: center;
	background-image:url(imagenes/linea_footer.jpg);

}

#footer{ 
	margin-top: 20px;
	height: 127px;
	text-align: center;
	background-image:url(imagenes/bg_footer.jpg);

}

#contenidofooter{ 
	margin: 5px auto;
	padding: 10px 0 0 0 ;
	width: 900px;
	text-align: left;

}

#contenidofooterizq{ 
	margin: 5px auto;
	padding: 0 15px 0 0 ;
	width: 250px;
	text-align: left;
	float:left;

}

#contenidofootercen{ 
	margin: 5px auto;
	margin-left:70px;
	padding: 0 15px 0 0 ;
	width: 150px;
	text-align: left;
	float: left;

}




#contenidofooterder{ 
	margin: 5px auto;
	padding: 0 15px 0 0 ;
	width: 250px;
	text-align: left;
	float: right;

}

#contenidofooterder{ 
	margin: 5px auto;
	padding: 0 15px 0 0 ;
	width: 250px;
	text-align: left;

}


#lineavertical{ 
	margin: 5px auto;
	margin-left: 30px;
	width: 2px;
	height:74px;
	text-align: left;
	float: left;
	background-image: url(imagenes/lineavertical.png) ;

}


#lineavertical2{ 
	margin: 5px auto;
	margin-left: 40px;
	width: 2px;
	height:74px;
	text-align: left;
	float: left;
	background-image: url(imagenes/lineavertical.png) ;
}	
#footer2{ 
	margin-top: 0px;
	height: 60px;
	text-align: center;
	background-color: #0992bd;

}	
#footer2-cont{ 
	margin: 0px auto;
	width: 900px;
	height:60px;
	text-align: center;
	background-color: #0992bd;
}
#footer2-1{ 
	margin: 0px auto;
	margin-top:25px;
	margin-right:10px;
	width: 620px;
	float:left;
}
#footer2-2{ 
	margin: 0px auto;
	margin-right:10px;
	margin-top:15px;
	width: 250px;
	float:left;
}

#menu{ 
	margin-top: 0px;
	width: 900px;
	height: 50px;
	background-image:url(imagenes/bg_menu.png);
	float:left;
	text-align: center;

}

#contactof{ 
	margin-top: 20px;
	text-align: center;
	height: 500px;

}
#contactofin{ 
	margin: 0px auto;
	width: 900px;
	height: 500px;
	text-align: center;

}

#seccion{ 
	margin-top: 20px;
	text-align: center;
	height: 700px;

}
#seccionin{ 
	margin: 0px auto;
	width: 900px;
	height: 700px;
	text-align: center;

}

#grafico{ 
	margin-top: 20px;
	text-align: center;
	height: 950px;

}
#graficoin{ 
	margin: 0px auto;
	width: 900px;
	height: 950px;
	text-align: center;

}

#seccizq{ 
	margin: 0px auto;
	margin-right:50px;
	width: 600px;
	float:left;
}
#seccder{ 
	margin: 0px auto;
	margin-top:40px;
	width: 250px;
	float:left;
}


#glosario{ 
	margin-top: 20px;
	text-align: center;
	height: 2020px;

}
#glosarioin{ 
	margin: 0px auto;
	width: 900px;
	height: 2020px;
	text-align: center;

}

#glosarioizq{ 
	margin: 0px auto;
	margin-right:50px;
	width: 600px;
	float:left;
}
#glosarioder{ 
	margin: 0px auto;
	margin-top:40px;
	width: 250px;
	float:left;
}

#debes{ 
	margin-top: 20px;
	text-align: center;
	height: 1770px;

}
#debesin{ 
	margin: 0px auto;
	width: 900px;
	height: 1770px;
	text-align: center;

}

#planes{ 
	margin-top: 20px;
	text-align: center;
	height: 1610px;

}
#planesin{ 
	margin: 0px auto;
	width: 900px;
	height: 1610px;
	text-align: center;

}

#actu{ 
	margin-top: 20px;
	text-align: center;
	height: 990px;

}
#actuin{ 
	margin: 0px auto;
	width: 900px;
	height: 990px;
	text-align: center;

}

/*- Top Nav -*/
p.clr, .clr { clear:both; padding:0; margin:0; background:none; }

.topnav { float: inherit; width:900px; margin:0; padding:0px 0 0 0; }
.topnav ul { list-style:none; padding:0; margin:0; }
.topnav li { float:left; padding:0 30px; }
.topnav li a { font:normal 15px Arial, Helvetica, sans-serif; color:#000000; display:block; float:left; padding:15px 0;}
.topnav li a span { background:none; padding:10px 10px; }
.topnav li a:hover { color:#FFFFFF; background:url(images/r_menu.gif) no-repeat right; }
.topnav li a:hover span {color:#FFFFFF; background:url(images/l_menu.gif) no-repeat left; }
.topnav li.current_page_item a {color:#FFFFFF; background:url(images/r_menu.gif) no-repeat right; }
.topnav li.current_page_item a span {color:#FFFFFF; background:url(images/l_menu.gif) no-repeat left; }

/*- Top Nav -*/

/* ========================= Reset CSS properties START ========================== */

html, body, div, span, object, iframe, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, var, fieldset, form, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}

/* ========================== Reset CSS properties END =========================== */





/* =================== Getting the new tags to behave START ====================== */

article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {
	display: block;
}

mark, rp, rt, ruby, summary, time {
	display: inline
}

/* ==================== Getting the new tags to behave END ======================= */





/* ========================= Global properties START ============================= */



.container {
	position: relative;
	width: 950px;
	margin: 0 auto;
}

p {
	margin: 0;
	padding: 0 0 19px 0;
	line-height: 19px;
	font-size: 12px;
	color: #6d6d6d;
}

	p.extra {
		padding: 0 0 26px 0;
	}

a {
	outline: none;
	color: #000;
}

	a:hover {
		text-decoration: none;
	}

ol {
  list-style: outside decimal;
}

ul {
	list-style: outside disc;
}

ul, ol {
	margin: 0 0 18px 18px;
	padding: 0;
}

li ul {
	padding: 0;
	margin: 0 0 0 2em;
	list-style-position: outside;
	list-style-type: circle;
}

li ol {
	padding: 0;
	margin: 0 0 0 2em;
	list-style-position: outside;
}

img {
	display: inline-block;
	border: 0;
	vertical-align: text-bottom;
	text-align: left;
}

:focus{
  outline: none;
}

abbr,acronym {
  font-variant: small-caps;
  border-bottom: 1px dotted;
  cursor: help;
}

address, cite, em, i {
  font-style: italic;
}

code, kbd, tt {
  line-height: 1;
}

del {
  text-decoration: line-through;
}

dfn {
  font-style: italic;
  border-bottom: 1px dashed;
}

ins {
  text-decoration: overline;
}

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

pre {
	margin: 0 0 1.5em;
	margin-left: 2em;
	padding-left: 2em;
	border-left: 1px solid #CCCCCC;
}

sub {
	position: relative;
	line-height: 1;
	vertical-align: baseline;
	font-size: 0.85em;
	top: 0.4em;
}

sup {
	position: relative;
	line-height: 1;
	vertical-align: baseline;
	font-size: 0.85em;
	bottom: 0.5em;
}

strong, b {
	font-weight: 700;
}

button {
	cursor: pointer;
	display: block;
	font-size: 0.99em;
	height: 2em;
	line-height: 1.5em;
	margin: 0.8em 0 0;
	padding: 0 0.5em;

}

fieldset {
	border: 0;
	margin: 0 0 1.5em;
	position: relative;
	padding: 1.5em 0 0;
}

fieldset fieldset {
	clear: both;
	margin: 0 0 0.75em;
	padding: 0 0 0 1.5em;
}

article .post-content img {
	max-width: 710px;
}

/* ========================= Global properties END =============================== */





/* ========================== Fluid Columns START ================================ */

.one_half { width:48%; }
.one_third { width:30.66%; }
.two_third { width:65.33%; }
.one_fourth { width:22%; }
.three_fourth { width:74%; }
.one_fifth { width:16.8%; }
.two_fifth { width:37.6%; }
.three_fifth { width:58.4%; }
.four_fifth { width:67.2%; }
.one_sixth { width:13.33%; }
.five_sixth { width:82.67%; }
.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth { position:relative; margin-right:4%; float:left; }
.last_col { margin-right:0 !important; clear:right; }

/* =========================== Fluid Columns END ================================= */





/* ====================== Left & Right alignment START =========================== */

.fleft {
	float: left;
}

.fright {
	float: right;
}

.alignleft {
	float: left;
	margin: 0 18px 10px 0;
}

	.alignleft-1 {
		float: left;
		margin: 5px 18px 0 0;
	}
	
	.alignleft-2 {
		float: left;
		margin: 10px 18px 0 0;
	}

.alignright {
	float: right;
	margin: 0 0 10px 18px;
}

.aligncenter {
	text-align: center;
	margin: 0 auto;
}

.wrapper {
	width: 100%;
	overflow: hidden;
}

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/* ====================== Left & Right alignment END ============================= */





/* ============================== Header START =================================== */

header {
	background: url(images/header.jpg) repeat-x 50% 0%;
	position: relative;
	height: 182px;
	z-index: 2;
}
	
	header .container {
		background: url(images/header-tail.jpg) repeat-x 50% 19px;
		height: 182px;
	}

.logo {
	position: absolute;
	top: 47px;
	left: 27px;
}

	.logo p {
		line-height: 18px;
		font-size: 10px;
		text-transform: uppercase;
		color: #545454
	}

#header-sidebar {
	text-align: right;
	position: absolute;
	top: 42px;
	right: 26px;
}

	#header-sidebar .widget {
		padding: 0 0 7px 0;
	}

	#header-sidebar h3 {
		display: none;
	}

	#header-sidebar ul {
		overflow: hidden;
		margin: 0;
		list-style: none;
	}
	
		#header-sidebar ul li {
			background: none;
			float: left;
			min-height: inherit !important;
			height: auto !important;
			padding: 0 0 0 13px;
			line-height: 18px;
			font-size: 12px;
			color: #828181;
		}
		
			#header-sidebar ul li a {
				background: none;
				height: auto;
				padding: 0;
				line-height: 18px;
				text-decoration: none;
				color: #828181;
			}
			
				#header-sidebar ul li a:hover {
					color: #fff;
				}
				
	#header-sidebar #searchform {
		width: auto;
		float: right;
	}

#searchform {
	width: 100%;
	overflow: hidden;
}

	#searchform input[type="text"] {
		background: #f5f5f5;
		width: 144px;
		height: 15px;
		padding: 4px 4px 4px 4px;
		border: none;
		float: left;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #000;
	}
	
	#searchform input[type="submit"] {
		background: url(images/search-submit.png) no-repeat 0% 0%;
		width: 52px;
		height: 23px;
		padding: 0;
		border: none;
		float: left;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #8c8c8c;
		cursor: pointer;
	}
	
		#searchform input[type="submit"]:hover {
			color: #000;
		}

/* ------------- Essential styles for dropdown menu Start ------------- */

.sf-menu, .sf-menu * {
	margin: 		0;
	padding: 	0;
	list-style:	none;
}
.sf-menu {
	line-height: 1.0;
}
.sf-menu ul {
	position: 	absolute;
	top: 			-999em;
	width: 		141px; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width: 		100%;
}
.sf-menu li:hover {
	visibility: inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float: 		left;
	position: 	relative;
}
.sf-menu a {
	display: 	block;
	position: 	relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left: 		0;
	top: 			61px; /* match top ul list item height */
	z-index: 	99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			141px; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}


/* Our skin for dropdown menu */

.sf-menu {
	max-width:		760px;
	position: 		absolute;
	top: 				121px;
	left: 			0;
}
.sf-menu > li > a {
	height: 58px;
	padding: 0 18px;
	line-height: 58px;
	font-size: 17px;
	font-weight: 400;
	text-transform: uppercase;
	text-decoration: none;
	color: #777;
}

	.sf-menu a {
		height: 26px;
		padding: 0 0 0 20px;
		line-height: 26px;
		font-size: 13px;
		font-weight: 400;
		text-transform: none;
		text-decoration: none;
		color: #898888;
	}

.sf-menu li {
	background:		url(images/menu-divider.gif) no-repeat 0% 0%;
}
	
	.sf-menu > li.current-menu-item > a {
		background:		url(images/menu-act.gif) repeat-x 50% 0%;
		color: #272727;
	}

.sf-menu li li {
	background:		#282828;
}

	.sf-menu li li.current-menu-item > a {
		background:		#3e3e3e;
		color: #f5f5f5;
	}

.sf-menu li li li {
	background:		#282828;
}

.sf-menu li:hover, .sf-menu li.sfHover > a,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:		url(images/menu-act.gif) repeat-x 50% 0%;
	outline:			0;
	color: #272727;
}

.sf-menu li li:hover, .sf-menu li li.sfHover > a,
.sf-menu li li a:focus, .sf-menu li li a:hover, .sf-menu li li a:active {
	background:		#3e3e3e;
	outline:			0;
	color: #f5f5f5;
}

.sf-sub-indicator {
	display: none;
}

/* ------------- Essential styles for dropdown menu End ------------- */

/* =============================== Header END ==================================== */





/* ============================== Slider START =================================== */

#slider {
	position: relative;
	width: 710px;
	height: 496px;
	overflow: hidden;
}

#faded {
	position: relative;
	width: 710px;
	height: 496px;
	overflow: hidden;
}

	#faded .rap { height: 496px; } /*  Required: If fixed height, state it here */

	#faded .desc {
		background: url(images/slider-content.png) no-repeat 0% 0%;
		width: 602px;
		height: 82px;
		padding: 28px 78px 22px 30px;
		line-height: 19px;
		font-size: 12px;
		color: #fff;
		position: absolute;
		top: 364px;
		left: 0;
	}
	
		#faded .desc strong {
			display: block;
			padding: 0 0 1px 0;
			line-height: 1.2em;
			word-spacing: -1px;
			font-size: 27px;
			font-weight: normal;
			color: #272727;
		}
		
		#faded .desc p {
			padding: 0 !important;
			line-height: 19px !important;
			font-size: 12px !important;
			color: #808080 !important;
		}
		
		#faded .desc b {
			position: absolute;
			top: 67px;
			right: 35px;
		}
		
			#faded .desc b a {
				background: url(images/slider-button.gif) no-repeat 0% 0%;
				display: block;
				width: 32px;
				height: 32px;
				overflow: hidden;
			}
				
ul.pagination {
	margin: 0;
	padding: 0; 
	list-style: none; 
}

	ul.pagination li { 
		float: left;
	}
	
		ul.pagination li a { 
			padding: 2px 4px;
		}
		
			ul.pagination li.current a { 
				background: blue;
				color: #fff;
			}

/* =============================== Slider END ==================================== */





/* ============================= Content START =================================== */

#primary-content {
	background: url(images/primary-content.jpg) repeat 50% 0%;
	position: relative;
	width: 100%;
	overflow: hidden;
	z-index: 1;
}

	#primary-content .inner {
		padding: 44px 0 47px 0;
	}
	
#content {
	overflow: hidden;
}

	#content .indent {
		padding: 0 30px 0 0;
	}

	#content ul {
		overflow: hidden;
		margin: 0;
		padding: 0 0 22px 0;
		list-style: none;
	}
	
		#content ul li {
			line-height: 22px;
			font-size: 12px;
			color: #717171;
		}
		
			#content ul li a {
				background: url(images/arrow.gif) no-repeat 0% 0%;
				padding: 0 0 0 19px;
				text-decoration: none;
				color: #717171;
			}
			
				#content ul li a:hover {
					background: url(images/arrow-act.gif) no-repeat 0% 0%;
					color: #000;
				}

#full-width #content {
	float: none;
	width: 100%;
}

article {
	width: 100%;
	overflow: hidden;
	padding: 0 0 30px 0;
}

/* ============================== Content END ==================================== */







/* =================== txt, links, lines, titles START =========================== */

h1, h2, h3, h4, h5, h6 {
	line-height: 1.2em;
	margin: 0;
	padding: 0;
	font-weight: 700;
}

h1 {
	background: url(images/line-hor-1.png) repeat-x 0% 100%;
	margin: 0 0 14px 0;
	padding: 4px 0 18px 0;
	line-height: 1.2em;
	font-size: 16px;
	font-weight: normal;
	color: #3d3d3d;
}

h2 {
	background: url(images/line-hor-1.png) repeat-x 0% 100%;
	margin: 0 0 14px 0;
	padding: 0 0 18px 0;
	line-height: 1.2em;
	font-size: 22px;
	font-weight: normal;
	color: #0992bd;
}

	h2 a {
		text-decoration: none;
		color: #0992bd;
	}
	
		h2 a:hover {
			color: #0992bd;
		}

h3 {
	background: url(images/line-hor-1.png) repeat-x 0% 100%;
	margin: 0 0 14px 0;
	padding: 0 0 18px 0;
	line-height: 1.2em;
	font-size: 22px;
	font-weight: normal;
	color: #0992BD;
}

h4 {
	padding: 0 0 12px 0;
	line-height: 1.2em;
	font-size: 22px;
	font-weight: normal;
	color: #0992BD;
}

	.page-template-page-contacts-php h4 {
		background: url(images/line-hor-1.png) repeat-x 0% 100%;
		margin: 0 0 14px 0;
		padding: 4px 0 18px 0;
		line-height: 1.2em;
		font-size: 22px;
		font-weight: normal;
		color: #3d3d3d;
	}

h5 {
	font-size: 0.8333em;
}

h6 {
	padding: 0 0 19px 0;
	line-height: 19px;
	font-size: 12px;
	color: #6d6d6d;
}

.line-hor {
	background: url(images/line-hor.gif) repeat-x 0% 0%;
	width: 100%;
	height: 18px;
	overflow: hidden;
}

.line-hor-1 {
	background: url(images/line-hor.gif) repeat-x 0% 0%;
	width: 100%;
	height: 8px;
	overflow: hidden;
}

.link {
	width: 100%;
	height: 48px;
	overflow: hidden;
	line-height: 19px;
	font-size: 12px;
	color: #000;
}

	.link a {
		background: url(images/arrow-marker.gif) no-repeat 100% 6px;
		padding: 0 10px 0 0;
		line-height: 19px;
		font-size: 12px;
		color: #000;
	}

.link-1 {
	width: 100%;
	height: 18px;
	overflow: hidden;
	line-height: 19px;
	font-size: 12px;
	color: #000;
}

	.link-1 a {
		background: url(images/arrow-marker.gif) no-repeat 100% 6px;
		padding: 0 10px 0 0;
		line-height: 19px;
		font-size: 12px;
		color: #000;
	}

/* ==================== txt, links, lines, titles END ============================ */





/* ============================= Other START ===================================== */

/* Portfolio  */

.latestwork {
	width: 100%;
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

	.latestwork li {
		float: left;
		margin-right: 20px;
	}

/* Gallery */

#gallery {
	width: 100%;
	overflow: hidden;
}

	#gallery .portfolio {
		width: 100%;
		overflow: hidden;
		list-style-type: none;
		padding: 0;
		margin: 0;
	}
	
		#gallery .portfolio li {
			float: left;
			width: 290px;
			margin-right: 43px;
		}
			
		#gallery .portfolio li.nomargin {
			margin-right: 0;
		}

.featured-thumbnail {
	float: left;
}

	.featured-thumbnail img {
		margin: 5px 20px 10px 0;
	}

p.gravatar {
	float: left;
	margin-right: 20px;
}

/* Page */

.author-meta {
	margin-bottom: 20px;
	overflow: hidden;
	width: 100%;
}

	.author-meta p.gravatar {
		margin: 0;
	}

/* Older and newer navigation */

nav.oldernewer {
	background: url(images/title-tail.gif) repeat-x 50% 0%;
	width: 100%;
	overflow: hidden;
	margin-bottom: 1.5em;
}

	nav.oldernewer a {
		line-height: 48px;
		text-decoration: none;
		color: #717171;
	}
	
		nav.oldernewer a:hover {
			color: #000;
		}

	.older {
		float: left;
	}
	
		.older a {
			float: left;
			padding: 0 15px 0 15px;
		}
	
	.newer {
		float: right;
	}
	
		.newer a {
			float: right;
			padding: 0 15px 0 15px;
		}

/* Author */

#post-author {
	width: 100%;
	overflow: hidden;
}

.map {
	width: 100%;
	height: 350px;
	overflow: hidden;
}

.contact-info {
	width: 100%;
	padding: 24px 0 0 0;
	overflow: hidden;
}

	.contact-info p {
		width: 100%;
		overflow: hidden;
	}
	
		.contact-info p small {
			float: right;
			padding: 0 40% 0 0;
			font-size: 12px;
		}

.list-1 {
	width: 100%;
	overflow: hidden;
	line-height: 18px;
	font-size: 12px;
	color: #000;
}

	.list-1 dd {
		padding: 0 0 18px 0;
	}

.list-2 {
	margin: 0;
	overflow: hidden;
	line-height: 19px;
	font-size: 12px;
	color: #6d6d6d;
}

	.list-2 dt {
		font-weight: bold;
	}
	
	.list-2 dd {
		margin: 0 !important;
		padding: 0 0 20px 0 !important;
	}

.location {
	width: 100%;
	margin: 0;
	padding: 24px 0 0 0;
	overflow: hidden;
	list-style: none;
}

	.location li {
		float: left;
		width: 21%;
		padding: 0 0 0 4%;
	}
	
		.location li:first-child {
			padding: 0;
		}
		
			.location li strong {
				display: block;
				padding: 0 0 14px 0;
			}

.column-right {
	float: right;
	width: 400px;
}

.indent-top {
	padding: 34px 0 0 0;
}

.no-indent {
	margin: 0 !important;
	padding: 0 !important;
}

#recentcomments {
	overflow: hidden;
	list-style: none;
}

	#recentcomments li {
		padding: 0 0 0 10px;
	}
	
		#recentcomments li a {
			background: none;
			padding: 0;
		}

.post-info {
	background: url(images/line-hor.gif) repeat-x 0% 100%;
	width: 100%;
	height: 39px;
	margin: 0 0 26px 0;
	padding: 1px 0 0 0;
	overflow: hidden;
	line-height: 18px;
	font-size: 12px;
	color: #6d6d6d;
}

	.post-info strong {
		background: url(images/icon-clock.png) no-repeat 0% 2px;
		float: left;
		padding: 0 28px 2px 23px;
		font-weight: normal;
	}
	
	.post-info b {
		background: url(images/icon-man.png) no-repeat 0% 1px;
		float: left;
		padding: 0 35px 2px 28px;
		font-weight: normal;
	}
	
		.post-info b a {
			text-transform: capitalize;
			text-decoration: none;
			color: #6d6d6d;
		}
		
			.post-info b a:hover {
				text-decoration: underline;
			}

.post-block {
	width: 100%;
	padding: 13px 0 44px 0;
	overflow: hidden;
}

	.post-block b {
		float: right;
		padding: 0 51px 0 0;
		font-weight: normal;
	}
	
		.post-block b a {
			background: url(images/arrow-marker.gif) no-repeat 100% 6px;
			padding: 0 10px 0 0;
			line-height: 19px;
			font-size: 12px;
			color: #000;
		}
	
	.post-block strong {
		background: url(images/icon-comment.png) no-repeat 0% 3px;
		padding: 0 0 7px 35px;
		float: left;
		line-height: 19px;
		font-size: 12px;
		font-weight: normal;
		color: #6d6d6d;
	}
	
		.post-block strong a {
			color: #6d6d6d;
		}

.two-columns {
	width: 100%;
	overflow: hidden;
}

	.two-columns .column-left {
		float: left;
		width: 45%;
		overflow: hidden;
		padding: 0 4% 0 0;
	}
	
	.two-columns .column-right {
		float: right;
		width: 45%;
		overflow: hidden;
	}

#recent-author-comments {
	width: 100%;
	overflow: hidden;
}

	#recent-author-comments ul li a {
		background: none;
		padding: 0;
	}
	
		#recent-author-comments ul li a:hover {
			background: none;
			color: #000;
		}

.faq_list dt {
color : #666;
position : relative;
padding : 0 0 5px 28px;
font-size : 15px;
font-weight : normal;
}
.faq_list strong {
display : block;
position : absolute;
left : 0;
top : 0;
font-size : 15px;
color : #333;
font-weight : bold;
}
.faq_list dd {
padding : 0 0 0 28px !important;
margin: 0;
position : relative;
margin-bottom : 2em;
} 

/* ============================== Other END ====================================== */









/* =========================== Comments START ==================================== */

#comments ol {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

li.comment {
	overflow: hidden;
	position: relative;
	padding: 10px 10px 10px 60px;
	margin-bottom: 20px;
	background: #fafafa;
	border: 1px solid #eee;
}

.comment-meta {
	font-size: 11px;
	color: #999;
}

	li.comment p.gravatar {
		float: none;
		margin: 0;
		position: absolute;
		left: 10px;
		top: 10px;
		padding: 1px;
		border: 1px solid #dbdbdb;
		vertical-align: top;
		overflow: hidden;
	}
	
		li.comment p.gravatar img {
			display: block;
			vertical-align: top;
			overflow: hidden;
		}
		
	.allowed_tags {
		background: #eee;
		padding: 15px;
		font-size: 11px;
		font-family: "Courier New", Courier, monospace;
		color: #666;
	}
		
		.allowed_tags strong {
			font-family: Tahoma, Geneva, sans-serif;
		}

.basic-posts {
	width: 100%;
	overflow: hidden;
}

	.basic-posts ul {
		width: 100%;
		overflow: hidden;
		margin: 0;
		list-style: none;
	}
	
		.basic-posts ul li {
			float: left;
			text-align: justify;
			width: 290px;
			padding: 0 0 0 10px;
		}
		
			.basic-posts ul li:first-child {
				padding: 0;
			}
			
			.basic-posts ul li span {
				background: url(images/number-bg.png) no-repeat 0% 0%;
				float: left;
				width: 46px;
				height: 47px;
				overflow: hidden;
				margin: 5px 12px 5px 0;
				line-height: 46px;
				font-size: 35px;
				text-align: center;
				color: #0992BD;
			}
			
			.basic-posts ul li p {
				padding: 0 15px 11px 10px !important;
			}
			
			.basic-posts ul li strong {
				display: block;
				width: 100%;
				overflow: hidden;
				font-weight: normal;
			}
			
				.basic-posts ul li strong a {
					background: url(images/arrow-marker.gif) no-repeat 100% 6px;
					padding: 0 10px 0 10px;
					line-height: 19px;
					font-size: 12px;
					color: #000;
				}

/* ============================ Comments END ===================================== */





/* ======================== LoopedCarousel START ================================= */

.custom-posts {
	width: 100%;
	padding: 10px 0 46px 0;
	overflow: hidden;
}

#loopedCarousel {
	position: relative;
	width: 100%;
	overflow: hidden;
}

	#loopedCarousel a.previous {
		background: url(images/button-left.png) no-repeat 0% 0%;
		display: block;
		width: 31px;
		height: 135px;
		overflow: hidden;
		position: absolute;
		top: 0;
		left: 0;
	}
	
		#loopedCarousel a.previous:hover {
			background-position: 0% -135px;
		}
		
	#loopedCarousel a.next {
		background: url(images/button-right.png) no-repeat 0% 0%;
		display: block;
		width: 31px;
		height: 135px;
		overflow: hidden;
		position: absolute;
		top: 0;
		right: 0;
	}
	
		#loopedCarousel a.next:hover {
			background-position: 0% -135px;
		}

.carousel {
	height: 135px;
	padding: 0 31px 0 32px;
	overflow: hidden;
}

	.carousel .indent {
		position: relative;
		height: 135px;
		padding: 0;
	}

.slides {
	position: absolute;
	top: 12px;
	left: 0;
}

.slides div {
	background: url(images/line-ver.gif) repeat-y 0% 0%;
	display: none;
	width: 240px;
	height: 115px;
	padding: 0 10px 0 29px;
	line-height: 18px;
	font-size: 12px;
	color: #8c8d8d;
	text-align: left;
	position: absolute;
	top: 0;
}

	.slides div:first-child {
		background: none;
	}
	
	.slides div.carousel-2 strong {
		background: url(images/icon-2.png) no-repeat 5px 0%;
		padding: 14px 0 0 74px;
	}
	
	.slides div.carousel-3 strong {
		background: url(images/icon-3.png) no-repeat 0% 0%;
		padding: 14px 0 0 76px;
	}
	
	.slides div.carousel-4 {
		background: none;
	}
	
		.slides div.carousel-4 strong {
			background: url(images/icon-4.png) no-repeat 0% 0%;
		}
	
	.slides div.carousel-5 strong {
		background: url(images/icon-5.png) no-repeat 0% 0%;
	}
	
	.slides div.carousel-6 strong {
		background: url(images/icon-6.png) no-repeat 0% 0%;
	}
	
	.slides div.carousel-7 strong{
		background: url(images/icon-7.png) no-repeat 0% 0%;
	}
	
	.slides div.carousel-8 strong {
		background: url(images/icon-8.png) no-repeat 0% 0%;
	}
	
	.slides div.carousel-9 strong {
		background: url(images/icon-9.png) no-repeat 0% 0%;
	}
	
		.slides div strong {
			background: url(images/icon-1.png) no-repeat 0% 0%;
			display: block;
			height: 64px;
			margin: 0 0 -6px 0;
			padding: 14px 0 0 75px;
			line-height: 22px;
			font-size: 19px;
			text-transform: uppercase;
			color: #292929;
		}
			
			.slides div strong a {
				text-decoration: none;
				color: #292929;
			}
			
				.slides div strong a:hover {
					color: #8a8a8a;
				}

.slides p {
	padding: 0 0 0 9px !important;
	line-height: 18px !important;
	font-size: 12px !important;
	color: #0992bd !important;
}

	.slides p a {
		background: url(images/arrow.gif) no-repeat 50% 50%;
		padding: 0 5px;
		text-decoration: none;
	}
	
		.slides p a:hover {
			background: url(images/arrow-act.gif) no-repeat 50% 50%;
		}

/* ========================= LoopedCarousel END ================================== */





/* ============================ Footer START ===================================== */

footer {
	background: url(images/footer.jpg) repeat-x 50% 0%;
	width: 100%;
	height: 118px;
	overflow: hidden;
	color: #fff;
}

	footer .inner {
		padding: 50px 0 15px 0;
	}

	footer p {
		float: right;
		margin: 0;
		line-height: 19px;
		font-size: 13px;
		color: #a7a7a7;
	}
	
		footer p a {
			text-decoration: none;
			color: #a7a7a7;
		}
		
			footer p a:hover {
				text-decoration: underline;
			}
	
	footer #footer-link {
		display: block;
		padding: 8px 0 0 0;
		font-weight: normal;
		text-align: right;
	}

.footer-widget {
	float: left;
}

	.footer-widget ul {
		margin: 0;
		overflow: hidden;
		list-style: none;
	}
	
		.footer-widget ul li {
			float: left;
			padding: 0 23px 0 0;
			line-height: 19px;
			font-size: 12px;
			color: #000;
		}
		
			.footer-widget ul li ul {
				display: none;
			}
			
			.footer-widget ul li a {
				text-decoration: none;
				color: #000;
			}
			
				.footer-widget ul li a:hover {
					text-decoration: underline;
				}

/* ============================= Footer END ====================================== */



/*--- carousel begin ---*/

.carousel-box {
	position: relative;
	width: 900px;
	height: 64px;
	overflow: hidden;
}

	.carousel-box .inner {
		padding: 0 95px 0 62px;
	}
	
		.carousel-box .carousel {
			width: 100%;
			overflow: hidden;
		}
		
		.carousel-box ul {
			float: left;
		}

		.carousel-box ul li {
			float: left;
			width: 160px;
		}
		
			.carousel-box ul li.name-1 a {
				background: url(images/cliente_qbografiko.png) no-repeat 0% 0%;
				display: block;
				width: 107px;
				height: 64px;
				overflow: hidden;
				margin: 0 auto;
			}
			
				.carousel-box ul li.name-1 a:hover {
					background: url(images/cliente_qbografiko-2.png) no-repeat 0% 0%;
				}
	
			.carousel-box ul li.name-2 a {
				background: url(images/cliente_qbografiko1-2.png) no-repeat 0% 0%;
				display: block;
				width: 107px;
				height: 64px;
				overflow: hidden;
				margin: 0 auto;
			}
			
				.carousel-box ul li.name-2 a:hover {
					background: url(images/cliente_qbografiko1.png) no-repeat 0% 0%;
				}
	
			.carousel-box ul li.name-3 a {
				background: url(images/cliente_qbografiko2-2.png) no-repeat 0% 0%;
				display: block;
				width: 107px;
				height: 64px;
				overflow: hidden;
				margin: 0 auto;
			}
			
				.carousel-box ul li.name-3 a:hover {
					background: url(images/cliente_qbografiko2.png) no-repeat 0% 0%;
				}
	
			.carousel-box ul li.name-4 a {
				background: url(images/cliente_qbografiko3-2.png) no-repeat 0% 0%;
				display: block;
				width: 107px;
				height: 64px;
				overflow: hidden;
				margin: 0 auto;
			}
			
				.carousel-box ul li.name-4 a:hover {
					background: url(images/cliente_qbografiko3.png) no-repeat 0% 0%;
				}
	
			.carousel-box ul li.name-5 a {
				background: url(images/cliente_qbografiko4-2.png) no-repeat 0% 0%;
				display: block;
				width: 107px;
				height: 64px;
				overflow: hidden;
				margin: 0 auto;
			}
			
				.carousel-box ul li.name-5 a:hover {
					background: url(images/cliente_qbografiko4.png) no-repeat 0% 0%;
				}
				
					.carousel-box ul li.name-6 a {
				background: url(images/cliente_qbografiko5-2.png) no-repeat 0% 0%;
				display: block;
				width: 107px;
				height: 64px;
				overflow: hidden;
				margin: 0 auto;
			}
			
				.carousel-box ul li.name-6 a:hover {
					background: url(images/cliente_qbografiko5.png) no-repeat 0% 0%;
				}
	
			.carousel-box ul li.name-7 a {
				background: url(images/cliente_qbografiko6-2.png) no-repeat 0% 0%;
				display: block;
				width: 107px;
				height: 64px;
				overflow: hidden;
				margin: 0 auto;
			}
			
				.carousel-box ul li.name-7 a:hover {
					background: url(images/cliente_qbografiko6.png) no-repeat 0% 0%;
				}
	
			.carousel-box ul li.name-8 a {
				background: url(images/cliente_qbografiko7-2.png) no-repeat 0% 0%;
				display: block;
				width: 107px;
				height: 64px;
				overflow: hidden;
				margin: 0 auto;
			}
			
				.carousel-box ul li.name-8 a:hover {
					background: url(images/cliente_qbografiko7.png) no-repeat 0% 0%;
				}
	
			.carousel-box ul li.name-9 a {
				background: url(images/cliente_qbografiko8-2.png) no-repeat 0% 0%;
				display: block;
				width: 107px;
				height: 64px;
				overflow: hidden;
				margin: 0 auto;
			}
			
				.carousel-box ul li.name-9 a:hover {
					background: url(images/cliente_qbografiko8.png) no-repeat 0% 0%;
				}
	
			.carousel-box ul li.name-10 a {
				background: url(images/cliente_qbografiko9-2.png) no-repeat 0% 0%;
				display: block;
				width: 107px;
				height: 64px;
				overflow: hidden;
				margin: 0 auto;
			}
			
				.carousel-box ul li.name-10 a:hover {
					background: url(images/cliente_qbografiko9.png) no-repeat 0% 0%;
				}
	
	.carousel-box button.prev {
		background: url(images/arrow-left.png) no-repeat 0% 0%;
		width: 34px;
		height: 34px;
		overflow: hidden;
		border: none;
		cursor: pointer;
		outline: none;
		position: absolute;
		top: 17px;
		left: 30px;
		z-index: 10;
	}
	
		.carousel-box button.prev:hover {
			background: url(images/arrow-left-act.png) no-repeat 0% 0%;
		}
	
	.carousel-box button.next1 {
		background: url(images/arrow-right.png) no-repeat 0% 0%;
		width: 34px;
		height: 34px;
		overflow: hidden;
		border: none;
		cursor: pointer;
		outline: none;
		position: absolute;
		top: 17px;
		left: 866px;
		z-index: 10;
	}
	
		.carousel-box button.next1:hover {
			background: url(images/arrow-right-act.png) no-repeat 0% 0%;
		}
	
/*--- carousel end ---*/


	#content2 {
	width: 900px;
	margin: 0 auto;
}

	#content2 #indent {
		padding: 15px 0 32px 0;
	}

	#content2 p {
		padding: 0 0 6px 0;
		line-height: 1.385em;
		font-size: 1.083em;
		color: #5e5c5a;
	}
	
		#content2 p.extra {
			padding: 0 0 28px 0;
		}
		
		#content2 p.extra1 {
			padding: 0 0 11px 0;
		}
		
		#content2 p.extra2 {
			padding: 0 0 21px 0;
		}
		
		#content2 p.extra3 {
			padding: 0 0 25px 0;
		}
		
		#content2 p.extra4 {
			padding: 0 0 18px 0;
		}
	
	#content2 p small {
		float: right;
		padding: 0 9% 0 0;
		font-size: 1em;
	}

#secondary-content-tail {
	background: url(../../images.osc4.template-help.com/wt_28580/images/secondary-content.gif) repeat-x 0% 0%;
	height: 168px;
}

	#secondary-content {
		width: 1000px;
		margin: 0 auto;
		padding: 44px 0 0 0;
	}
	
		#secondary-content #secondary-indent {
			padding: 0 29px 0 29px;
		}
		
	#secondary-content p {
		padding: 0;
		line-height: 1.385em;
		font-size: 1.083em;
		color: #5e5c5a;
	}
		
		#secondary-content p big {
			display: block;
			padding: 2px 0 0 0;
			font-size: 1em;
		}
		
			#secondary-content p big span {
				padding: 0 0 0 23px;
			}
	
		#secondary-content p em {
			display: block;
			line-height: 1.571em;
			font-size: 1.077em;
		}
		
			#secondary-content p em b {
				display: block;
				width: 100%;
				padding: 9px 0 0 0;
				overflow: hidden;
			}
			
				#secondary-content p em b a {
					background: url(../../images.osc4.template-help.com/wt_28580/images/pic-1.gif) no-repeat 0% 1px;
					display: block;
					height: 27px;
					padding: 0 6px 0 35px;
					float: right;
					line-height: 26px;
					font-size: 0.929em;
					font-style: italic;
					font-weight: normal;
					color: #e55e00;
				}

/* ============================= forms START ===================================== */

#contact-form {
	width: 204px;
	overflow: hidden;
}

	#contact-form label {
		background: url(../../../images.osc4.template-help.com/wt_32564/images/contact-input.gif) no-repeat 0% 0%;
		display: block;
		width: 100%;
		height: 40px;
		overflow: hidden;
	}
	
	#contact-form input {
		background: none;
		width: 196px;
		height: 15px;
		padding: 7px 4px 7px 4px;
		border: none;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1em;
		color: #858585;
	}
	
	#contact-form textarea {
		background: none;
		width: 196px;
		height: 99px;
		padding: 7px 4px 7px 4px;
		border: none;
		overflow: auto;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1em;
		color: #858585;
	}
	
	#contact-form strong {
		background: url(../../../images.osc4.template-help.com/wt_32564/images/contact-textarea.gif) no-repeat 0% 0%;
		display: block;
		width: 204px;
		height: 113px;
		overflow: hidden;
		font-weight: normal;
	}
	
	#contact-form a.link {
		float: right;
		margin: 30px 0 0 3px;
	}

#subscribe-form {
	width: 100%;
	overflow: hidden;
}

	#subscribe-form strong {
		background: url(images/line-hor1.gif) repeat-x 0% 100%;
		display: block;
		margin: 0 0 20px 0;
		padding: 0 0 11px 7px;
		line-height: 1.2em;
		font-family: Verdana, Geneva, sans-serif;
		font-size: 1.667em;
		font-weight: normal;
		text-transform: uppercase;
		color: #fff;
	}
	
	#subscribe-form b {
		background: url(images/subscribe-input.gif) no-repeat 0% 0%;
		display: block;
		width: 100%;
		height: 26px;
	}
	
	#subscribe-form input {
		background: none;
		width: 166px;
		height: 14px;
		padding: 6px 5px 6px 5px;
		border: none;
		float: left;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1em;
		color: #6f6f6f;
	}
	
	#subscribe-form input#subscribe-submit {
		background: url(images/subscribe-submit.gif) no-repeat 0% 0%;
		width: 25px;
		height: 26px;
		padding: 0;
		border: none;
		float: left;
		cursor: pointer;
	}
	
	#subscribe-form a {
		float: left;
		margin: 14px 0 0 7px;
		line-height: 1.5em;
		font-size: 1em;
		font-weight: bold;
		color: #7c7c7c;
	}

/* ============================== forms END ====================================== */