/*
	FUNDEMPRESA - 2017
	Design: Logos Comunicaciones
	www.logoscomunicaciones.com
*/


/* RESET */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,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;
	font-size: 100%;
	vertical-align: baseline;
	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;
}

/* RESET */



@font-face {
	font-family: 'Roboto Condensed Bold';
	src: url('../fonts/RobotoCondensed-Bold.eot');
	src: url('../fonts/RobotoCondensed-Bold.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/RobotoCondensed-Bold.woff') format('woff'),
		 url('../fonts/RobotoCondensed-Bold.ttf') format('truetype'),
		 url('../fonts/RobotoCondensed-Bold.svg#RobotoCondensed-Bold') format('svg');
	font-weight: 100;
	font-style: normal;
}

@font-face {
	font-family: 'Roboto Condensed Light';
	src: url('../fonts/RobotoCondensed-Light.eot');
	src: url('../fonts/RobotoCondensed-Light.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/RobotoCondensed-Light.woff') format('woff'),
		 url('../fonts/RobotoCondensed-Light.ttf') format('truetype'),
		 url('../fonts/RobotoCondensed-Light.svg#RobotoCondensed-Light') format('svg');
	font-weight: 100;
	font-style: normal;
}






@font-face {
	font-family: 'Oswald-Light';
	src: url('../fonts/Oswald-Light.eot');
	src: url('../fonts/Oswald-Light.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/Oswald-Light.woff') format('woff'),
		 url('../fonts/Oswald-Light.ttf') format('truetype'),
		 url('../fonts/Oswald-Light.svg#Oswald-Light') format('svg');
	font-weight: 100;
	font-style: normal;
}

@font-face {
	font-family: 'Oswald-Bold';
	src: url('../fonts/Oswald-Bold.eot');
	src: url('../fonts/Oswald-Bold.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/Oswald-Bold.woff') format('woff'),
		 url('../fonts/Oswald-Bold.ttf') format('truetype'),
		 url('../fonts/Oswald-Bold.svg#Oswald-Bold') format('svg');
	font-weight: 100;
	font-style: normal;
}


@font-face {
	font-family: 'Helvetica Neue LT Std';
	src: url('../fonts/HelveticaNeueLTStd-ThCn.eot');
	src: url('../fonts/HelveticaNeueLTStd-ThCn.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/HelveticaNeueLTStd-ThCn.woff') format('woff'),
		 url('../fonts/HelveticaNeueLTStd-ThCn.ttf') format('truetype'),
		 url('../fonts/HelveticaNeueLTStd-ThCn.svg#HelveticaNeueLTStd-ThCn') format('svg');
	font-weight: 100;
	font-style: normal;
}

@font-face {
	font-family: 'HelveticaNeueLTStd-BlkCn';
	src: url('../fonts/HelveticaNeueLTStd-BlkCn.eot');
	src: url('../fonts/HelveticaNeueLTStd-BlkCn.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/HelveticaNeueLTStd-BlkCn.woff') format('woff'),
		 url('../fonts/HelveticaNeueLTStd-BlkCn.ttf') format('truetype'),
		 url('../fonts/HelveticaNeueLTStd-BlkCn.svg#HelveticaNeueLTStd-BlkCn') format('svg');
	font-weight: 100;
	font-style: normal;
}






body {
	color: #4c4c4c;
	font-size: 24px;
	font-family: 'Roboto Condensed Light', Arial, Tahoma, Verdana;
	text-align: center;
	line-height: 28px;
	background: #ffffff;
}



h1{
	color: #f8981d;
	font-size: 34px;
	font-family: 'Oswald-Bold', Arial, Tahoma, Verdana;
	font-weight: 100;
	line-height: 38px;
	text-align: center;
	text-transform: uppercase;
}


