@charset "utf-8";
/* [G] Maqueteishon Framework Stylesheet */
body {
	/* 1em = 10px | 1.2em = 12px | 2em = 20px | etc. */
	font-size: 62.5%;
	background: url(../images/bg-body.jpg) repeat-x 0 0 white;
	font-family: Arial, Helvetica, sans-serif;
}
.wysiwyg p, .tiny li {
	font-size: 1.3em;
}
.wysiwyg li li {
	font-size: 1em;
}
.wysiwyg p, wysiwyg ul li {
	margin-bottom: 10px;
}
.wysiwyg ul {
	margin-bottom: 8px;
	padding-left: 13px;
	list-style: disc inside;
}
.wysiwyg ol {
	margin-bottom: 8px;
	padding-left: 13px;
	list-style: decimal inside;
}
.wysiwyg ul li {
}
/* header */
#header {
	background: url("../images/bg-head.jpg") repeat scroll 0 0 #16234D;
	height: 214px;
}
/* main body */
#mainBody {
	/*min-height: 500px;*/
}
.innerContent {
	width: 960px;
	margin: 0 auto;
	position: relative;
	height: 100%;
}
/* left bar */
#barLef {
	float: left;
}
/* right bar */
#barRig {
	float: right;
}
/* footer */
#footer {
	background: url("../images/bg-footer.jpg") repeat-x scroll 0 0 #F1F1F1;
	height: 269px;
}
/*==================================================================
 General Stuff
 ==================================================================*/

