/* 
INFOBISA - 2014
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: 'SourceSansProRegular';
src: url('../fonts/SourceSansPro-Regular-webfont.eot');
src: url('../fonts/SourceSansPro-Regular-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/SourceSansPro-Regular-webfont.woff') format('woff'),
url('../fonts/SourceSansPro-Regular-webfont.ttf') format('truetype'),
url('../fonts/SourceSansPro-Regular-webfont.svg#SourceSansProRegular') format('svg');
font-weight: normal;
font-style: normal;
}


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

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




body {
color: #003e7e;
font-size: 16px;
font-family: 'SourceSansProLight', Arial, Tahoma, Verdana;
text-align: center;
line-height: 22px;
background: #00aeef;
}





/* MODAL */
.bgMod{
	position:fixed;
	z-index: 10000;
	top:0;
	left:0;
	background: rgba(178, 178, 178, 0.80);
	width: 100%;
	height: 100%;
}
.modA{
	position: absolute;
	color: #4c4c4c;
	font-size: 14px;
	line-height: 20px;
	background: #fff;
	min-width: 600px;
	margin: 120px auto 0 auto !important;
	padding: 20px 30px;
}
.modA h1{
	color: #003e7e;
	font-size: 30px;
	font-weight: 100;
	line-height: 30px;
	text-align: left;
}
.modA h2{
	color: #003e7e;
	font-size: 20px;
	font-weight: 100;
	line-height: 30px;
	text-align: left;
}
.modA p{
	text-align: justify;
	margin: 15px 0;
}

.modA ul {
	float: left;
	margin-left: 40px;
}
.modA ul li{
	text-align: left;
	background: url(../lib/bull1.gif) no-repeat left 5px;
	margin: 10px 0;
	padding-left: 15px;
}
/* MODAL */





h1{
font-size: 42px;
font-family: 'SourceSansProSemibold', Arial, Tahoma, Verdana;
font-weight: 100;
line-height: 42px;
text-align: center;
}

h2{
font-size: 34px;
font-family: 'SourceSansProSemibold', Arial, Tahoma, Verdana;
font-weight: 100;
line-height: 34px;
text-align: left;
text-transform: uppercase;
}

h3{
font-size: 26px;
font-family: 'SourceSansProSemibold', Arial, Tahoma, Verdana;
font-weight: 100;
line-height: 26px;
text-align: left;
}

h4{
font-size: 20px;
font-family: 'SourceSansProSemibold', Arial, Tahoma, Verdana;
font-weight: 100;
line-height: 20px;
text-align: left;
}







#wrapper{
	clear: both;
	width: 100%;
}




.content{
position: relative;
background: #fff url(../lib/bg.jpg) no-repeat top;
width: 960px;
margin: 0 auto;
padding: 10px 0 80px 0;
}

.content iframe{
width: 90%;
height: 500px;
margin: 10px auto;
}

.content h1,
.content h2,
.content h4{
margin: 10px 20px;
}
.content h3{
color: #eab516;
margin: 10px 20px;
}
.content p{
text-align: justify;
margin: 13px 20px;
}


.contHom{
clear: both;
font-size: 32px;
line-height: 34px;
width: 625px;
margin: 50px auto;
}





.contServ{
left: -23px;
z-index: 100;
position: relative;
background: url(../lib/bg_rib_cont.png) no-repeat center;
width: 983px;
height: 186px;
padding: 8px 0 0 23px;
}

.contServ ul {
overflow: hidden;
background: #003e7e;
width: 100%;
height: 186px;
}
.contServ ul li{
float: left;
position: relative;
margin: 7px 14px 0 14px;
}
.contServ ul li a{
float: left;
display: block;
text-decoration: none;
-webkit-transition: all .2s;
-moz-transition: all .2s;
-ms-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
}
.contServ ul li a:hover{
filter: alpha(opacity=80);
-moz-opacity: 0.80;
-khtml-opacity: 0.80;
opacity: 0.80;
-webkit-transform: scale(1.02);
	-moz-transform: scale(1.02);
	-ms-transform: scale(1.02);
	-o-transform: scale(1.02);
	transform: scale(1.02);
}

.contServ ul li img{
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;
}


/* ---------------------------- SLIDER ---------------------------- */

/* CONFIG PAGE */
.swiper-container{
display: none;
	width: 100%;
	height:200px;
	text-align:center;
	background:#003e7e;
}
.swiper-slide{
	width:1550px;
	padding: 10px 20px;
}
.swiper-slide div{
	float:left;
	width:290px;
	height:170px;
	margin: 0 10px;
}
.swiper-scrollbar{
	width:100%;
	height:4px;
	position:absolute;
	left:0;
	bottom:5px;
	z-index:1;
}

.swiper-slide div img{
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;
}

/* CONFIG PAGE */


.swiper-container{
margin:0 auto;
position:relative;
overflow:hidden;
-webkit-backface-visibility:hidden;
-moz-backface-visibility:hidden;
-ms-backface-visibility:hidden;
-o-backface-visibility:hidden;
backface-visibility:hidden;
z-index:1;
}
.swiper-wrapper{
position:relative;
width:100%;
-webkit-transition-property:-webkit-transform,left,top;
-webkit-transition-duration:0s;
-webkit-transform:translate3d(0px,0,0);
-webkit-transition-timing-function:ease;
-moz-transition-property:-moz-transform,left,top;
-moz-transition-duration:0s;
-moz-transform:translate3d(0px,0,0);
-moz-transition-timing-function:ease;
-o-transition-property:-o-transform,left,top;
-o-transition-duration:0s;
-o-transform:translate3d(0px,0,0);
-o-transition-timing-function:ease;
-o-transform:translate(0px,0px);
-ms-transition-property:-ms-transform,left,top;
-ms-transition-duration:0s;
-ms-transform:translate3d(0px,0,0);
-ms-transition-timing-function:ease;
transition-property:transform,left,top;
transition-duration:0s;
transform:translate3d(0px,0,0);
transition-timing-function:ease;
}
.swiper-free-mode>.swiper-wrapper{
-webkit-transition-timing-function:ease-out;
-moz-transition-timing-function:ease-out;
-ms-transition-timing-function:ease-out;
-o-transition-timing-function:ease-out;
transition-timing-function:ease-out;margin:0 auto;
}
.swiper-slide{
float:left;
}
.swiper-wp8-horizontal{
-ms-touch-action:pan-y;
}
.swiper-wp8-vertical{
-ms-touch-action:pan-x;
}
.swiper-container{}
.swiper-slide{}
.swiper-slide-active{}
.swiper-slide-visible{}
.swiper-pagination-switch{}
.swiper-active-switch{}
.swiper-visible-switch{}


