﻿body {

	background-image: url(imgs/bg.gif);

	background-color: #686868;

	background-repeat: repeat-x;

	margin:0px;

}

/*************************************************************************************************************/

/*  Estructura Principal del sitio */

/*************************************************************************************************************/
#conte_med{
float:left;
}

#contentwrap {
	text-align: left;
	margin: auto;
	background-color: #3f3f3f;
	width: 980px;
	/*height: 900px;*/
	border-left: 1px solid #262727;
	border-right: 1px solid #262727;
}

#contentwrap_b {

	text-align: left;

	margin: auto;

	background-color: #3f3f3f;

	width: 980px;

	height: 1450px;

	border-left: 1px solid #262727;

	border-right: 1px solid #262727;

}

#contentwrap-sections {
	text-align: left;
	margin: auto;
	background-color: #3f3f3f;
	width: 980px;
	/*height: 473px;*/
	border-left: 1px solid #262727;
	border-right: 1px solid #262727;
}

#logo {

	text-align: left;

	width: 180px;

	height: 103px;

	background-image: url(imgs/qpr_logo.jpg);

	background-repeat: no-repeat;

	float: left;

}

#header {

	width: 980px;

	height: 103px;

	background-image: url(imgs/bg_header.jpg);

	background-repeat: no-repeat;

}

#menu {

	width: 980px;

	height: 32px;

	float: left;

	background-image: url(imgs/bg_menu.gif);

	background-repeat: repeat-x;

	text-align: right;

}

#content {

	width: 980px;

	height: 680px;

	float: left;

	background-image: url(imgs/bg_cont.gif);

	background-repeat: repeat-y;

}

#content_b {

	width: 980px;

	height: 900px;

	float: left;

	background-image: url(imgs/bg_cont.gif);

	background-repeat: repeat-y;

}

#content-sections {

	width: 980px;

	float: left;

	/*background-image: url(imgs/bg_cont.gif);

	background-repeat: repeat-y;*/

}
div#foot_repres{
position:relative;
top:5px;
float:left;
}

#foot {
	clear: both;
	/*float: left;*/
	width: 980px;
	height: 84px;
	background-color: #3f3f3f;
	background-image: url(imgs/bg_pie.gif);
	background-repeat: repeat-x;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	border-left: 1px solid #262727;
	border-right: 1px solid #262727;
	padding: 20px 0 7px 0;
}

#foot-contactus {

	clear: both;

	width: 980px;

	height: 84px;

	background-color: #3f3f3f;

	background-image: url(imgs/bg_pie.gif);

	background-repeat: repeat-x;

	text-align: center;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #FFFFFF;

	float:left;

	top: 1370px;

}

#nav_up {

	position: absolute;

	z-index: 0;

	top: 15px;

	left: 50%; /*Desde la izquierda, colocar al 50% de la pantalla*/;

	margin-left: 330px; /*Restamos la mitad de ancho del SWF para centrarlo horizontalmente*/;

	width: 150px;

	height: 50px;

	margin-bottom: 0;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #cbcbcb;

	text-decoration: none;

	font-weight: bold;

}

#main_flash {

	position: absolute;

	z-index: 0;

	top: 136px;

	left: 50%; /*Desde la izquierda, colocar al 50% de la pantalla*/;

	margin-left: -490px; /*Restamos la mitad de ancho del SWF para centrarlo horizontalmente*/;

	width: 980px;

	height: 293px;

}

#flash-spacer {

	width: 980px;

	height: 290px;

	float: left;

}

#homeblock_a {
	width: 635px;
	/*height: 225px;*/
	float: left;
}

#homeblock_a_pic {
	width: 170px;
	/*height: 225px;*/
	float: left;
}

#homeblock_a_text {
	width: 445px;
	/*height: 225px;*/
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	text-decoration: none;
	font-weight: normal;
	text-align: justify;
}

#homeblock_b {

	width: 345px;

	height: 225px;

	background-color: #000000;

	float: left;

}

#homeblock_c {

	width: 635px;

	height: 165px;

	background-color: #FFffff;

	float: left;

}