.mainNav {
	float: right;
}
.mainNav li {
	float: left;
	position: relative;
}
.mainNav li a {
	color: #CDCFDB;
	font-size: 1.2em;
	text-decoration: none;
	display: block;
	padding: 23px 10px 10px 10px;
}
.mainNav li a.first {
	background: url("../images/ico-home.png") no-repeat scroll 11px 19px transparent;
	width: 18px;
	text-indent: -9999px;
}
.mainNav li a:hover, .mainNav li.active a {
	background-color: #536691;
}
.mainNav > li > a.first:hover, .mainNav > li.active > a.first {
	background: url("../images/ico-home.png") no-repeat scroll 11px 19px #536691;
}
.mainNav > li > a:hover, .mainNav > li.active > a {
	background: url("../images/bg-menu-hover.png") repeat-x 0 0 #536691;
}
.mainNav.customersAccess {
}
.mainNav.customersAccess .contLogin {
}
.clientea {
	color: #CDCFDB;
	font-size: 1.2em;
	text-decoration: none;
	display: block;
	padding: 23px 10px 10px 10px;
	background-image: url(../images/ico-customer.png);
	padding-right: 31px;
	background-repeat: no-repeat;
	background-position: 62px 21px;
}
.mainNav.customersAccess .contLogin.active {
	background: url("../images/bg-menu-hover.png") repeat-x scroll 0 0 #536691;
}
.mainNav li ul {
	background: none repeat scroll 0 0 #536691;
	left: 0;
	line-height: 15px;
	padding: 9px 0;
	position: absolute;
	top: 48px;
	white-space: nowrap;
	display: none;
}
.mainNav li ul li {
	float: none;
}
.mainNav li ul li a {
	padding: 5px 15px 5px 25px;
	background: url("../images/bul-submenu.png") no-repeat scroll 10px 8px transparent;
}
.mainNav li ul li a img {
	display: none;
}
.mainNav li ul li a:hover {
	text-decoration: underline;
}
.logo {

	top: 76px;
	position: absolute;
	left: 0;
}
#loginBox {
	background: none repeat scroll 0 0 #536691;
	padding: 17px 10px 10px;
	position: absolute;
	right: 0;
	top: 48px;
	width: 179px;
}
#loginBox .itemForm {
	position: relative;
	margin-bottom: 4px;
}
#loginBox .itemForm label {

}
#loginBox .itemForm .bgTxt {
	background: url("../images/bg-txt.png") repeat scroll 0 0 transparent;
	height: 33px;
	position: relative;
	width: 180px;
}
#loginBox .itemForm .bgTxt input {
	background: none repeat scroll 0 0 transparent;
	border: 0 none;
	color: #666666;
	padding: 8px;
	width: 163px;
}
#footer .copyRight {
	bottom: 0;
	height: 47px;
	position: absolute;
	width: 100%;
}
#footer .copyRight p {
	color: white;
	float: left;
	font-size: 1.1em;
	line-height: 50px;
}
#footer .copyRight p a {
	color: white;
	text-decoration: none;
}
#footer .copyRight p a:hover {
	text-decoration: underline;
}
#footer .copyRight a.dev {
	color: white;
	display: block;
	float: right;
	font-size: 1.1em;
	line-height: 19px;
	margin-right: 7px;
	margin-top: 13px;
	padding-right: 19px;
	text-decoration: none;
	background: url(../images/logo-dev.png) no-repeat right center;
}
#footer .contactInfo {
	color: #5F5E5E;
	float: left;
	padding-top: 21px;
	position: relative;
	width: 362px;
}
#footer .contactInfo p {
	font-size: 1.2em;
	line-height: 1.5em;
	margin-bottom: 14px;
	overflow: hidden;
}
#footer .contactInfo p strong {
	display: block;
	font-size: 1.5em;
	margin-bottom: -16px;
	margin-top: 2px;
}
#footer .contactInfo .logoFoot {
	float: left;
	left: -10px;
	padding-top: 0;
	position: relative;
	top: 3px;
}
#footer .contactInfo .logoIso {
	left: 281px;
	position: absolute;
	top: 84px;
}
#footer .contactInfo p a {
	color: #5F5E5E;
	text-decoration: none;
}
#footer .contactForm {

}
#footer .contactForm .btn {
	background: none repeat scroll 0 0 #D4D4D4;
	color: #666666;
	float: right;
	margin-right: 0;
	margin-top: 4px;
}
.contactForm {

}
#footer .contactForm {
	float: right;
	padding-top: 19px;
	width: 529px;
}
.contactForm {

}
#footer .contactForm h3 {
	color: #767676;
	font-size: 1.9em;
	margin-bottom: 4px;
	text-shadow: 1px 1px 1px white;
}
#footer .contactForm .rightFields {
	float: left;
}
#footer .contactForm .leftFields {
	float: right;
}
.contactForm .itemForm {
	margin-bottom: 7px;
	position: relative;
}
.contactForm .itemForm textarea {
	border: 0 none;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	height: 92px;
	padding: 8px;
	width: 243px;
}
.contactForm .itemForm label {

}
.contactForm .itemForm .bgTxt {
	background: none repeat scroll 0 0 white;
	height: 31px;
	width: 259px;
	position: relative;
}
.contactForm .itemForm .bgTxt input {
	background: none repeat scroll 0 0 transparent;
	border: 0 none;
	color: #666666;
	padding: 8px;
	width: 243px;
}
/*paginador*/
#paginator {
	font-size: 12px;
	float: left;
}
.paging span, #paginator span {
	display: block;
	float: left;
	text-indent: 0;
	overflow: hidden;
	font-weight: bold;
}
.paging span.current, #paginator span.current {
	background: url("../images/paginator-active.png") repeat scroll 0 0 transparent;
	border: medium none;
	color: white;
	line-height: 24px;
	padding: 0;
	text-align: center;
	text-shadow: 0 0 1px #FFFFFF;
	width: 23px;
}
.paging span.current a, #paginator span.current a {
	color: white;
	padding: 0;
}
.paging span.prev, #paginator span.prev, .paging span a.prev, #paginator span a.prev {
}
.paging span.disabled, #paginator span.disabled {
	color: #ADADAD;
	padding: 5px 10px;
	text-shadow: -1px 1px 0 white;
}
.paging span a, #paginator span a {
	border-radius: 0 0 0 0;
	color: #666666;
	display: block;
	padding: 5px 10px;
	text-decoration: none;
}
.paging span a:hover, #paginator span a:hover {
	color: #000;
}
.paging span.last, #paginator span.last {
	border-radius: 0 5px 5px 0;
}
/*==================================================================
 Home
 ==================================================================*/