a{
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
a:hover{
	filter: alpha(opacity=70);
	-moz-opacity: 0.70;
	-khtml-opacity: 0.70;
	opacity: 0.70;
}

img{
	display: block;
}




.wrapper{
	clear: both;
	position: relative;
	width: 100%;
	margin: 0 auto;
}




header{
	clear: both;
	position: relative;
	color: #ffffff;
	font-size: 24px;
	line-height: 26px;
	background: #1a3665;
	width: 100%;
	height: 598px;
}
/*
header .cntHeader{
	position: relative;
	width: 1270px;
	margin: 0 auto;
}
*/
header h1{
	color: #ffffff;
	font-size: 55px;
	font-family: 'HelveticaNeueLTStd-BlkCn', Arial, Tahoma, Verdana;
	font-weight: 100;
	line-height: 55px;
	text-align: left;
	text-transform: none;
	margin: 6px 0 34px 0;
}
header .content{
	float: left;
	font-family: 'Helvetica Neue LT Std', Arial, Tahoma, Verdana;
	width: 540px;
	margin: 34px 0 0 8%;
}
header .content p{
	display: block;
	text-align: left;
	margin: 8px 0 25px 0 !important;
}
header .content img{
	display: block;
	margin-bottom: 82px;
}



header .graf{
	bottom: 0;
	right: 0;
	overflow: hidden;
	position: absolute;
	background: url(../lib/estadisticas_en_linea.jpg) no-repeat center;
	width: 694px;
	height: 598px;
}

header .graf .el1{
	top: 468px;
	left: 18px;
	position: absolute;
	background: #3f72a1;
	width: 75px;
	height: 75px;
	-webkit-border-radius: 160px;
		   -moz-border-radius: 160px;
		    -ms-border-radius: 160px;
		        border-radius: 160px;
}
/*
header .graf .el1 span{
	top: 50%;
	left: 50%;
	position: absolute;
	display: block;
	background: #3f72a1;
	width: 75px;
	height: 75px;
	-webkit-border-radius: 160px;
		   -moz-border-radius: 160px;
		    -ms-border-radius: 160px;
		        border-radius: 160px;
	-webkit-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
}
*/
header .graf .el2{
	top: 282px;
	left: 155px;
	position: absolute;
	background: #f8981d;
	width: 45px;
	height: 45px;
	-webkit-border-radius: 160px;
		   -moz-border-radius: 160px;
		    -ms-border-radius: 160px;
		        border-radius: 160px;
}
header .graf .el3{
	top: 329px;
	left: 281px;
	position: absolute;
	background: #3f72a1;
	width: 58px;
	height: 58px;
	-webkit-border-radius: 160px;
	   -moz-border-radius: 160px;
	    -ms-border-radius: 160px;
		    border-radius: 160px;
}
header .graf .el4{
	top: 228px;
	left: 380px;
	position: absolute;
	background: #f8981d;
	width: 37px;
	height: 37px;
	-webkit-border-radius: 160px;
		   -moz-border-radius: 160px;
		    -ms-border-radius: 160px;
		        border-radius: 160px;
}
header .graf .el5{
	top: 167px;
	left: 498px;
	position: absolute;
	background: #3f72a1;
	width: 43px;
	height: 43px;
	-webkit-border-radius: 160px;
	   -moz-border-radius: 160px;
	    -ms-border-radius: 160px;
		    border-radius: 160px;
}





.content{
	clear: both;
	overflow: hidden;
	position: relative;
	width: 100%;
}
.content .cntContent{
	overflow: hidden;
	position: relative;
	text-align: justify;
	width: 850px;
	margin: 0 auto;
	margin-bottom: 100px;
	padding: 50px 210px;
}

.content .cntContent h1{
	float: none;
	width: 40%;
	margin: 20px auto;
}


.content .cntContent p{
	margin: 20px 0;
}







footer{
	color: #ffffff;
	font-size: 14px;
	line-height: 28px;
	background: #1a3665;
	width: 100%;
	min-height: 100px;
}

footer div{
	position: relative;
	width: 1270px;
	margin: 0 auto;
}

footer div p{
	float: left;
	display: block;
	width: 40%;
	margin: 35px auto 0 auto;
}





.cntG{
	display: block;
	overflow: hidden;
	width: 100%;
	margin: 100px auto;
}


.bxCntD{
	display: block;
	overflow: hidden;
	position: relative;
	text-align: left;
	width: 90%;
	margin: 100px auto;
}

.bxCntD b{
	color: #1a3665;
	font-family: 'Roboto Condensed Bold', Arial,Tahoma !important;
	font-weight: 100;
	line-height: 24px;
	margin-right: 10px;
	padding: 10px 0;
}
.bxCntD span{
	line-height: 24px;
	padding: 10px 0;
}



.cntCl{
	display: block;
	overflow: hidden;
	width: 100%;
	margin: 100px auto;
}
.cntCl ul{
	overflow: hidden;
	width: 100%;
}
.cntCl ul li{
	overflow: hidden;
	border-bottom: 1px solid #cecece;
	width: 100%;
}
.cntCl ul .cat{
	display: block;
	float: left;
	color: #f8981d;
	font-size: 12px;
	font-family: 'Roboto Condensed Bold', Arial,Tahoma !important;
	font-weight: 100;
	text-align: center;
	width: 6%;
	margin-right: 2%;
	padding: 3px 1%;
}
.cntCl ul .txtDsc{
	display: block;
	float: left;
	font-size: 12px;
	width: 86%;
	padding: 3px 1%;
}






.spL{
	clear: both;
	display: block;
	border-bottom: 1px solid #cecece;
	margin: 20px 0;
}





.left{
	float: left;
	display: block;
}
.right{
	float: right;
	display: block;
}

.clear{
	clear: both;
	display: block;
}





b{
	font-family: 'Roboto Condensed Bold', Arial,Tahoma !important;
	font-weight: 100;
}


i{
	font-style: italic;
}


.small{
	font-size: 12px;
}



.color2{
	color: #f8981d;
}
.color3{
	color: #00a1e4;
}






/* ---------------------------- LINKS ---------------------------- */


a.lnk1:link,a.lnk1:visited {
	color: #f8981d;
	font-family: 'Roboto Condensed Bold', Arial,Tahoma !important;
	font-weight: 100;
	text-decoration: underline;
}
a.lnk1:hover {
	text-decoration: none;
}






a.btnA:link,a.btnA:visited{
	float: left;
	display: block;
	color: #ffffff;
	font-size: 18px;
	font-family: 'Roboto Condensed Bold', Arial,Tahoma !important;
	font-weight: 100;
	line-height: 30px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	background: #9dcb42;
	height: 30px;
	margin: 20px auto;
	padding: 10px 30px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}


a.btnB:link,a.btnB:visited{
	top: 26%;
	right: 0;
	position: absolute;
	display: block;
	color: #f8981d;
	font-size: 18px;
	font-family: 'Roboto Condensed Light', Arial,Tahoma !important;
	font-weight: 100;
	line-height: 20px;
	text-align: center;
	text-decoration: none;
	background: #ffffff;
	border: 1px solid #f8981d;
	padding: 10px 30px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}






a.logo:link,a.logo:visited{
	display: block;
	float: left;
	outline: none;
	text-indent: -9000px;
	text-decoration: none;
	background: url(../lib/logo.png) no-repeat center;
	width: 151px;
	height: 60px;
	margin: 15px 0 0 5px;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}






a.byLogos:link,a.byLogos:visited{
	display: block;
	float: right;
	position: relative;
	overflow: hidden;
	width: 100px;
	height: 30px;
	margin-top: 30px;
}
a.byLogos:hover{
	filter: alpha(opacity=90);
	-moz-opacity: 1.00;
	-khtml-opacity: 1.00;
	opacity: 1.00;
}
a.byLogos ico{
	float: right;
	display: block;
	outline: none;
	text-indent: -9000px;
	text-decoration: none;
	background: url(../lib/powered_logos_a.png) no-repeat right top;
	width: 23px;
	height: 21px;
	-webkit-transition: all .3s;
	   -moz-transition: all .3s;
	    -ms-transition: all .3s;
	     -o-transition: all .3s;
	        transition: all .3s;
}
a.byLogos span{
	float: left;
	display: block;
	outline: none;
	position: absolute;
	z-index: 20;
	text-indent: -9000px;
	text-decoration: none;
	background: url(../lib/powered_logos.png) no-repeat left -9px;
	width: 0;
	height: 0;
	margin: 9px 0 0 78px;
	filter: alpha(opacity=00);
	-moz-opacity: 0.00;
	-khtml-opacity: 0.00;
	opacity: 0.00;
    -webkit-transform: rotate(-145deg);
	   -moz-transform: rotate(-45deg);
	    -ms-transform: rotate(-45deg);
    		transform: rotate(-45deg);
	-webkit-transition: all .3s;
	   -moz-transition: all .3s;
	    -ms-transition: all .3s;
	     -o-transition: all .3s;
	        transition: all .3s;
}

a.byLogos:hover span{
	width: 36px;
	height: 10px;
	margin: 9px 0 0 41px;
	filter: alpha(opacity=100);
	-moz-opacity: 1.00;
	-khtml-opacity: 1.00;
	opacity: 1.00;

    -webkit-transform: rotate(0deg);
	   -moz-transform: rotate(0deg);
	    -ms-transform: rotate(0deg);
    		transform: rotate(0deg);
}
a.byLogos:hover ico{
	background: url(../lib/powered_logos.png) no-repeat right top;
}




.adjPpt,
.adjDoc,
.adjXls,
.adjPdf {
	clear: both;
	display: block;
	float: left;
	color: #264354 !important;
	font-weight: 100;
	line-height: 18px;
	text-align: left;
	text-decoration: none !important;
	width: 70%;
	margin: 5px 0;
	padding: 12px 10px 12px 45px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-ms-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
}
a.adjPpt:link,a.adjPpt:visited {
	background: #ebedef url(../lib/ico_ppt.png) no-repeat 10px 6px;
}
a.adjPpt:hover {
	filter: alpha(opacity=80);
	-moz-opacity: 0.80;
	-khtml-opacity: 0.80;
	opacity: 0.80;
}

a.adjDoc:link,a.adjDoc:visited {
	background: #ebedef url(../lib/ico_doc.png) no-repeat 10px 6px;
}
a.adjDoc:hover {
	filter: alpha(opacity=80);
	-moz-opacity: 0.80;
	-khtml-opacity: 0.80;
	opacity: 0.80;
}

a.adjXls:link,a.adjXls:visited {
	background: #ebedef url(../lib/ico_xls.png) no-repeat 10px 6px;
}
a.adjXls:hover {
	filter: alpha(opacity=80);
	-moz-opacity: 0.80;
	-khtml-opacity: 0.80;
	opacity: 0.80;
}

a.adjPdf:link,a.adjPdf:visited {
	background: #ebedef url(../lib/ico_pdf.png) no-repeat 10px 6px;
}
a.adjPdf:hover {
	filter: alpha(opacity=80);
	-moz-opacity: 0.80;
	-khtml-opacity: 0.80;
	opacity: 0.80;
}





/* ---------------------------- LINKS ---------------------------- */




/* ---------------------------- LISTADOS ---------------------------- */

ul.li01{
	float: left;
	clear: both;
	overflow: hidden;
	margin: 20px 0;
}
ul.li01 li{
	float: left;
	clear: both;
	text-align: justify;
	background: url(../lib/bull1.png) no-repeat left 8px;
	margin: 2px 0;
	padding-left: 16px;
}




ul.li02{

}
ul.li02 li{

}
ul.li02 li a{
	color: #ffffff;
	text-align: left;
	text-decoration: none;
}





/* ---------------------------- LISTADOS ---------------------------- */


/* ---------------------------- TABLAS ---------------------------- */

.tWB{
	width: 90%;
}
.tWM{
	float: left;
	margin-left: 80px !important;
	width: 50%;
}
.tabA{
	clear: both;
	margin: 20px auto;
}
.tabA thead th {
	color: #f8981d;
	font-family: 'Roboto Condensed Bold', Arial,Tahoma !important;
	font-weight: 100;
	line-height: 14px;
	text-align: left;
	padding: 10px 10px 6px 10px;
}

.tabA tbody td {
	text-align: left;
	border-bottom: 1px solid #fde0bb;
	padding: 7px 10px;
}

.tabA tbody td b{
	display: block;
	font-size: 14px;
	line-height: 14px;
}


/* ---------------------------- TABLAS ---------------------------- */



/* ---------------------------- FORMULARIOS ---------------------------- */


.formA fieldset{
	clear: both;
	overflow: hidden;
	font-size: 18px;
	font-family: 'Roboto Condensed Light', Arial, Tahoma, Verdana;
	text-align: center;
	width: 90%;
	margin: 20px auto 50px auto;
	padding: 10px 0;
}

.formA select, input, textarea{
	color: #4c4c4c;
	font-size: 20px;
	line-height: 24px;
	font-family: 'Roboto Condensed Light', Arial, Tahoma, Verdana;
	border: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-border-radius: 8px;
	   -moz-border-radius: 8px;
	        border-radius: 8px;
}

.formA label{
	display: block;
	float: left;
	color: #f8981d;
	font-size: 22px;
	font-family: 'Roboto Condensed Bold', Arial,Tahoma !important;
	font-weight: 100;
	line-height: 24px;
	text-align: left;
	width: 200px;
	margin-right: 25px;
	padding: 10px 0;
}

.formA .labCh{
	color: #666666;
	font-size: 16px;
	line-height: 20px;
	width: 40%;
	padding: 0;
}
.formA .labCh:active{
	color: #000000;
}
.formA .labCh input{
	display: block;
	float: left;
	margin: -3px 10px 0 0;
}

.formA .labDt{
	display: block;
	float: left;
	color: #f8981d;
	line-height: 30px;
	width: 7%;
	padding-top: 8px;
}


.formA input{
	display: block;
	float: left;
	height: 27px;
	padding: 8px;
}
.formA .inpB{
	width: 66%;
}
.formA .inpM{
	width: 40%;
}
.formA .inpS{
	border: 1px solid #e5e5e5;
	width: 90px;
	margin-right: 10px;
}
.formA .inpXS{
	border: 1px solid #e5e5e5;
	width: 40px;
	margin-right: 10px;
}




.formA select{
	display: block;
	float: left;
	cursor: pointer;
	background: #e5e5e5 url(../lib/ar_dwn.png) no-repeat 98% center;
	height: 48px;
	padding: 0px 10px 0px 20px;
}
.formA .selB{
	width: 66%;
}
.formA .selM2{
	width: 60%;
}
/*
.formA .selS{
	width: 20%;
}
.formA .selXS{
	width: 10%;
}
*/

.formA .selS{
	font-size: 16px;
	line-height: 24px;
	border: 1px solid #e5e5e5;
	width: 110px;
	margin-right: 10px;
	padding: 0px 5px;
}
.formA .selXS{
	font-size: 16px;
	line-height: 24px;
	border: 1px solid #e5e5e5;
	width: 70px;
	margin-right: 10px;
	padding: 0px 5px;
}



.formA textarea{
	display: block;
	float: left;
	width: 74%;
	height: 100px;
	padding: 6px 4px;
}


.formA .button{
	float: left;
	cursor: pointer;
	color: #fff;
	font-size: 18px;
	font-weight: 100;
	text-align: center;
	text-transform: uppercase;
	border: none;
	background: #f8981d;
	height: 60px;
	padding: 0 50px;

	-webkit-appearance: none;

	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}
.formA .button:hover{
}


.formA p{
	clear: both !important;
	overflow: hidden;
	position: relative;
	text-align: justify;
	margin: 18px 0 !important;
}



.formA .req{
	border: 1px solid #e84c3d;
}


.formA .icoOk,
.formA .icoAt{
	float: left;
	display: block;
	text-align: center;
	background: #3aa939;
	width: 30px;
	height: 26px;
	margin: 7px 0 0 10px;
	padding-top: 4px;

	-webkit-border-radius: 160px;
	-moz-border-radius: 160px;
	border-radius: 160px;
}
.formA .icoAt{
	background: #e84c3d;
}

.formA .bxEr{
	float: left;
	display: block;
	color: #fff;
	font-size: 12px;
	text-align: center;
	line-height: 36px;
	background: #e84c3d;
	width: 70px;
	height: 41px;
	margin: 2px 0 0 -72px;
	*margin: -6px 0 0 15px;
}




.formA .cntEr{
	float: left;
	display: block;
	overflow: hidden;
	color: #fff;
	font-size: 12px;
	text-align: center;
	line-height: 20px;
	background: #e71844;
	width: 70%;
	padding: 8px 20px 10px 20px;
}


.formA .txtC{
	float: left;
	display: block;
	color: #666666;
	font-size: 12px;
	font-style: italic;
	line-height: 12px;
	width: 80%;
	margin-bottom: 4px;
}
.formA .txtEr{
	float: left;
	display: block;
	color: #ffffff;
	font-size: 12px;
	background: #e84c3d;
	width: 46%;
	padding: 0 1%;
}

.formA .titSc{
	float: left;
	display: block;
	color: #8c8c8c;
	font-size: 16px;
	font-family: 'baltoblack', Arial, Tahoma, Verdana;
	font-weight: lighter;
	text-align: left;
	border-bottom: 1px solid #d1d1d1;
	width: 90%;
	margin-bottom: 10px;
	padding: 5px 0 2px 0;
}
.formA .load{
	float: left;
	display: block;
	background: url(../lib/loading.gif) no-repeat center;
	width: 40px;
	height: 40px;
	margin: 12px 0 0 20px;
}

.formA .btnOff{
	display: block;
	float: left;
	color: #4c4c4c;
	font-size: 18px;
	line-height: 56px;
	text-transform: uppercase;
	background: #e5e5e5;
	height: 60px;
	padding: 0px 50px;
	-webkit-border-radius: 8px;
	   -moz-border-radius: 8px;
	        border-radius: 8px;
}


/* ---------------------------- FORMULARIOS ---------------------------- */

/* ---------------------------- TABLAS ---------------------------- */


.cntTabS{
}


.tabA{
	clear: both;
	font-size: 16px;
	line-height: 22px;
	width: 100%;
	margin: 20px auto;
}
.tabA thead th{
	color: #ffffff;
	font-size: 14px;
	font-family: 'Roboto Condensed Light', Arial, Tahoma, Verdana !important;
	text-align: center;
	text-transform: uppercase;
	background: #f8981d;
	padding: 12px 0;
}

.tabA thead th:first-child{
	max-width: 60px !important;
	-webkit-border-radius: 8px 0px 0px 8px;
	   -moz-border-radius: 8px 0px 0px 8px;
	        border-radius: 8px 0px 0px 8px;
}
.tabA thead th:last-child{
	-webkit-border-radius: 0px 8px 8px 0px;
	   -moz-border-radius: 0px 8px 8px 0px;
	        border-radius: 0px 8px 8px 0px;
}

.tabA tbody tr td:nth-child(2n){
	background: #f2f2f2;
}
.tabA tbody td{
	text-align: center;
	border-bottom: 1px solid #cecece;
	padding: 7px;
}
.tabA tbody td:first-child{
	text-align: left;
	/*max-width: 40px !important;*/
}


/* ---------------------------- TABLAS ---------------------------- */





/* ---------------------------- MEDIA QUERIES ---------------------------- */


@media screen and (min-width:1351px) and (max-width:1440px){

	.wrapper{
		min-width: 320px;
	}







}


@media screen and (min-width:1200px) and (max-width:1350px){

	.wrapper{
		min-width: 320px;
	}





}


/* ---------------------------- TABLET H ---------------------------- */

@media screen and (min-width:921px) and (max-width:1190px){

	.wrapper{
	min-width: 320px;
	}


	header .content{
		width: 28%;
		margin: 30px 8% 0 3%;
	}



	.content .cntContent{
		width: 90%;
		padding: 20px 5%;
	}








	footer div{
		overflow: hidden;
		width: 94%;
	}
	footer div p{
		text-align: left;
		width: 60%;
		margin: 30px 2% 20px 2%;
	}







	.formA fieldset{
		width: 100%;
	}




}


/* ---------------------------- TABLET V ---------------------------- */

@media screen and (min-width:581px) and (max-width:920px){


	.wrapper{
	min-width: 200px;
	}



	header .content{
		position: absolute;
		z-index: 100;
		width: 46%;
		margin: 30px 8% 0 3%;
	}

	header .graf{
	bottom: -15%;
	right: -13%;
	-webkit-transform: scale(0.70);
	   -moz-transform: scale(0.70);
	    -ms-transform: scale(0.70);
	     -o-transform: scale(0.70);
	        transform: scale(0.70);
	}

	header .content img{
		margin-bottom: 40px;
	}





	.content .cntContent{
		width: 92%;
		margin-bottom: 50px;
		padding: 20px 0 0 0;
	}




	footer div{
		overflow: hidden;
		width: 94%;
	}
	footer div p{
		text-align: left;
		width: 58%;
		margin: 30px 0 20px 2%;
	}



	.bxCntD{
		width: 100%;
		margin: 30px auto;
	}
	.bxCntD span{
		font-size: 18px;
	}



	.formA fieldset{
		width: 100%;
	}


	.formA .selS{
		width: 104px;
	}
	.formA .selXS{
		width: 66px;
	}



	.cntTabS{
		width: 100%;
		overflow-y: scroll;
		margin-top: 10px;
	}
	.tabA{
		width: 900px;
	}





}


/* ---------------------------- MOBILE H ---------------------------- */


@media screen and (min-width:321px) and (max-width:580px){



	.wrapper{
		min-width: 200px;
	}



	body {
		font-size: 20px;
		line-height: 24px;
	}



	.wrapper{
		min-width: 200px;
	}


	header{
		overflow: hidden;
		font-size: 20px;
		line-height: 24px;
		height: auto;
	}
	header .content{
		width: 84%;
		margin: 20px 8% 10px 8%;
	}

	header .graf{
		display: none;
	}


	header h1{
		font-size: 40px;
		line-height: 42px;
		margin: 6px 0 20px 0;
	}
	header .content img{
		width: 58%;
		margin-bottom: 30px;
	}



	.content .cntContent{
		width: 80%;
		margin-bottom: 40px;
		padding: 20px 10% 20px 10%;
	}








	footer div{
		overflow: hidden;
		width: 90%;
	}
	footer div p{
		line-height: 20px;
		width: 80%;
		margin: 15px 10% 0 10%;
	}
	footer div .logo{
		display: none !important;
	}





	.cntG{
		width: 100%;
		margin: 40px auto 0 auto;
	}
	.cntG #curve_chart{
		width: 100%;
	}

	.cntG img{
		width: 100%;
	}


	.bxCntD{
		width: 100%;
		margin: 30px auto;
	}
	.bxCntD b{
		display: block;
		width: 100%;
		margin-bottom: -14px;
	}


	a.btnB:link,a.btnB:visited{
		top: 26%;
		right: 0;
		position: relative;
		margin-top: 26px;
		padding: 10px 20px;
	}



	a.byLogos:link,a.byLogos:visited{
		margin-top: 16px;
	}



	.formA fieldset{
		width: 100%;
	}

	.formA label{
		clear: both;
		width: 95%;
		margin-right: 0;
	}

	.formA .labDt{
		width: 80%;
		margin-top: 2px;
		padding-top: 8px;
	}


	.formA .inpS{
		width: 54%;
		margin: 2px 15px 0 0;
	}
	.formA .inpXS{
		margin: 2px 0 0 0;
	}

	.formA .selM2{
		width: 94%;
	}



	.cntTabS{
		width: 100%;
		overflow-y: scroll;
		margin-top: 10px;
	}
	.tabA{
		width: 800px;
	}





}