#homeblock_d {

	width: 345px;

	height: 165px;

	background-color: #666666;

	float: left;

}

#headerimage {

	width: 980px;

	height: 258px;

	float: left;

}

#headerimage_small {

	width: 980px;

	height: 125px;

	float: left;

}

#sectiontitle {

	width: 964px;

	height: 43px;

	float: left;

	background-color: #3f3f3f;

	background-image: url(imgs/bg_titles.gif);

	background-repeat: repeat-x;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 17px;

	color: #ffffff;

	text-decoration: none;

	font-weight: bold;

	text-transform: uppercase;

	vertical-align: middle;

	padding-left: 16px;

	padding-top: 37px;

}

/*************************************************************************************************************/

/*  MENU */

/*************************************************************************************************************/

#theproduct {

	width: 146px;

	height: 32px;

	float: right;

	text-align: center;

}

a.rollovertheproduct {

	display: block;

	width: 146px;

	height: 32px;

	text-decoration: none;

	background-image: url(imgs/btn.gif);

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #ffffff;

	text-decoration: none;

	cursor: pointer !important;

	line-height: 32px;

}

a.rollovertheproduct:hover {

	background-position: 0px -32px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #f68526;

	text-decoration: none;

}

#guarantee {

	width: 146px;

	height: 32px;

	float: right;

	text-align: center;

}

a.rolloverguarantee {

	display: block;

	width: 146px;

	height: 32px;

	text-decoration: none;

	background-image: url(imgs/btn.gif);

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #ffffff;

	text-decoration: none;

	cursor:pointer !important;

	line-height:32px;

}

a.rolloverguarantee:hover {

	background-position: 0px -32px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #f68526;

	text-decoration: none;

}

#safety {

	width: 146px;

	height: 32px;

	float: right;

	text-align: center;

}

a.rolloversafety {

	display: block;

	width: 146px;

	height: 32px;

	text-decoration: none;

	background-image: url(imgs/btn.gif);

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #ffffff;

	text-decoration: none;

	cursor: pointer !important;

	line-height: 32px;

}

a.rolloversafety:hover {

	background-position: 0px -32px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #f68526;

	text-decoration: none;

}

#environmental {

	width: 146px;

	height: 32px;

	float: right;

	text-align: center;

}

a.rolloverenvironmental {

	display: block;

	width: 146px;

	height: 32px;

	text-decoration: none;

	background-image: url(imgs/btn.gif);

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #ffffff;

	text-decoration: none;

	cursor: pointer !important;

	line-height: 32px;

}

a.rolloverenvironmental:hover {

	background-position: 0px -32px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #f68526;

	text-decoration: none;

}

#faq {

	width: 93px;

	height: 32px;

	float: right;

	text-align: center;

}

a.rolloverfaq {

	display: block;

	width: 93px;

	height: 32px;

	text-decoration: none;

	background-image: url(imgs/btn_b.gif);

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #ffffff;

	text-decoration: none;

	cursor: pointer !important;

	line-height: 32px;

}

a.rolloverfaq:hover {

	background-position: 0px -32px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #f68526;

	text-decoration: none;

}

#about {

	width: 93px;

	height: 32px;

	float: right;

	text-align: center;

}

a.rolloverabout {

	display: block;

	width: 93px;

	height: 32px;

	text-decoration: none;

	background-image: url(imgs/btn_b.gif);

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #ffffff;

	text-decoration: none;

	cursor:pointer !important;

	line-height:32px;

}

a.rolloverabout:hover {

	background-position: 0px -32px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #f68526;

	text-decoration: none;

}

#contact {

	width: 93px;

	height: 32px;

	float: right;

	text-align: center;

}

a.rollovercontact {

	display: block;

	width: 93px;

	height: 32px;

	text-decoration: none;

	background-image: url(imgs/btn_b.gif);

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #ffffff;

	text-decoration: none;

	cursor:pointer !important;

	line-height:32px;

}

a.rollovercontact:hover {

	background-position: 0px -32px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #f68526;

	text-decoration: none;

}