#sliderHome {
	background: url("../images/bg-slider-home.jpg") repeat-x scroll center top;
	min-height: 303px;
}
.slideLinks {
	margin-bottom: 26px;
	margin-top: 8px;
	padding: 0 0 0 6px;
}
.slideLinks li {
	float: left;
	margin-right: 6px;
}
.slideLinks li a {
	display: block;
}
.slideLinks li a img {
	display: block;
}
.slideLinks li a span {
	display: none;
}
.pagination {
	display: none;
}
.genericList {
}
.genericList .item {
	border-top: 1px dotted #999;
	padding: 20px 0;
}
.genericList .item .date {
	font-size: 1.2em;
	color: #333;
	margin-bottom: 0;
	background: none;
}
.genericList .item .cont {
	overflow: hidden;
}
.genericList .item .title {
	color: #16214E;
	font-size: 2.3em;
	margin-bottom: 2px;
}
.genericList .item .thumb {
	float: left;
	border: 5px solid white;
	margin-right: 15px;
}
.genericList .item p {
	font-size: 1.4em;
	color: #605f5f;
	margin-bottom: 9px;
}
.readMore {

	text-decoration: none;
	line-height: 19px;
	float: left;
	background: url(../images/ico-more.png) no-repeat center right;
	color: #16214E;
	font-size: 1.3em;
	padding-right: 22px;
	display: block;
}
.btn {
	background-color: #15234D;
	border: medium none;
	color: white;
	cursor: pointer;
	margin-right: 2px;
	padding: 3px 8px;
}
.jstyling-select {
	background: none repeat scroll 0 0 white;
	border: 0 none;
	border-radius: 5px 5px 5px 5px;
	color: #666666;
	cursor: pointer;
	font-size: 1.2em;
	height: 30px;
	width: 194px;
}
.jstyling-select-t {
	line-height: 27px;
	text-indent: 7px;
	width: 202px;
}
.jstyling-select-l {
	text-indent: 7px;
	border: 0;
}
.jstyling-select {
	border: 0;
	float: left;
	width: 189px;
}
.jstyling-select-l {
	border: 0 none;
}
/*==================================================================
 Novedades
 ==================================================================*/
.internal .bgTop {
	background: url("../images/bg-internal-top.png") repeat scroll 0 0 transparent;
	display: block;
	height: 40px;
	margin-left: -5px;
	margin-top: 30px;
	width: 970px;
}
.internal .bgMiddleExt {
	background: url("../images/bg-internal-middle.png") repeat-y scroll 0 0 transparent;
	margin-left: -5px;
	width: 970px;
}
.internal .bgMiddle {
	background: url("../images/gradient.png") no-repeat center top transparent;
	padding: 0px 30px 7px 30px;
	width: 910px;
}
.internal .bgBottom {
	background: url("../images/bg-internal-bottom.png") no-repeat scroll 0 0 transparent;
	display: block;
	height: 38px;
	width: 970px;
	margin-left: -5px;
}
.mainTitle {
	color: #16214E;
	font-size: 3em;
	margin-bottom: 24px;
}
.nivoSlider {
	height: 320px;
}
#slides {
	background: url(../images/bg-slides.png) no-repeat 0 0;
}
/*==================================================================
 Novedades Detalle
 ==================================================================*/
.internal {
	padding: 20px 0;
}
.internal .date {
	background: none repeat scroll 0 0 #F0F0F0;
	color: #333333;
	display: block;
	font-size: 1.2em;
	margin-bottom: 11px;
	margin-left: -21px;
	padding: 3px 0;
	text-indent: 22px;
	width: 952px;
}
.internal .cont {
	overflow: hidden;
}
.internal .title {
	color: #16214E;
	font-size: 2.3em;
	margin-bottom: 1em;
}
.internal .thumb {
	float: left;
	border: 5px solid white;
	margin-right: 15px;
	margin-bottom: 15px;
}
.internal p {
	font-size: 1.4em;
	color: #605f5f;
	margin-bottom: 9px;
}
.columImages {
	margin-left: 10px;
}
/*==================================================================
 Productos recuperadores
 ==================================================================*/
.mainProductImage {
	background: url("../images/bg-main-image.jpg") no-repeat scroll 0 100% transparent;
	float: right;
	margin: -30px -20px 18px 14px;
	padding-bottom: 17px;
}
.genericList.productos {
	clear: both;
}
.downloadLink {
	background: url("../images/ico-download-pdf.png") no-repeat scroll center top transparent;
	color: red;
	display: block;
	float: right;
	font-size: 1.2em;
	height: auto;
	margin-bottom: 10px;
	min-width: 59px;
	padding-bottom: 12px;
	padding-top: 51px;
	text-align: left;
	text-decoration: none;
}
.downloadLink:hover {
	text-decoration: underline;
}
/*==================================================================
 Aplicaciones
 ==================================================================*/
.headingText {
}
.headingText p {
	font-size: 2.8em;
}
.headingText p strong {
	font-weight: bold;
}
.tabbedCont {
	border-left: 4px solid #C5C5C5;
	clear: both;
	margin-bottom: 27px;
	padding-left: 15px;
	width: 763px;
}
.tabbedCont h2 {
	color: #16214E;
	font-size: 2.2em;
	margin-bottom: 0.5em;
}
.tabbedCont h3 {
	color: #2D2D2D;
	font-size: 1.6em;
	font-weight: bold;
}
.tabbedCont p {
	color: #605F5F;
}
.contactForm .jstyling-select-l {
	top: auto;
	bottom: 27px;
}
.contactForm .jstyling-select-t {
	width: 159px;
}
/*==================================================================
 Aplicaciones
 ==================================================================*/