/* ---------------------------- MOBILE V ---------------------------- */



@media screen and (max-width: 320px) {


	body {
		font-size: 20px;
		line-height: 24px;
	}



	.wrapper{
		min-width: 200px;
	}


	header{
		overflow: hidden;
		font-size: 20px;
		line-height: 24px;
		height: auto;
	}
	header .content{
		width: 84%;
		margin: 20px 8% 10px 8%;
	}

	header .graf{
		display: none;
	}


	header h1{
		font-size: 40px;
		line-height: 42px;
		margin: 6px 0 20px 0;
	}
	header .content img{
		width: 60%;
		margin-bottom: 30px;
	}



	.content .cntContent{
		width: 80%;
		padding: 20px 10%;
	}








	footer div{
		overflow: hidden;
		width: 90%;
	}
	footer div p{
		line-height: 20px;
		width: 80%;
		margin: 15px 10% 0 10%;
	}
	footer div .logo{
		display: none !important;
	}





	.bxCntD{
		width: 100%;
		margin: 30px auto;
	}
	.bxCntD b{
		display: block;
		width: 100%;
		margin-bottom: -14px;
	}

	.cntG{
		width: 100%;
		margin: 40px auto 0 auto;
	}
	.cntG #curve_chart{
		width: 100%;
	}

	.cntG img{
		width: 100%;
	}




	a.btnB:link,a.btnB:visited{
		top: 26%;
		right: 0;
		position: relative;
		margin-top: 26px;
		padding: 10px 20px;
	}




	a.byLogos:link,a.byLogos:visited{
		margin-top: 16px;
	}



	.formA fieldset{
		width: 100%;
	}

	.formA label{
		clear: both;
		width: 95%;
		margin-right: 0;
	}

	.formA .labDt{
		width: 80%;
		margin-top: 1px;
		padding-top: 8px;
	}


	.formA .inpS{
		width: 54%;
		margin: 2px 15px 0 0;
	}
	.formA .inpXS{
		margin: 2px 0 0 0;
	}

	.formA .selM2{
		width: 94%;
	}


	.cntTabS{
		width: 100%;
		overflow-y: scroll;
		margin-top: 10px;
	}
	.tabA{
		width: 800px;
	}





}





/* SIMPLE WYSIWIG */