#home {

	width: 117px;

	height: 32px;

	float: right;

	text-align: center;

}

a.rolloverhome {

	display: block;

	width: 117px;

	height: 32px;

	text-decoration: none;

	background-image: url(imgs/btn-c.gif);

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #ffffff;

	text-decoration: none;

	cursor: pointer !important;

	line-height: 32px;

}

a.rolloverhome:hover {

	background-position: 0px -32px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #f68526;

	text-decoration: none;

}

/*************************************************************************************************************/

/*  CLASSES */

/*************************************************************************************************************/

table#calculator {

	background-color: #3f3f3f;

	font-family: Arial, Verdana, Helvetica, sans-serif;

	font-size: 14px;

	color: #a0a0a0;

	text-decoration: none;

	font-weight: normal;

	border-top-width: 1px;

	border-right-width: 1px;

	border-bottom-width: 1px;

	border-left-width: 1px;

	border-top-style: solid;

	border-right-style: solid;

	border-bottom-style: solid;

	border-left-style: solid;

	border-top-color: #252525;

	border-right-color: #252525;

	border-bottom-color: #252525;

	border-left-color: #252525;

}

ul#ul_general {

	list-style: none;

	color: #ff7400;

}

ul#ul_general li {

	list-style-image: url(imgs/bullet-ol.gif);

	color: #ff7400;

}

ol#ol_general {

	list-style: none;

	color: #d2d2d2;

}

ol#ol_general li {

	list-style-image: url(imgs/bullet-ul.gif);

	color: #d2d2d2;

}

.text {

	font-family: Arial, Verdana, Helvetica, sans-serif;

	font-size: 14px;

	color: #d2d2d2;

	text-decoration: none;

	font-weight: normal;

	padding-right: 5px;

	padding-top: 5px;

}

.main {

	border-left: 1px solid #262727;

	border-right: 1px solid #262727;

	background-image: url(imgs/bg_cont.gif);

}

.titles {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 16px;

	color: #ff7400;

	text-decoration: none;

	font-weight: bold;

}

.fill {

	border: 1px solid #cccccc;

}

/*************************************************************************************************************/

/*  LINKS */

/*************************************************************************************************************/

a.links:active {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #ff7400;

	text-decoration: underline;

	font-weight: bold;

}

a.links:link {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #ff7400;

	text-decoration: underline;

	font-weight: bold;

}

a.links:visited {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #ff7400;

	text-decoration: underline;

	font-weight: bold;

}

a.links:hover {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #ffffff;

	text-decoration: none;

	font-weight: bold;

}

a.links-b:active {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #ffffff;

	text-decoration: underline;

	font-weight: bold;

}

a.links-b:link {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #ffffff;

	text-decoration: underline;

	font-weight: bold;

}

a.links-b:visited {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #ffffff;

	text-decoration: underline;

	font-weight: bold;

}

a.links-b:hover {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #ff7400;

	text-decoration: none;

	font-weight: bold;

}

a.links_nav:active {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #cbcbcb;

	text-decoration: none;

	font-weight: bold;

}

a.links_nav:link {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #cbcbcb;

	text-decoration: none;

	font-weight: bold;

}

a.links_nav:visited {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #cbcbcb;

	text-decoration: none;

	font-weight: bold;

}

a.links_nav:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
	text-decoration: underline;
	font-weight: bold;
}

a.foot-links:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
	font-weight: normal;
}

a.foot-links:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
	font-weight: normal;
}

a.foot-links:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
	font-weight: normal;
}

a.foot-links:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #cbcbcb;
	text-decoration: underline;
	font-weight: normal;
}

a.menu:active {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #ffffff;

	text-decoration: none;

}

a.menu:link {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #ffffff;

	text-decoration: none;

}

a.menu:visited {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #ffffff;

	text-decoration: none;

}

a.menu:hover {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #3e76eb;

	text-decoration: underline;

}

a.submenu:active {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #ff7400;

	text-decoration: none;

}