/* SCROLLBAR */
.swiper-scrollbar{
display:none;
border-radius:10px;
position:relative;
-ms-touch-action:none;
background:rgba(0,0,0,0.1)
}
.swiper-scrollbar-drag{
height:100%;
width:100%;
position:relative;
background:rgba(0,0,0,0.5);
border-radius:10px;
}
.swiper-scrollbar-cursor-drag{
cursor:move;
}



/* ---------------------------- SLIDER ---------------------------- */

.contIn{
float: right;
overflow: hidden;
text-align: justify;
width: 610px;
margin: 20px 40px 10px 0;
}

.contIn h3{
color: #eab516;
margin: 10px 0;
}
.contIn p{
text-align: justify;
margin: 13px 0;
}
.contIn ul{
margin: 10px 0;
}
.contIn ul li{
text-align: left;
background: url(../lib/bull1.png) no-repeat left 7px;
margin: 1px 0;
padding-left: 12px;
}
.contIn a{
color: #003e7e;
font-weight: 700;
text-decoration: underline;
-webkit-transition: all .4s;
-moz-transition: all .4s;
-ms-transition: all .4s;
-o-transition: all .4s;
transition: all .4s;
}
.contIn a:hover{
text-decoration: none;
filter: alpha(opacity=90);
-moz-opacity: 0.90;
-khtml-opacity: 0.90;
opacity: 0.90;
}




.inf{
float: left;
width: 100%;
margin: 35px 0;
}

.inf ul {
float: left;
width: 100%;
}
.inf ul li{
float: left;
position: relative;
margin: 0 17px;
}
.inf ul li a{
float: left;
display: block;
color: #003e7e;
font-size: 20px;
line-height: 20px;
text-align: left;
text-decoration: none;
background: #ffd204;
width: 245px;
height: 45px;
padding: 20px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;
-webkit-transition: all .2s;
-moz-transition: all .2s;
-ms-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
}
.inf ul li a:hover{
-webkit-transform: scale(1.02);
	-moz-transform: scale(1.02);
	-ms-transform: scale(1.02);
	-o-transform: scale(1.02);
	transform: scale(1.02);
}

.inf ul li img{
float: left;
margin-right: 15px;
}



.ecoInf{
left: -23px;
z-index: 100;
position: relative;
clear: both;
background: url(../lib/pre_rib2.png) no-repeat left;
height: 53px;
}
.ecoInf div{
float: left;
color: #fff;
font-size: 14px;
line-height: 46px;
text-align: left;
background: url(../lib/rib2.png) no-repeat right;
height: 46px;
margin: 7px 0 0 23px;
padding: 0 21px 0 0;
}
.ecoInf div img{
float: left;
margin: 10px 15px 0 15px;
}
.ecoInf div span{
float: left;
}
.ecoInf div p{
float: left;
display: block;
background: #003e7e;
margin: 0;
padding-right: 20px;
}



.contBx{
	float: none;
overflow: hidden;
width: 100%;
margin: 0 auto 20px 0.5%;
}
.contBx div{
float: left;
display: table;
color: #fff;
font-size: 18px;
line-height: 22px;
text-align: left;
width: 29%;
height: 170px;
padding: 10px 2%;
}
.contBx .mDAB{
height: 200px;
}

.contBx div:nth-child(1){
background: #0e447c;
}
.contBx div:nth-child(2){
background: #225487;
}
.contBx div:nth-child(3){
background: #386793;
}
.contBx div:nth-child(4){
background: #fdb152;
line-height: 20px;
}
.contBx div:nth-child(4) b{
line-height: 22px;
}
.contBx div:nth-child(5){
background: #fca942;
}
.contBx div:nth-child(6){
background: #fca137;
}