.usr {
	color: #EA8C0E;
	display: block;
	font-size: 2.1em;
	margin-bottom: 15px;
	margin-top: -28px;
}
.btnLogOut {
	background: url("../images/btn-salir.png") no-repeat scroll 0 0 transparent;
	display: block;
	float: right;
	height: 32px;
	text-indent: -9999px;
	width: 74px;
}
.contPrivate {
}
.contPrivate .item {
}
.contPrivate .item p {
	margin-bottom: 1.5em;
}
.contPrivate .item .thumb {
}
.contPrivate .item table {
	font-size: 1.2em;
	width: 100%;
	clear: both;
}
.contPrivate .item table th {
	background: none repeat scroll 0 0 #3C4F79;
	border-right: 1px solid white;
	color: white;
	font-weight: bold;
	padding: 5px 10px;
	text-align: left;
	vertical-align: middle;
}
.contPrivate .item table td {
	vertical-align: middle;
	border-bottom: 1px solid #D6D6D6;
	border-right: 1px solid #D6D6D6;
	color: #666666;
	padding: 10px 10px;
}
.download {
	color: #16214E;
	font-weight: bold;
	text-decoration: none;
}
#country .jstyling-select-t img, #country .jstyling-select-l div img {
	display: block;
	float: left;
}
#country .jstyling-select-l div {
	height: auto;
	line-height: 24px;
}
/*==================================================================
 la empresa
 ==================================================================*/

.menuHead {
	list-style: disc outside none;
	margin-bottom: 32px;
	padding-left: 14px;
}
.menuHead li {
	font-size: 1.5em;
	margin-bottom: 12px;
}
.menuHead li strong {
	clear: both;
	font-weight: bold;
}
.menuHead li strong.big {
	font-size: 1.3em;
}
.cont .title {
	color: #16214E;
	font-size: 2.3em;
	margin-bottom: 2px;
}
.picturesLeft {
	float: left;
	margin-right: 15px;
}
.picturesLeft img {
	display: block;
	margin-bottom: 10px;
}
span.selected {
	background: url("../images/dot-feature.png") no-repeat scroll 0 0 transparent;
	display: block;
	height: 22px;
	margin: 0 auto;
	width: 22px;
}
a.download {
	background: url("../images/ico-download.png") no-repeat scroll left center transparent;
	padding-left: 20px;
}
div.error-message span, span.error-message span {
	background: url("../images/error-right.png") repeat scroll 0 0 transparent;
	cursor: default;
	display: block;
	height: 25px;
	position: absolute;
	right: -10px;
	top: 0;
	width: 10px;
}
div.error-message, span.error-message {
	display: none;
	background: url("../images/error-left.png") repeat scroll 0 0 transparent;
	color: #7B0E0E;
	font-family: verdana;
	font-size: 1em;
	height: 25px;
	left: 6px;
	line-height: 16px;
	padding-left: 7px;
	position: absolute;
	text-shadow: 1px 1px 0 white;
	top: -8px;
	white-space: nowrap;
}
.contactForm {
	position: relative;
}
.exito-message {
	display: none;
	color: green;
	font-size: 14px;
	font-weight: bold;
	left: 89px;
	position: absolute;
	top: 23px;
}
.exito-message#exitono {
	color: red;
}
.noResults {
	border: 1px solid #CCCCCC;
	display: block;
	font-size: 20px !important;
	margin-bottom: 250px !important;
	min-height: 20px;
	padding: 10px;
}

.retrivePass {
}
.retrivePass .itemForm {
    clear:both;
    margin-bottom:10px;
    margin-right:10px;
}
.retrivePass .itemForm label {
    color: #666666;
    display: block;
    font-size: 1.2em;
    padding-bottom: 7px;
}
.retrivePass .itemForm .bgTxt {
    background:url("../images/bg-txt-large.png") repeat scroll 0 0 transparent;
    float:left;
    height:33px;
    margin-bottom:7px;
    margin-right:10px;
    position:relative;
    width:302px;
}
.retrivePass .itemForm .bgTxt input {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    color: #666666;
    padding: 8px;
    width: 284px;
}

.retrivePass .btn.retrive {
    background:none repeat scroll 0 0 #15234D;
    border:0 none;
    color:#FFFEFE;
    padding:8px;
}
element.style {
    font-size:1.2em;
}
.retrivePass .error {
    color:#872626;
    display:block;
    font-size:12px;
    font-weight:bold;
    margin-bottom:11px;
    padding:5px 0;
}