a.submenu:link {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #ffffff;

	text-decoration: none;

}

a.submenu:visited {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #ffffff;

	text-decoration: none;

}

a.submenu:hover {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #3e76eb;

	text-decoration: underline;

}

/*************************************************************************************************************/

/*  Forms */

/*************************************************************************************************************/

label {

	width: 4em;

	float: left;

	text-align: right;

	margin-right: 0.5em;

	display: block;

	color: #666666;

}

.submit input {

	margin-left: 5px;

}

textarea {

	color: #ff7400;

	background: #5c5c5c;

	border: 1px solid #252525;

}

input {

	color: #ff7400;

	background: #5c5c5c;

	border: 1px solid #252525;

}

.submit input {

	color: #ffffff;

	background: #ff7400;

	border: 1px solid #252525;

}

fieldset {

	border: 1px solid #252525;

	width: 235px;

	padding-left: 15px;

	padding-bottom: 10px;

}

legend {

	color: #fff;

	background: #000000;

	padding-left: 5px;

	padding-bottom: 7px;

	padding-top: 7px;

	padding-right: 5px;

}

#piedesign {
	width: 980px;
	height: 20px;
	line-height: 20px;
	text-align: right;
	/*position: relative;*/
	display: block;
	/*margin: 15px auto;*/
	/*float:left;*/
	background-color: #686868;
	border: 0;
	padding: 15px 20px 30px 0;
}

#piedesign a, #piedesign a:hover, #piedesign a:link, #piedesign a:visited, #piedesign a:active {

	color: white;

	font-size: 10px;

	text-align: right;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	text-decoration: none;

}

#piedesign1 {

	width: 980px;

	height: 20px;

	line-height: 20px;

	text-align: right;

	position: relative;

	display: block;

	float:none;

	margin: 15px auto;


}

#piedesign1 a, #piedesign1 a:hover, #piedesign1 a:link, #piedesign1 a:visited, #piedesign1 a:active {

	color: white;

	font-size: 10px;

	text-align: right;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	text-decoration: none;

}
.titles {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 16px;

	color: #ff7400;

	text-decoration: none;

	font-weight: bold;

}

.text_bold {

	font-family: Arial, Verdana, Helvetica, sans-serif;

	font-weight: bold;

	font-size: 14px;

	color: #d2d2d2;

	text-decoration: none;

	font-weight: normal;

	padding-right: 5px;

	padding-top: 5px;

}

.text-orange_bold {

	font-family: Arial, Verdana, Helvetica, sans-serif;

	font-weight: bold;

	font-size: 14px;

	color: #ff7400;

	text-decoration: none;

	padding-right: 5px;

	padding-top: 5px;

}

.text-orange_bold a, .text-orange_bold a:link, .text-orange_bold a:active, .text-orange_bold a:visited {

	color: #f68526;

	text-decoration: none;

	font-weight: bold;

}

.text-grey_bold {

	font-family: Arial, Verdana, Helvetica, sans-serif;

	font-weight: bold;

	font-size: 14px;

	color: #a0a0a0;

	text-decoration: none;

	padding-right: 5px;

	padding-top: 5px;

}

.text-italic_bold {

	font-family: Arial, Verdana, Helvetica, sans-serif;

	font-style: italic;

	font-weight: bold;

	font-size: 14px;

	color: #d2d2d2;

	text-decoration: none;

	padding-right: 5px;

	padding-top: 5px;

}

.text {

	font-family: Arial, Verdana, Helvetica, sans-serif;

	font-size: 12px;

	color: #d2d2d2;

	text-decoration: none;

	font-weight: normal;

	padding-right: 5px;

	padding-top: 5px;

}

.text strong {

	color: #FF9900;

}

.text_grey {

	font-family: Arial, Verdana, Helvetica, sans-serif;

	font-size: 14px;

	color: #d2d2d2;

	text-decoration: none;

	font-weight: normal;

	padding-right: 5px;

	padding-top: 5px;

}

.text_grey a, .text_grey a:link, .text_grey a:active, .text_grey a:visited {

	color: #FF9900;

	text-decoration: none;

}