.contBx div .conTxt{
display: table-cell;
vertical-align: middle;
}
.contBx  .bB{
	display: block;
font-size: 14px;
line-height: 16px !important;
}
.contBx div .small{
font-size: 14px;
line-height: 13px;
}
.contBx  .txt12{
	display: block;
font-size: 11px;
line-height: 12px !important;
}
.contBx div .bxTxt{
display: block;
color: #043c77;
font-size: 11px;
line-height: 12px;
text-align: center;
background: #fff;
margin: 10px 0;
padding: 7px 5px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.contBx div .bxTxtB{
display: block;
color: #043c77;
font-size: 8px;
line-height: 12px;
text-align: center;
background: #fff;
margin: 10px 0;
padding: 7px 5px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}





.pl{
	text-align: left;
	margin: 0 50px;
}


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

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




b{
font-weight: 700;
}

i{
font-style: italic;
}


.small{
font-size: 12px;
}



.color2{
color: #eab516;
}







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


a.lnk1:link,a.lnk1:visited {
color: #fff;
text-decoration: none;
}
a.lnk1:hover {
text-decoration: underline;
}



a.lnkCls2:link,a.lnkCls2:visited {
	position: absolute;
	top: -19px;
	right: -19px;
	display: block;
	outline: none;
	text-indent: -9000px;
	text-decoration: none;
	background: #e84c3d url(../lib/ico_cls3.png) no-repeat center;
	width: 46px;
	height: 46px;

	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-ms-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
}
a.lnkCls2:hover {
}




a.lnbkRib4:link,a.lnbkRib4:visited{
display: block;
float: right;
clear: both;
color: #fff;
text-decoration: none;
background: url(../lib/pre_rib2r.png) no-repeat right;
height: 53px;
margin-right: -23px;
padding-right: 23px;
-webkit-transition: all .3s;
-moz-transition: all .3s;
-ms-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}
a.lnbkRib4 span {
display: block;
float: right;
line-height: 45px;
background: url(../lib/rib2r.png) no-repeat left;
height: 46px;
margin-bottom: 7px;
padding: 0 10px 0 45px;
}
a.lnbkRib4:hover {
-webkit-transform: scale(1.04);
	-moz-transform: scale(1.04);
	-ms-transform: scale(1.04);
	-o-transform: scale(1.04);
	transform: scale(1.04);
}


a.lnkRibHm:link,a.lnkRibHm:visited{
display: block;
float: left;
color: #385f63;
font-size: 13px;
text-decoration: none;
background: url(../lib/pre_rib1.png) no-repeat left;
height: 45px;
margin-left: -23px;
padding-left: 23px;
-webkit-transition: all .4s;
-moz-transition: all .4s;
-ms-transition: all .4s;
-o-transition: all .4s;
transition: all .4s;
}
a.lnkRibHm span {
display: block;
float: left;
line-height: 37px;
background: url(../lib/rib1.png) no-repeat right top;
height: 37px;
padding: 0 25px 7px 5px;
}
a.lnkRibHm img {
float: left;
margin: 10px 10px 0 0;
}
a.lnkRibHm:hover {
-webkit-transform: scale(1.06);
	-moz-transform: scale(1.06);
	-ms-transform: scale(1.06);
	-o-transform: scale(1.06);
	transform: scale(1.06);
}



a.ribMap:link,a.ribMap:visited{
display: block;
float: right;
clear: both;
color: #fff;
font-size: 12px;
text-decoration: none;
text-transform: uppercase;
background: url(../lib/pre_rib2r.png) no-repeat right;
height: 53px;
margin: 35px -23px 0 0;
padding-right: 23px;
-webkit-transition: all .3s;
-moz-transition: all .3s;
-ms-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}
a.ribMap span {
display: block;
float: right;
line-height: 45px;
background: url(../lib/rib2r.png) no-repeat left;
height: 46px;
margin-bottom: 7px;
padding: 0 10px 0 20px;
}
a.ribMap:hover {
-webkit-transform: scale(1.04);
	-moz-transform: scale(1.04);
	-ms-transform: scale(1.04);
	-o-transform: scale(1.04);
	transform: scale(1.04);
}
a.ribMap img {
float: left;
margin: 10px 6px 0 0;
}







a.btnProdS:link,a.btnProdS:visited{
display: block;
position: relative;
z-index: 100;
color: #fff;
font-size: 44px;
font-family: 'SourceSansProSemibold', Arial, Tahoma, Verdana;
font-weight: 100;
line-height: 87px;
text-align: center;
text-decoration: none;
background: #00aeef;
width: 500px;
height: 87px;
margin: 20px auto;
padding: 0 20px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;
-webkit-transition: all .4s;
-moz-transition: all .4s;
-ms-transition: all .4s;
-o-transition: all .4s;
transition: all .4s;
}
a.btnProdS:hover{
-webkit-transform: scale(1.02);
	-moz-transform: scale(1.02);
	-ms-transform: scale(1.02);
	-o-transform: scale(1.02);
	transform: scale(1.02);
}
a.btnProdS span{
display: block;
position: absolute;
right: -23px;
bottom: -7px;
z-index: 100;
background: url(../lib/hand.png) no-repeat;
width: 73px;
height: 68px;
}








a.btnA:link,a.btnA:visited{
	display: block;
	color: #fff;
	font-size: 27px;
	font-family: 'open_sansbold', Arial, Tahoma, Verdana;
	font-weight: 100;
	line-height: 66px;
	text-decoration: none;
	background: #f1ba27;
	width: 255px;
	height: 68px;
	margin: 20px auto;

	-webkit-border-radius: 10px;
	   -moz-border-radius: 10px;
	        border-radius: 10px;

	-webkit-transition: all .3s;
	   -moz-transition: all .3s;
	    -ms-transition: all .3s;
	     -o-transition: all .3s;
	        transition: all .3s;
}
a.btnA:hover {
	-webkit-transform: scale( 1.05, 1.05 );
	   -moz-transform: scale( 1.05, 1.05 );
	    -ms-transform: scale( 1.05, 1.05 );
	     -o-transform: scale( 1.05, 1.05 );
	        transform: scale( 1.05, 1.05 );
}





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;
	width: 190px;
	height: 80px;
	margin: 20px 0 0 35px;
-webkit-transition: all .4s;
-moz-transition: all .4s;
-ms-transition: all .4s;
-o-transition: all .4s;
transition: all .4s;
}
a.logo:hover {
	filter: alpha(opacity=60);
	-moz-opacity: 0.60;
	-khtml-opacity: 0.60;
	opacity: 0.60;
}


a.byLogos:link,a.byLogos:visited{
	display: block;
	float: right;
	outline: none;
	text-indent: -9000px;
	text-decoration: none;
	background: url(../lib/powered_logos.png) no-repeat bottom;
	width: 47px;
	height: 20px;
	filter: alpha(opacity=30);
	-moz-opacity: 0.30;
	-khtml-opacity: 0.30;
	opacity: 0.30;
}
a.byLogos:hover {
background-position: top;
	filter: alpha(opacity=60);
	-moz-opacity: 0.60;
	-khtml-opacity: 0.60;
	opacity: 0.60;
}