.text_grey a:hover {

	color: #FF9900;

	text-decoration: underline;

}

.text_italic {

	font-family: Arial, Verdana, Helvetica, sans-serif;

	font-style: italic;

	font-size: 14px;

	color: #d2d2d2;

	text-decoration: none;

	font-weight: normal;

	padding-right: 5px;

	padding-top: 5px;

}

.links:active {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #ff7400;

	text-decoration: underline;

	font-weight: bold;

}

.links:link {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #ff7400;

	text-decoration: underline;

	font-weight: bold;

}

.links:visited {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #ff7400;

	text-decoration: underline;

	font-weight: bold;

}

.links:hover {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #ffffff;

	text-decoration: none;

	font-weight: bold;

}

.links-b:active {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #ffffff;

	text-decoration: underline;

	font-weight: bold;

}

.links-b:link {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #ffffff;

	text-decoration: underline;

	font-weight: bold;

}

.links-b:visited {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #ffffff;

	text-decoration: underline;

	font-weight: bold;

}

.links-b:hover {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #ff7400;

	text-decoration: none;

	font-weight: bold;

}

/****************/

/******* CONTACT *******************/

#foot_content {

	text-align: center;

	width: 365px;

	height: 146px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #FFFFFF;

}

#contact_form {

	float: left;

	width: 982px;

	height: 210px;

}

#contact_box {

	width: 380px;

	height: 200px;

	float: right;

	text-align: left;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 14px;

	color: #333333;

	text-decoration: none;

	font-weight: normal;

	display: inline;

}

#contact_box .divInline1 {

	display: inline;

	float: left;

	width: 170px;

}

#contact_box .divInline2 {

	display: inline;

	float: left;

	padding-top: 40px;

	width: 210px;

}

.naranja {

	color: #f68526;

}

#contact_map {

	width: 530px;

	padding: 10px;

	float: left;

	text-align: center;

	position: relative;

}

#container_contact {

	width: 980px;

	float: left;

	position: relative;

	background-color: #3f3f3f;

	color: #002878;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	margin: 0px auto;

	background-image: url(imgs/Bgcontact.gif);

	background-repeat: no-repeat;

/*display: block;*/

}

#formcontent {

	width: 580px;

	height: 140px;

	padding-left: 15px;

}

.Paddtitulos {

	display: block;

	height: 40px;

	margin: 15px 0 0 15px;

	color: #f78222;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 15px;

	font-weight: bold;

	width: 300px;

}

.ContactBgTitle {

	background-image: url(imgs/ContactBgTitle.gif);

	background-position: center;

	background-repeat: no-repeat;

	text-align: center;

	color: #5c5c5c;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 20px;

	font-weight: bold;

	line-height: 43px;

	float: left;

	display: block;

	position: relative;

	width: 980px;

}

#Mapcontent {

	width: 980px;

	height: 650px;

	position: relative;

	display: block;

	float: left;

}

.tbrepresent {

	background-color: transparent;

	background-image: url(imgs/Rep02.gif);

	background-repeat: repeat-y;

	background-position: top;

}

.tbrepresentT1 {

	background-color: transparent;

	background-image: url(imgs/Rep01.gif);

	background-repeat: repeat-y;

	background-position: top;

}


.tbrepresentT3 {

	background-color: transparent;

	background-image: url(imgs/Rep03.gif);

	background-repeat: repeat-y;

	background-position: top;

}

#contentRep {

	text-align: left;

	margin: auto;

	background-color: #3f3f3f;

	width: 980px;

	border-left: 1px solid #262727;

	border-right: 1px solid #262727;

}

.Biography {

	text-align: left;

	color: #3f3f3f;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-weight: normal;

}
.link_foot_h1
{
	color: #666666;
	font-size: 10px;
	text-decoration: none;
}
a.link_foot_h1
{
	color: #666;
	font-size: 10px;
	text-decoration: none;
}
a.link_foot_h1:hover
{
	color: #999;
	text-decoration: underline;
}