.adjFil,
.adjDoc,
.adjXls,
.adjPdf {
clear: both;
display: block;
float: left;
color: #264354 !important;
font-weight: 100 !important;
line-height: 18px;
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.adjFil:link,a.adjFil:visited {
background: #ebedef url(../lib/ico_fil.png) no-repeat 10px 6px;
}
a.adjFil: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.bc {
float: left;
overflow: hidden;
position: relative;
background: url(../lib/pre_rib1b.png) no-repeat left top;
height: 53px;
margin-left: -23px;
}
ul.bc li{
float: left;
overflow: hidden;
color: #fff;
line-height: 45px;
text-align: left;
background: url(../lib/flap2.png) no-repeat right top;
height: 45px;
margin-left: -25px;
padding: 0 23px 8px 5px;
}
ul.bc li:nth-child(1){
position: relative;
z-index: 2000;
}
ul.bc li:nth-child(2){
position: relative;
z-index: 1900;
}
ul.bc li:nth-child(3){
position: relative;
z-index: 1800;
}
ul.bc li:nth-child(4){
position: relative;
z-index: 1700;
}
ul.bc li:nth-child(5){
position: relative;
z-index: 1600;
}
ul.bc li:nth-child(6){
position: relative;
z-index: 1500;
}
ul.bc li:nth-child(7){
position: relative;
z-index: 1400;
}
ul.bc li:nth-child(8){
position: relative;
z-index: 1300;
}
ul.bc li:nth-child(9){
position: relative;
z-index: 1200;
}
ul.bc li:nth-child(10){
position: relative;
z-index: 1100;
}
ul.bc li:nth-child(11){
position: relative;
z-index: 1000;
}
ul.bc li:nth-child(12){
position: relative;
z-index: 900;
}
ul.bc li:first-child{
background: url(../lib/flap1.png) no-repeat right top;
margin: 0 0 0 18px;
}
ul.bc li:first-child a{
color: #003e7e;
background: #ffd204;
padding: 0 10px 0 5px;
}
ul.bc li:first-child a:hover{
color: #6f7e49;
}
ul.bc li:last-child a{
color: #ffd204;
}
ul.bc li:last-child a:hover{
color: #6f7e49;
}

ul.bc li a{
float: left;
display: block;
color: #fff;
text-decoration: none;
background: #003e7e;
height: 45px;
padding: 0 10px 0 40px;
-webkit-transition: all .2s;
-moz-transition: all .2s;
-ms-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
}
ul.bc li a:hover{
color: #c0cfdf;
}
ul.bc li img {
float: left;
margin: 10px 10px 0 0;
}




ul.menIn {
float: left;
clear: both;
width: 300px;
margin: 50px 0 6px -22px;
}
ul.menIn li{
float: left;
overflow: hidden;
font-size: 16px;
font-weight: 700;
text-align: left;
width: 100%;
height: 68px;
margin: 2px 0;
-webkit-transition: all .2s;
-moz-transition: all .2s;
-ms-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
}
ul.menIn li a{
display: block;
float: left;
color: #fff;
text-decoration: none;
background: url(../lib/rib_m2.png) no-repeat left;
width: 95%;
height: 68px;
padding-left: 18px;
-webkit-transition: all .2s;
-moz-transition: all .2s;
-ms-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
}
ul.menIn li a span {
display: block;
float: left;
line-height: 18px;
background: #003e7e;
width: 90%;
height: 39px;
margin-bottom: 9px;
padding: 10px 25px 10px 20px;
}
ul.menIn li:hover{
margin: 2px 0 2px -5px;
-webkit-transform: scale(1.02);
	-moz-transform: scale(1.02);
	-ms-transform: scale(1.02);
	-o-transform: scale(1.02);
	transform: scale(1.02);
}
ul.menIn li a:hover{
}

ul.menIn li .act{
background: url(../lib/rib_m3.png) no-repeat left;
}
ul.menIn li .act span {
background: #ffd204;
}




ul.cat2 {
float: left;
clear: both;
width: 99%;
margin: 0 0 6px 1%;
}
ul.cat2 li{
float: left;
color: #fff;
text-align: center;
margin: 10px 1%;
width: 31%;
height: 184px;
}
ul.cat2 li:nth-child(3){
margin-right: 0;
}
ul.cat2 h3{
color: #f4ca28;
font-size: 20px;
text-align: center;
margin-bottom: 15px;
}
ul.cat2 li a{
float: left;
display: block;
color: #fff;
text-decoration: none;
background: #003e7e;
width: 96%;
height: 134px;
padding: 25px 2%;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-transition: all .2s;
-moz-transition: all .2s;
-ms-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
}
ul.cat2 li a:hover{
-webkit-transform: scale(1.02);
	-moz-transform: scale(1.02);
	-ms-transform: scale(1.02);
	-o-transform: scale(1.02);
	transform: scale(1.02);
}





ul.docAdj {
float: left;
position: relative;
width: 100%;
margin: 5px 0 0 0;
}
ul.docAdj li{
float: left;
color: #003e7e;
background: none;
border-bottom: 1px solid #d3d3d7;
text-align: left;
width: 100%;
margin: 0;
padding: 0;
}
ul.docAdj li a{
float: left;
display: block;
overflow: hidden;
color: #003e7e;
font-weight: 100;
text-decoration: none;
width: 98%;
padding: 6px 1%;
-webkit-transition: all .2s;
-moz-transition: all .2s;
-ms-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
}
ul.docAdj li a:hover{
background: #f1f1f1;
	filter: alpha(opacity=60);
	-moz-opacity: 0.60;
	-khtml-opacity: 0.60;
	opacity: 0.60;
}
ul.docAdj li img{
float: left;
margin-right: 10px;
}
ul.docAdj li .small{
line-height: 12px;
}




ul.news {
float: left;
position: relative;
width: 100%;
margin: 5px 0;
padding: 0;
}
ul.news li{
float: left;
color: #003e7e;
background: none;
border-bottom: 1px solid #d3d3d7;
text-align: left;
width: 100%;
margin: 0;
padding: 10px 0;
}
ul.news li a{
display: block;
color: #003e7e;
font-weight: 100;
text-decoration: none;
-webkit-transition: all .2s;
-moz-transition: all .2s;
-ms-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
}
ul.news li a:hover{
	filter: alpha(opacity=60);
	-moz-opacity: 0.60;
	-khtml-opacity: 0.60;
	opacity: 0.60;
}
ul.news li img{
float: left;
margin-right: 10px;
}
ul.news li .cat{
color: #ffd204;
font-size: 14px;
text-transform: uppercase;
}




ul.list2 {
float: left;
position: relative;
width: 100%;
}
ul.list2 li{
float: left;
overflow: hidden;
color: #003e7e;
background: none;
border-bottom: 1px solid #d3d3d7;
text-align: left;
width: 100%;
margin: 0;
padding: 7px 0 3px 0;
}
ul.list2 li a{
color: #003e7e;
font-weight: 100;
text-decoration: none;
-webkit-transition: all .2s;
-moz-transition: all .2s;
-ms-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
}
ul.list2 li a:hover{
-webkit-transition: all .2s;
-moz-transition: all .2s;
-ms-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
}
ul.list2 li a:hover{
	filter: alpha(opacity=60);
	-moz-opacity: 0.60;
	-khtml-opacity: 0.60;
	opacity: 0.60;
}
ul.list2 .btnV{
float: right;
display: block;
color: #fff;
background: #003e7e;
margin: 10px 30px  !important;
padding: 10px 20px;
}





ul.list2B {
float: left;
position: relative;
width: 94%;
margin: 10px 3%;
}
ul.list2B li{
float: left;
overflow: hidden;
color: #003e7e;
background: none;
border-bottom: 1px solid #d3d3d7;
text-align: left;
width: 100%;
margin: 0;
padding: 7px 0 3px 0;
}
ul.list2B li a{
color: #003e7e;
font-weight: 100;
text-decoration: none;
-webkit-transition: all .2s;
-moz-transition: all .2s;
-ms-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
}
ul.list2B li a:hover{
	filter: alpha(opacity=60);
	-moz-opacity: 0.60;
	-khtml-opacity: 0.60;
	opacity: 0.60;
}
ul.list2B .btnV{
float: right;
display: block;
color: #fff;
background: #003e7e;
margin: 15px 0 15px 30px  !important;
padding: 10px 20px;
}





/* PAGINADOR */

ul.pag {
float: right !important;
clear: both;
width: auto !important;
margin: 25px !important;
}
ul.pag li{
float: left !important;
clear: none !important;
background-image: none !important;
width: auto !important;
margin: 0 2px !important;
padding: 0 !important;
}
ul.pag li a{
float: left;
color: #003e7e;
text-decoration: none !important;
text-align: center;
margin: 0 !important;
padding: 0 4px !important;
}
ul.pag li a:hover{
color: #aeaca9;
}
ul.pag li .pagAct{
color: #fff;
background: #003e7e;
}
ul.pag li .txtL{
color: #003e7e !important;
text-decoration: underline !important;
}





ul.vid {
overflow: hidden;
clear: both;
position: relative;
margin: 15px 0 10px 0;
padding: 0;
}
ul.vid li{
float: left;
overflow: hidden;
color: #fff;
background: none;
line-height: 16px;
text-align: justify;
width: 44%;
height: 145px;
margin: 5px 3%;
-webkit-transition: all .2s;
-moz-transition: all .2s;
-ms-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
}
ul.vid li a{
display: block;
color: #003e7e;
text-decoration: none;
}
ul.vid li:hover{
-webkit-transform: scale(1.04);
	-moz-transform: scale(1.04);
	-ms-transform: scale(1.04);
	-o-transform: scale(1.04);
	transform: scale(1.04);
}
ul.vid li .bxIcoV{
float: left;
display: block;
background: #f1f1f1 url(../lib/ico_vid.png) no-repeat center;
border: 1px solid #e8e8ea;
width: 100px;
height: 85px;
margin: 10px 15px 10px 0;
}
ul.vid li .bxIcoI{
float: left;
display: block;
background: #f1f1f1 url(../lib/ico_pic.png) no-repeat center;
border: 1px solid #e8e8ea;
width: 100px;
height: 85px;
margin: 10px 15px 10px 0;
}
ul.vid li b{
line-height: 20px;
}





ul.liAgn {
overflow: hidden;
clear: both;
position: relative;
margin: 15px auto 10px auto;
padding: 0;
}
ul.liAgn li{
float: left;
overflow: hidden;
color: #003e7e;
background: none;
line-height: 16px;
text-align: justify;
width: 28%;
height: 40px;
margin: 5px 2%;
-webkit-transition: all .2s;
-moz-transition: all .2s;
-ms-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
}
ul.liAgn li a{
display: block;
color: #003e7e;
text-decoration: none;
}
ul.liAgn li b{
line-height: 20px;
}





ul.cat3B {
clear: both;
margin: 4px auto;
}
ul.cat3B li{
float: left;
color: #fff;
font-size: 18px;
text-align: center;
margin: 10px 50px;
width: 385px;
height: 100px;
}
ul.cat3B li:nth-child(2),
ul.cat3B li:nth-child(4),
ul.cat3B li:nth-child(6),
ul.cat3B li:nth-child(8),
ul.cat3B li:nth-child(10),
ul.cat3B li:nth-child(12),
ul.cat3B li:nth-child(14){
margin-right: 0;
}
ul.cat3B h3{
margin-bottom: 5px;
}
ul.cat3B li a{
float: left;
display: block;
color: #f4ca28;
font-size: 22px;
font-family: 'SourceSansProSemibold', Arial, Tahoma, Verdana;
font-weight: 100;
line-height: 70px;
text-align: center;
text-decoration: none;
background: #003e7e;
width: 345px;
height: 70px;
padding: 15px 20px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-transition: all .2s;
-moz-transition: all .2s;
-ms-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
}
ul.cat3B li a:hover{
-webkit-transform: scale(1.06);
	-moz-transform: scale(1.06);
	-ms-transform: scale(1.06);
	-o-transform: scale(1.06);
	transform: scale(1.06);
}









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






/* FORM 1 */

.formA fieldset{
clear: both;
overflow: hidden;
color: #003e7e;
font-family: 'robotolight', Arial, Tahoma, Verdana;
text-align: center;
width: 90%;
margin: 10px auto 30px auto;
}
.formA select, input, textarea, checkbox{
color: #003e7e;
font-size: 14px;
font-family: 'robotolight', Arial, Tahoma, Verdana;
border: 1px solid #d1d1d1;
-webkit-border-radius: 4px !important;
-moz-border-radius: 4px !important;
border-radius: 4px !important;
}
.formA .contSec{
float: left;
display: block;
position: relative;
border: 1px solid #f2f2f2;
background: #fff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;

width: 600px;
padding: 15px 200px 15px 35px;
}
.formA .contSecB{
float: left;
display: block;
position: relative;
border: 1px solid #f2f2f2;
background: #fff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;

width: 750px;
padding: 15px 50px 15px 35px;
}
.formA .contSecB2{
float: left;
display: block;
position: relative;
border: 1px solid #f2f2f2;
background: #fff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;

width: 800px;
padding: 10px 20px 10px 10px;
}
.formA .contSecB2 p{
margin: 2px 0 10px 0 !important;
}
.formA .contSecC{
float: left;
display: block;
position: relative;
border-bottom: 1px solid #f2f2f2;
width: 800px;
padding: 10px 20px 10px 10px;
}
.formA .contSecC p{
margin: 2px 0 10px 0 !important;
}
.formA label{
display: block;
float: left;
line-height: 20px;
text-align: left;
width: 240px;
padding: 8px 10px 8px 0;
}
.formA .labB{
display: block;
float: left;
line-height: 16px;
text-align: left;
width: 550px;
padding: 8px 30px 8px 0;
}
.formA .labB2{
display: block;
float: left;
font-size: 14px;
line-height: 16px;
text-align: left;
width: 450px;
padding: 8px 10px 8px 0;
}
.formA .labB3{
display: block;
float: left;
font-size: 14px;
line-height: 16px;
text-align: left;
width: 460px;
padding: 8px 0;
}
.formA .labPr{
display: block;
float: left;
font-size: 16px;
font-family: 'robotobold', Arial, Tahoma, Verdana;
font-weight: 100;
line-height: 22px;
text-align: left;
width: 25px;
padding: 8px 2px 8px 0;
}
.formA .labC{
display: block;
float: left;
line-height: 16px;
text-align: left;
width: 65px;
margin-left: 20px;
padding: 8px 10px 8px 0;
}
.formA .labC2{
display: block;
float: left;
line-height: 16px;
text-align: left;
width: 40px;
padding: 8px 10px 8px 0;
}
.formA .labD{
display: block;
float: left;
line-height: 16px;
text-align: left;
width: 125px;
margin-left: 30px;
padding: 8px 20px 8px 0;
}
.formA .labN{
width: 240px;
}
.formA select{
display: block;
float: left !important;
width: 345px;
height: 34px;
padding: 6px;
}
.formA .selB{
display: block;
float: left !important;
/*font-size: 16px;
font-family: 'robotobold', Arial, Tahoma, Verdana;*/
font-weight: 100;
width: 120px;
height: 34px;
padding: 6px;
}
.formA .selB2{
display: block;
float: left !important;
width: 176px;
height: 34px;
padding: 6px;
}
.formA .selB3{
display: block;
float: left !important;
/*font-size: 16px;
font-family: 'robotobold', Arial, Tahoma, Verdana;*/
font-weight: 100;
width: 152px;
height: 34px;
padding: 6px;
}
.formA .selC{
display: block;
float: left !important;
width: 63px;
height: 34px;
padding: 6px;
}
.formA .selD{
display: block;
float: left !important;
width: 112px;
height: 34px;
margin: 0 15px;
padding: 6px;
}
.formA .selE{
display: block;
float: left !important;
width: 73px;
height: 34px;
padding: 6px;
}
.formA .selF{
display: block;
float: left !important;
/*font-family: 'robotobold', Arial, Tahoma, Verdana;*/
width: 53px;
height: 34px;
margin-right: 5px;
padding: 6px 2px;
}

.formA .inpB{
display: block;
float: left;
width: 333px;
height: 22px;
padding: 6px;
}
.formA .inpB2{
display: block;
float: left;
width: 305px;
height: 22px;
padding: 6px;
}
.formA .inpC{
display: block;
float: left;
width: 163px;
height: 22px;
padding: 6px;
}
.formA .inpC2{
display: block;
float: left;
font-size: 16px;
font-family: 'robotobold', Arial, Tahoma, Verdana;
font-weight: 100;
width: 110px;
height: 22px;
padding: 6px;
}
.formA .inpC3{
display: block;
float: left;
font-size: 16px;
font-family: 'robotobold', Arial, Tahoma, Verdana;
font-weight: 100;
width: 110px;
height: 22px;
padding: 6px;
}
.formA .inpD{
display: block;
float: left;
width: 78px;
height: 22px;
padding: 6px;
}
.formA .inpE{
display: block;
float: left;
width: 60px;
height: 22px;
margin-right: 5px;
padding: 6px;
}
.formA .inpF{
display: block;
float: left;
font-size: 16px;
font-family: 'robotobold', Arial, Tahoma, Verdana;
font-weight: 100;
width: 95px;
height: 22px;
padding: 6px;
}

.formA .chkbxA{
display: block;
float: left;
margin: 12px 10px 20px 0;
}

.formA .req{
border: 1px solid #ff015b;
}
.formA .button{
float: right;
cursor: pointer;
color: #fff;
font-size: 16px;
font-family: 'robotobold', Arial, Tahoma, Verdana;
font-weight: 100;
text-align: center;
border: none;
background: #ffa813;
height: 51px;
margin-top: 10px;
padding: 15px 50px;
-webkit-appearance: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
.formA .button:hover{
filter: alpha(opacity=80);
-moz-opacity: 0.80;
-khtml-opacity: 0.80;
opacity: 0.80;
}

.formA .buttonB{
display: inline-block !important;
cursor: pointer;
color: #fff;
font-size: 16px;
font-family: 'robotobold', Arial, Tahoma, Verdana;
font-weight: 100;
text-align: center;
border: none;
background: #003e7e url(../lib/ico_solicitud.png) no-repeat 25px center;
height: 65px;
margin: 10px auto 0 300px !important;
padding: 15px 50px 15px 70px;
-webkit-appearance: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
.formA .buttonB:hover{
filter: alpha(opacity=80);
-moz-opacity: 0.80;
-khtml-opacity: 0.80;
opacity: 0.80;
}
.formA .buttonC{
float: right;
cursor: pointer;
color: #fff;
font-size: 18px;
font-family: 'robotobold', Arial, Tahoma, Verdana;
font-weight: 100;
text-align: center;
border: none;
background: #ffa813;
margin-top: 10px;
padding: 15px 50px;
-webkit-appearance: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
.formA .buttonC:hover{
filter: alpha(opacity=80);
-moz-opacity: 0.80;
-khtml-opacity: 0.80;
opacity: 0.80;
}


.formA .buttonD{
display: block;
cursor: pointer;
color: #fff;
font-size: 22px;
font-family: 'robotobold', Arial, Tahoma, Verdana;
font-weight: 100;
text-align: center;
border: none;
background: #ffa813 url(../lib/ico_hom.png) no-repeat 20px center;
height: 87px;
margin: 10px auto 0 auto;
padding: 15px 60px 15px 90px;
-webkit-appearance: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
.formA .buttonD:hover{
filter: alpha(opacity=80);
-moz-opacity: 0.80;
-khtml-opacity: 0.80;
opacity: 0.80;
}



.formA .btnA{
	display: block;
	cursor: pointer;
	color: #fff;
	font-size: 27px;
	font-family: 'open_sansbold', Arial, Tahoma, Verdana;
	font-weight: 100;
	line-height: 66px;
	text-decoration: none;
	border: 0;
	background: #f1ba27;
	width: 255px;
	height: 68px;
	margin: 20px auto;

	-webkit-border-radius: 10px;
	   -moz-border-radius: 10px;
	        border-radius: 10px;

	-webkit-transition: all .3s;
	   -moz-transition: all .3s;
	    -ms-transition: all .3s;
	     -o-transition: all .3s;
	        transition: all .3s;
}
.formA .btnA:hover {
	-webkit-transform: scale( 1.05, 1.05 );
	   -moz-transform: scale( 1.05, 1.05 );
	    -ms-transform: scale( 1.05, 1.05 );
	     -o-transform: scale( 1.05, 1.05 );
	        transform: scale( 1.05, 1.05 );
}



.formA p{
clear: both !important;
position: relative;
text-align: center;
margin: 2px 0 !important;
padding: 8px 0;
}
.formA .bxRc{
display: block;
position: absolute;
top: 9px;
right: 4px;
clear: both;
color: #fff;
font-size: 10px;
text-align: center;
line-height: 24px;
background: #fa005c;
height: 24px;
padding: 5px 15px;
border-radius: 0 4px 4px 0;
-webkit-border-radius: 0 4px 4px 0;
-moz-border-radius: 0 4px 4px 0;
}
.formA .bxRcB{
display: block;
position: absolute;
top: 6px;
right: 164px;
clear: both;
color: #fff;
font-size: 12px;
text-align: center;
line-height: 24px;
background: #fa005c;
height: 24px;
padding: 5px 15px;
border-radius: 0 4px 4px 0;
-webkit-border-radius: 0 4px 4px 0;
-moz-border-radius: 0 4px 4px 0;
}
.formA a.lnk1:link,a.lnk1:visited{
display: block;
float: left;
font-size: 12px;
margin: 10px 0 0 10px;
}


.formA h5{
display: block;
float: left;
color: #fff;
text-align: left;
background: #ffd204;
min-width: 170px;
margin: 0px;
padding: 13px 15px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
/*.formA a.icoHlp:link,a.icoHlp:visited{
margin: 10px 0 0 6px;
}*/

.formA .cant{
display: block;
float: left;
font-size: 12px;
font-family: 'robotobold', Arial, Tahoma, Verdana;
font-weight: 100;
margin: 10px 0 0 10px;
}

.formA .mssEr{
color: #f92a2a;
font-size: 18px;
font-weight: 100;
line-height: 24px;
text-align: center;
padding: 20px 0 10px 0;
}

.formA .mssErB{
display: block;
color: #fff;
font-size: 12px;
text-align: center;
line-height: 24px;
background: #fa005c;
height: 24px;
padding: 5px 15px;
}

.formA .txtInfA{
float: right;
display: block;
font-size: 12px;
line-height: 14px;
text-align: left;
width: 95px;
}

.formA .txtInfA2{
float: right;
display: block;
font-size: 10px;
line-height: 14px;
text-align: left;
width: 120px;
margin: 5px -130px 0 0;
}

.formA .txtDs{
display: block;
float: left;
font-size: 12px;
line-height: 14px;
margin: 5px 0 0 250px;
}



.formA .contCntB{
float: left;
display: block;
width: 37px;
height: 37px;
margin-right: 10px;
}

.formA .contCnt{
float: left;
display: block;
background: #ffcf0e;
width: 37px;
height: 37px;
margin-right: 10px;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
}

.formA .contCnt span{
display: block;
color: #fff;
font-size: 18px;
text-align: center;
line-height: 30px;
background: #ffcf0e;
border: 2px solid #fff;
width: 31px;
height: 31px;
margin: 1px auto;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
}





/* TOOLTIP UI */

.ui-tooltip, .arrow:after {
background: #fff !important;
border-radius: 0 !important;
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
box-shadow: 0 !important;
-webkit-box-shadow: 0 !important;
-moz-box-shadow: 0 !important;
}
.ui-tooltip {
color: #264354;
font-size: 14px !important;
font-family: 'SourceSansProLight', Arial, Tahoma, Verdana;
font-weight: 100;
line-height: 18px !important;
text-align: left;
border: 8px solid #ffd204 !important;
width: 500px;
padding: 10px 20px;
border-radius: 0 !important;
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
box-shadow:  none !important;
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
}

/* TOOLTIP UI */
	



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


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

	#wrapper{
	min-width: 320px;
	}
	
	.content{
	overflow: hidden;
	width: 100%;
	}
	
	.contHom{
	clear: both;
	font-size: 30px;
	line-height: 32px;
	width: 80%;
	margin: 30px auto;
	}
	
	.contIn{
	float: none;
	clear: both;
	width: 94%;
	margin: 20px auto;
	}

	
	
	a.btnProdS:link,a.btnProdS:visited{
	font-size: 40px;
	line-height: 80px;
	width: 80%;
	height: 80px;
	margin: 20px auto;
	padding: 0 3%;
	}
	
	
	
	.inf{
	float: left;
	width: 100%;
	margin: 10px 0;
	}
	.inf ul li{
	float: none;
	overflow: hidden;
	clear: both;
	width: 80%;
	margin: 6px auto;
	}
	.inf ul li a{
	font-size: 17px;
	line-height: 18px;
	width: 96%;
	height: 40px;
	padding: 10px 2%;
	}
	.inf ul li img{
	-webkit-transform: scale(0.90);
	-moz-transform: scale(0.90);
	-ms-transform: scale(0.90);
	-o-transform: scale(0.90);
	transform: scale(0.90);
	}
	.inf ul span{
	display: block;
	margin-top: 3px;
	}
	
	
	.contServ{
	left: 0;
	overflow: hidden;
	width: 100%;
	padding: 8px 0;
	}
	.contServ ul li{
	margin: 7px 40px 0 40px;
	}
	

	.ecoInf{
	left: -23px;
	clear: both;
	width: 100%;
	height: 53px;	
	}
	.ecoInf div img{
	float: left;
	margin: 10px 10px 0 10px;
	}
	
	.contServ ul{
		display: none;
	}
	
	.swiper-container{
	display: block;
	width:100%;
	height:200px;
	text-align:center;
}
	.swiper-slide div{
		margin: 2px 25px;
	}

	a.btnProdS span{
	bottom: -10px;
	-webkit-transform: scale(0.90);
		-moz-transform: scale(0.90);
		-ms-transform: scale(0.90);
		-o-transform: scale(0.90);
		transform: scale(0.90);
	}
	
	ul.cat2 {
	width: 90%;
	margin: 6px 5%;
	}
	ul.cat2 li{
	width: 48%;
	height: 184px;
	margin: 6px 1%;
	}	
	
	ul.menIn {
	float: none;
	clear: both;
	overflow: hidden;
	width: 94%;
	margin: 30px auto 20px auto;
	}
	ul.menIn li{
	text-align: center;
	width: 20%;
	height: auto;
	margin: 2px 0;
	}
	ul.menIn li a{
	background: none;
	width: 100%;
	height: auto;
	padding-left: 0;
	}
	ul.menIn li a span {;
	line-height: 14px !important;
	width: 96%;
	height: auto;
	min-height: 30px;
	margin-bottom: 0;
	padding: 10px 2%;
	}
	ul.menIn li:hover{
	margin: 2px 0;
	}
	ul.menIn li .act{
	background: none;
	}

}


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

	#wrapper{
	min-width: 200px;
	}
	
	.content{
	overflow: hidden;
	width: 100%;
	padding: 30px 0 20px 0;
	}



	
	a.lnkRibHm:link,a.lnkRibHm:visited{
	display: none;
	}
	
	a.ribMap:link,a.ribMap:visited{
	position: relative;
	right: -145px;
	margin: 0;
	}

	a.logo:link,a.logo:visited{
		margin: -10px 0 0 25px;
	}
	
	.contHom{
	clear: both;
	font-size: 18px;
	line-height: 20px;
	width: 96%;
	margin: 20px auto;
	}
	
	.content iframe{
	height: 220px;
	}


	.contIn{
	float: none;
	clear: both;
	width: 90%;
	margin: 20px auto;
	}

	
	a.btnProdS:link,a.btnProdS:visited{
	font-size: 30px;
	letter-spacing: -2px;
	line-height: 60px;
	width: 92%;
	height: 60px;
	margin: 10px auto;
	padding: 0 2%;
	}
	a.btnProdS span{
	-webkit-transform: scale(0.80);
	-moz-transform: scale(0.80);
	-ms-transform: scale(0.80);
	-o-transform: scale(0.80);
	transform: scale(0.80);
	}
	
	
	
	.contServ{
	left: 0;
	overflow: hidden;
	width: 100%;
	height: 165px;
	padding: 5px 0;
	}
	
	.contServ ul{
		display: none;
	}
	

	.swiper-container{
	display: block;
	width:100%;
	height:165px;
	}
	
.swiper-slide{
	width:1550px;
	padding: 0;
}
	.swiper-slide div{
		float:left;
		width:250px;
		height:170px;
		margin: -3px 10px 0 -5px;
	-webkit-transform: scale(0.80);
	-moz-transform: scale(0.80);
	-ms-transform: scale(0.80);
	-o-transform: scale(0.80);
	transform: scale(0.80);
	}

	/*
	.contServ ul{
	overflow: hidden;
	}
	.contServ ul li{
	float: left;
	clear: none;
	width: 70%;
	height: 160px;
	margin: 0 5px;
	}
	.contServ ul li img{
	-webkit-transform: scale(0.80);
	-moz-transform: scale(0.80);
	-ms-transform: scale(0.80);
	-o-transform: scale(0.80);
	transform: scale(0.80);
	}
	*/
	
	.inf{
	float: left;
	width: 100%;
	margin: 10px 0;
	}
	.inf ul li{
	float: none;
	overflow: hidden;
	clear: both;
	width: 90%;
	margin: 6px auto;
	}
	.inf ul li a{
	font-size: 17px;
	line-height: 18px;
	width: 90%;
	height: 40px;
	padding: 10px 5%; 
	}
	.inf ul li img{
	-webkit-transform: scale(0.90);
	-moz-transform: scale(0.90);
	-ms-transform: scale(0.90);
	-o-transform: scale(0.90);
	transform: scale(0.90);
	}	
	.inf ul span{
	display: block;
	margin-top: 5px;
	}

	.ecoInf{
	display: none;
	clear: both;
	overflow: hidden;
	width: 100%;
	height: 120px;
	margin: 40px 0 20px 0;	
	}
	.ecoInf div{
	overflow: hidden;
	font-size: 12px;
	line-height: 30px;
	background: none;
	width: 100%;
	height: 120px;
	margin: 0 0 0 23px;
	}
	.ecoInf div img{
	clear: left;
	margin: 3px 5px;
		-webkit-transform: scale(0.80);
		-moz-transform: scale(0.80);
		-ms-transform: scale(0.80);
		-o-transform: scale(0.80);
		transform: scale(0.80);
	}
	.ecoInf div p{
	width: 99%;
	padding: 7px 20px 7px 0;
	}

	a.btnProdS span{
right: -23px;
bottom: -15px;
	-webkit-transform: scale(0.70);
		-moz-transform: scale(0.70);
		-ms-transform: scale(0.70);
		-o-transform: scale(0.70);
		transform: scale(0.70);
	}
	
	

	ul.bc {
	margin-top: -15px;
	margin-bottom: 15px;
	}
	ul.bc li{
	display: none;
	}
	ul.bc li:nth-child(1){
	display: block;
	}



	ul.cat2 {
	width: 90%;
	margin: 6px 5%;
	}
	ul.cat2 li{
	width: 100%;
	height: 184px;
	margin: 5px 0;
	}
	
	
	ul.menIn {
	float: none;
	clear: both;
	overflow: hidden;
	width: 94%;
	margin: 30px auto;
	}
	ul.menIn li{
	text-align: center;
	width: 100%;
	height: auto;
	margin: 2px 0;
	}
	ul.menIn li a{
	background: none;
	width: 100%;
	height: auto;
	padding-left: 0;
	}
	ul.menIn li a span {
	line-height: 20px !important;
	width: 96%;
	height: auto;
	min-height: 30px;
	margin-bottom: 0;
	padding: 10px 2%;
	}
	ul.menIn li:hover{
	margin: 2px 0;
	}
	ul.menIn li .act{
	background: none;
	}
	
		
	ul.vid {
	width: 94%;
	margin: 10px auto;
	}
	ul.vid li{
	clear: both;
	width: 100%;
	height: auto;
	margin: 0 0 15px 0;
	}
	ul.vid li .bxIcoV{
	clear: both;
	width: 100%;
	height: 140px;
	margin: 0 0 10px 0;
	}
	ul.vid li .bxIcoI{
	clear: both;
	width: 100%;
	height: 140px;
	margin: 0 0 10px 0;
	}
	ul.vid li:hover{
	color: #000 !important;
	-webkit-transform: scale(1.00);
		-moz-transform: scale(1.00);
		 -ms-transform: scale(1.00);
		  -o-transform: scale(1.00);
		     transform: scale(1.00);
	filter: alpha(opacity=80);
	-moz-opacity: 0.80;
	-khtml-opacity: 0.80;
	opacity: 0.80;
	}

	
}



	
	
/* SIMPLE WYSIWIG */