/* 
	V11 - 12/07/2020
	CIPLA - 2018
	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: 'Quicksand-Bold';
    src: url('../fonts/Quicksand-Bold.eot');
    src: url('../fonts/Quicksand-Bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Quicksand-Bold.woff2') format('woff2'),
         url('../fonts/Quicksand-Bold.woff') format('woff'),
         url('../fonts/Quicksand-Bold.ttf') format('truetype'),
         url('../fonts/Quicksand-Bold.svg#Quicksand-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

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


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


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




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






body {
	color: #4c4c4c;
	font-size: 16px;
	font-family: 'robotolight', Arial, Tahoma, Verdana;
	text-align: center;
	line-height: 24px;
	background: #ffffff;
	height: 100%;
}



h1,h2,h3,h4,h5,h6{
	font-family: 'Submariner', Arial,Tahoma;
	font-weight: 100;
}



h1{
	font-size: 48px;
	line-height: 44px;
	text-align: center;
}

h2{
	font-size: 44px;
	line-height: 44px;
	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=90);
	-moz-opacity: 0.90;
	-khtml-opacity: 0.90;
	opacity: 0.90;
}





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




header{
	top: 0;
	left: 0;
	z-index: 100;
	position: absolute !important;
	width: 100%;
	height: 140px;
}
header .cntHeader{
	overflow: hidden;
	position: relative;
	width: 1310px;
	margin: 0 auto;
}





nav{
    float: right;
    font-family: 'Quicksand', Arial, Tahoma, Verdana;
    text-transform: uppercase;
    width: 100%;
}
nav ul {
	float: right;
    overflow: hidden;
    color: #2a5465;
    font-size: 14px;
    line-height: 18px;
    margin: 25px auto 0 auto;
}
nav ul li{
    float: left;
    margin: 5px 10px 0 10px;
}
nav ul li a{
    position: relative;
    display: inline-block;
    color: #2a5465;
    text-align: left;
    text-decoration: none;
    border-bottom: 0px solid #2a5465;
    padding: 10px 20px;

    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}
nav ul li a:hover{
    border-bottom: 1px solid #2a5465;
}
nav ul a.act{
    font-size: 16px;
    font-family: 'Quicksand-Bold', Arial, Tahoma, Verdana;
    font-weight: 100;
    border-bottom: 5px solid #2a5465;
}
nav ul .close{
    display: none;
}

nav ul .ds_mb{
    display: none;
}

nav ul li:last-child{
    float: right;
    padding: 0 0 0 20px !important;
}

nav ul li .fbk{
    display: block;
    outline: none;
    text-indent: -9000px;
    text-decoration: none;
    background: url(../lib/ico_facebook.png) no-repeat center;
    background-size: 100%;
    border: 0 !important;
    width: 44px;
    height: 44px;
    margin-top: -4px;
    padding: 0 !important;
    -webkit-transition: all .3s;
       -moz-transition: all .3s;
        -ms-transition: all .3s;
         -o-transition: all .3s;
            transition: all .3s;
}



.banner{
    position: relative;
    overflow: hidden;
    background: #ffffff;
    width: 100%;
    min-height: 300px;
}
.banner .cntBanner{
    overflow: hidden;
    position: relative;
    color: #ffffff;
    min-height: 300px;
    margin: 0 auto;
}

.banner .cntBanner ul{
    float: left;
    width: 100%;
    height: auto;
}
.banner .cntBanner ul li{
    float: left;
    position: relative;
    color: #ffffff;
    width: 100%;
    height: auto;
}
.banner .cntBanner li a{
    display: block;
    width: 100%;
    height: auto;
}

.banner img{
    display: block;
    width: 100%;
}

.banner .cntBanner .titulo-desc{
    z-index: 10;
    top: 42%;
    left: 50%;
    position: absolute;
    font-size: 72px;
    font-family: 'Submariner', Arial,Tahoma;
    font-weight: 100;
    line-height: 72px;
    text-align: center;
    text-shadow: 2px 1px 1px #000000;
    padding: 1px 0;
    width: 1000px;
    margin: 0 auto 0 -500px;
}
.banner .cntBanner .titulo-desc a{
    color: #ffffff;
    line-height: 72px;
    text-decoration: none;
    margin-bottom: 20px;
}
.banner .cntBanner .titulo-desc a:hover{
    text-decoration: none;
    filter: alpha(opacity=80);
    -moz-opacity: 0.80;
    -khtml-opacity: 0.80;
    opacity: 0.80;
}
.banner .cntBanner .txt-desc{
    display: block;
    font-size: 26px;
    line-height: 30px;
    margin: 50px auto 20px auto;
}
.banner .titulo-desc .subtitulo{
    font-size: 52px !important;
    line-height: 52px !important;
}




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


/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {display: block;}
.flex-pauseplay span {text-transform: capitalize;}


/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.flexslider { margin: 0; zoom: 1;}
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }


/* Control Nav - BULLETS */
.flex-control-nav {
    z-index: 10000;
    position: absolute;
    top: 1100px;
    left: 50%;
    text-align: center;
    width: 1280px;
    margin-left: -640px;
}
.flex-control-nav li {
    display: inline-block;
    zoom: 1;
    *display: inline;
    margin: 0 6px;
    vertical-align: middle;
}
.flex-control-paging li a {
    display: block;
    cursor: pointer;
    text-indent: -9999px;
    background: #dfc480;
    width: 200px !important;
    height: 10px !important;
    top: 4px !important;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.flex-control-paging li a:hover{
}
.flex-control-paging li a.flex-active{
    cursor: default;
    background: #ffffff;
    width: 200px !important;
    height: 18px !important;
}




.flex-direction-nav{
    display: none;
}



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


.content-dsp{
	clear: both;
    position: relative;
    overflow: hidden;
    width: 100%;
    padding: 100px 0 10px 0;
}



.content-imagen{
	clear: both;
    position: relative;
    overflow: hidden;
    background: #ffffff url(../lib/border_image.png) no-repeat center bottom;
	background-size: 100% auto;
	width: 100%;
    padding: 130px 0 10px 0;
}
.content-imagen img{
	display: block;
    width: 100%;
}



.content{
    clear: both;
    position: relative;
    width: 100%;
}
.content .cntContent{
    overflow: hidden;
    position: relative;    
    width: 1280px;
    min-height: 540px;
    margin: 0 auto;
    padding: 60px 0 40px 0;
}

.contentIn{
    clear: both;
    position: relative;
    position: relative;
    text-align: justify;
    width: 700px;
    margin: 0 auto 50px auto;
}

.content .cntContent h1,
.content .cntContent h3,
.content .cntContent h4,
.content .cntContent p,
.content .cntContent ul{
    margin: 20px auto;
}

.content .cntContent h1{
    color: #2a5465;
    text-transform: uppercase;
    margin: 0 auto;
}

.content .cntContent h2{
    color: #2a5465;
    font-size: 34px;
    line-height: 40px;
    text-align: left;
    margin: 0 auto 20px auto;
    padding: 10px 0;
}

.content .cntContent h3{
    color: #2a5465;
    font-size: 28px;
    line-height: 30px;
    text-align: left;
    margin: 0 auto 20px auto;
    padding: 10px 0;
}

.content .cntContent h4{
    color: #2a5465;
    font-size: 24px;
    line-height: 30px;
    margin: 20px auto;
}

.content .cntContent h5{
    color: #2a5465;
    font-size: 16px;
    line-height: 20px;
    text-align: left;
    text-transform: uppercase;
    margin-top: 10px;
}



.content .cntContent p{
    text-align: justify;
    margin: 20px auto;
}

.content .cntContent a{
    color: #2a5465;
    text-decoration: underline;
}
.content .cntContent a:hover{
    text-decoration: none;
}

.content .cntContent ul{
    margin: 20px 0;
}
.content .cntContent ul li{
    text-align: left;
    background: url(../lib/bull_02.png) no-repeat left 8px;
    margin: 10px 0;
    padding-left: 18px;
}


.content .cntContent ol{
    clear: both;
    display: block;
    list-style-type: decimal !ie; /*IE 7- hack*/    
    margin-left: 15px;  
    counter-reset: li-counter;
    margin: 10px 0;
}
.content .cntContent ol li{
    overflow: hidden;
    position: relative;
    text-align: left;
    margin: 6px 0;
    padding-left: 36px;
}
.content .cntContent ol li:before{
    position: absolute;
    top: 0;
    left: 0;
    color: #2a5465;
	font-family: 'robotobold', Arial,Tahoma !important;
	font-weight: 100;
    width: 30px;
    text-align: right;
    content: counter(li-counter)".";
    counter-increment: li-counter;
}



.content .cntContent ul.li-biblioteca{
    float: none;
    margin: 50px auto;
    -webkit-column-gap: 50px;
       -moz-column-gap: 50px;
            column-gap: 50px;
}



.content .cntContent .formA fieldset{
	width: 100%;
	margin-bottom: 80px;
}

.content .cntContent .formA p{
	float: left;
	clear: none !important;
	width: 46.5%;
	margin: 18px 6% 18px 0 !important;
}
.content .cntContent .formA p:nth-child(2n){
	margin: 18px 0 !important;
}
.content .cntContent .formA p:nth-child(3){
	clear: left !important;
	width: 46.5%;
	margin: 18px 40% 18px 0 !important;
}
.content .cntContent .formA p:nth-child(4){
	margin: 18px 6% 18px 0 !important;
}
.content .cntContent .formA p:nth-child(5){
	margin: 18px 0 !important;
}
.content .cntContent .formA p:nth-child(6){
	width: 100%;
	margin: 18px 0 !important;
	
}
.content .cntContent .formA .inpB,
.content .cntContent .formA .inpM,
.content .cntContent .formA .selM,
.content .cntContent .formA .inpS{
	box-sizing: border-box;
	width: 100%;
	height: 50px;
}
.content .cntContent .formA textarea{
	width: 500px !important;
	height: 100px;
	padding: 6px 4px;
}
.content .cntContent .formA .button{
	float: none !important;
	box-sizing: border-box;
	display: inline-block !important;
	width: 70%;
	height: 60px;
	margin: 0 auto;
	padding: 0;
}

#cntEr{
	text-align: center;
	width: 100%;
}
#cntEr .button{
	float: none !important;
	box-sizing: border-box;
	display: inline-block !important;
	width: 60%;
	height: 60px;
	margin: 0 auto;
	padding: 0;
}




.content-plan{
    position: relative;
    overflow: hidden;
	color: #2a5465;
	font-size: 14px;
	line-height: 540px;
	background: #ffffff;
	width: 100%;
    height: 540px;

}
.content-plan .cntPlan{
	overflow: hidden;
	position: relative;
    height: 540px;
	margin: 0 auto;

}

.content-plan .plan{
	float: left;
	overflow: hidden;
	position: relative;
	color: #ffffff;
	background: #2a5465 url(../lib/bg-plan-de-vida.png) repeat left top;
	width: 50%;
	height: 540px;
}
.content-plan .plan div{
	display: inline-block;
	overflow: hidden;
	position: relative;
	vertical-align: middle;
	line-height: 24px;
	background: url(../lib/ico-cipla-01.png) no-repeat center bottom;
	width: 590px;
	margin: 20px auto;
	padding-bottom: 60px;
}
.content-plan .plan h2{
	color: #dfc480;
	font-size: 36px;
}


.content-plan .plan-cipla{
	float: left;
	overflow: hidden;
	position: relative;
	width: 50%;
	height: 540px;
}
.content-plan .plan-cipla h2{
	border-bottom: 4px solid #dfc480;
	margin: 60px 0 8px 0;
	padding-bottom: 20px;
}
.content-plan .plan-cipla .cont-cipla{
	float: none;
	display: inline-block;
	overflow: hidden;
	position: relative;
	vertical-align: middle;
	line-height: 24px;
	width: 590px;
	margin: 20px auto;
}

.content-plan .plan-cipla div{
	float: left;
	display: block;
	text-align: left;
	width: 330px;
}
.content-plan .plan-cipla div p{
    float: left;
    display: block;
    width: 84%;
}
.content-plan .plan-cipla img{
	float: right;
	display: block;
}

.content-plan .plan-cipla a.btn-01{
	margin-top: 70px;
}




.content-comunidades{
	overflow: hidden;
	font-size: 14px;
	background: #d9bb73 url(../lib/bg-comunidades.jpg) no-repeat right center;
	background-size: 70%;
	width: 100%;
	height: 540px;

}
.content-comunidades .cntComunidades{
	overflow: hidden;
	position: relative;
	margin: 0 auto;
}

.content-comunidades .comunidades{
	float: left;
	overflow: hidden;
	position: relative;
	color: #ffffff;
	line-height: 460px;
	text-align: center;
	background: #d9bb73 url(../lib/bg-comunidades.png) repeat left top;
	width: 26%;
	height: 460px;
	padding: 40px 2%;
}
.content-comunidades .comunidades div{
	overflow: hidden;
	display: inline-block;
	vertical-align: middle;
	line-height: 26px;
	text-align: left;
	width: 70%;
	margin: 0 auto;
}
.content-comunidades .comunidades h2{
	text-align: left;
	border-bottom: 4px solid #ffffff;
	margin: 20px 0 8px 0;
	padding-bottom: 20px;
}

.content-comunidades .comunidades a.btn-02{
	float: left;
	margin-top: 70px;
}










.content-proyectos{
	overflow: hidden;
	font-size: 14px;
	background: #ffffff;
	width: 100%;
}
.content-proyectos .cntProyectos{
	overflow: hidden;
	position: relative;
	margin: 0 auto;
}



.content-proyectos .proyectos{
	float: left;
	overflow: hidden;
	position: relative;
	color: #ffffff;
	background: #2a5465 url(../lib/bg-proyectos.png) repeat-x center bottom;
	width: 50%;
	height: 540px;
}
.content-proyectos .proyectos div{
	display: inline-block;
	overflow: hidden;
	position: relative;
	vertical-align: middle;
	width: 520px;
	margin: 55px auto 20px auto;
}

.content-proyectos .proyectos a.btn-02{
	margin-top: 15px;
}


.content-proyectos .proyectos ul{
	bottom: 0;
	position: absolute;
	width: 100%;
}
.content-proyectos .proyectos ul li{
	float: left;
	width: 25%;
}
.content-proyectos .proyectos ul li img{
	display: block;
	width: 100%;
}



.content-proyectos .biblioteca{
	float: left;
	overflow: hidden;
	position: relative;
	color: #2a5465;
	width: 50%;
	height: 540px;
}

.content-proyectos .biblioteca h2{
	text-align: center;
	width: 300px;
	margin: 40px auto 20px auto;
}

.content-proyectos .biblioteca p{
	text-align: center;
	width: 500px;
	margin: 20px auto;
}
.content-proyectos .biblioteca a.btn-01{
	margin-top: 40px;
}





footer{
    clear: both;
    overflow: hidden;
    position: relative;
    color: #ffffff;
    background: #2a5465;
    width: 100%;
    min-height: 140px;
}
footer .cntFooter{
    position: relative;
    width: 1280px;
    min-height: 90px;
    margin: 0 auto;
    padding: 40px 0 20px 0;
}
footer .cntFooter p{
	float: left;
	display: block;
    font-size: 12px;
    line-height: 18px;
    text-align: left;
    width: 400px;
    margin-top: 5px;
}
footer .cntFooter p b{
    font-size: 16px;
    text-transform: uppercase;
}

footer .cntFooter img{
	float: left;
	display: block;
	margin-right: 20px;
}

footer .pwdL{
    overflow: hidden;
    position: relative;
    background: rgba(0, 0, 0, 0.10);
    width: 80%;
    margin: 0 auto;
    padding: 10px 10%;
}





.content-busqueda{
	clear: both;
    position: relative;
    overflow: hidden;
    background: #2a5465;
	width: 100%;
	margin-top: 130px;
    padding: 40px 0;
}

.content-busqueda .formA fieldset{
    float: none;
	margin: 20px auto;
	padding: 10px 2%;
}
.content-busqueda .formA .inpM{
	clear: none;
	float: none;
	display: inline-block;
}
.content-busqueda .formA .btn-srch{
	clear: none;
	float: none;
	display: inline-block;
	height: 60px;
	margin: 0 15px;
}






.disp-image-l{
	float: left;
	width: 426px;
	margin: 40px 3% 40px 0;
}
.disp-image-l img{
	margin: 0 !important;
}


.disp-desc{
	float: left;
	width: 62%;
	margin: 20px 0;
}



.disp-op{
	float: left;
	color: #e78616;
	font-size: 18px;
	text-align: left;
	line-height: 35px;
	border-left: 4px solid #e78616;
	width: 94%;
	height: 35px;
	margin: 20px 0;
	padding: 20px 2%;
}

.disp-op span{
	display: inline-block;
	vertical-align: middle;
	line-height: 15px;
}
.disp-op a{
	color: #e78616 !important;
}







.txt-principal{
	display: block;
	overflow: hidden;
	position: relative;
	font-size: 18px;
	text-align: center;
	width: 56%;
	margin: 30px auto;
}



.txt-destacado{
	display: block;
	overflow: hidden;
	position: relative;
	color: #2a5465;
	font-size: 20px;
	background: url(../lib/ico-cipla-01.png) no-repeat center bottom;
	width: 84%;
	margin: 30px auto;
	padding-bottom: 70px;
}



.contMap{
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 500px;
    margin: 20px auto;
}






.cont_card{
    float: left;
    display: block;
    overflow: hidden;
    position: relative;
    line-height: 170px;
    text-align: center;
    background: #ffffff;
    border: 1px solid #d6dbdf;
    width: 22.4%;
    height: 230px;
    margin: 24px 1.2% 0 1.2%;
}
.cont_card a{
    display: block;
    overflow: hidden;
    position: relative;
    color: #264354;
    font-family: 'Submariner', Arial,Tahoma !important;
    font-size: 14px;
    text-decoration: none;
    width: 88%;
    height: 230px;
    margin: 0 0 0 0 !important;
    padding: 0 6%;

    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}
.cont_card a:hover {
    color: #2a5465;
}


.cont_card a span{
    display: inline-block;
    vertical-align: middle;
    line-height: 18px;
}

.cont_card .btnCard{
    display: block;
    position: absolute;
    left: 50%;
    bottom: 22px;
    z-index: 10;
    color: #2d5768 !important;
    font-size: 15px;    
    font-family: 'Submariner', Arial,Tahoma !important;
    line-height: 30px;
    text-decoration: none !important;
    text-transform: uppercase;
    border: 1px solid #2d5768;
    width: 170px;
    height: 30px;
    margin: 0 0 0 -85px !important;
    padding: 5px 0 !important;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.cont_card a:hover .btnCard{
    color: #ffffff !important;
    background: #2d5768;
    border: 1px solid #2d5768;
}




/* SWITCH */

.switch {
    left: 50%;
    bottom: 12px;
    overflow: hidden;
    position: absolute;
    display: block;
    width: 60px;
    height: 30px;
    margin-left: -30px;
}

.switch input {display:none;}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #d6dbdf;
  -webkit-transition: .2s;
  transition: .2s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: .2s;
  transition: .2s;
}

input:checked + .slider {
  background-color: #06883e;
}

input:focus + .slider {
  box-shadow: 0 0 1px #06883e;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

/* SWITCH */


#chart_div{
    float: none !important;
    /*width: 100% !important;*/
    margin: 20px auto !important;
}
#chart_div div{
    float: none !important;
    margin: 0 auto !important;
}
/*
#chart_div div{
    width: 100% !important;
    height: auto;
}
#chart_div svg{
    width: 100% !important;
    height: auto;
}
*/







.spL{
	clear: both;
	display: block;
	border-bottom: 1px solid #f2f2f2;
	margin-bottom: 10px;
}





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

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




.subtitle{
    font-size: 16px;
    line-height: 20px;
    font-family: 'Submariner', Arial,Tahoma;
    font-weight: 100;
}

.subtitle2{
    color: #2a5465;
    font-size: 16px;
    line-height: 20px;
    font-family: 'Submariner', Arial,Tahoma;
    font-weight: 100;
}




b{
    font-family: 'robotobold', Arial,Tahoma;
    font-weight: 100;
}
.bold{
    font-family: 'robotobold', Arial,Tahoma;
    font-weight: 100;
}
.bold2{
	color: #dfc480;
    font-family: 'robotobold', Arial,Tahoma;
    font-weight: 100;
}
.bold3{
	color: #2a5465;
    font-family: 'robotobold', Arial,Tahoma;
    font-weight: 100;
}






i{
	font-style: italic;
}


.small{
	font-size: 12px;
}

.small2{
	color: #dfc480;
	font-size: 12px;
}
.small3{
	color: #2a5465;
	font-size: 12px;
}



.color2{
	color: #dfc480;
}
.color3{
	color: #2a5465;
}





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


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















a.btn-01:link,a.btn-01:visited{
	display: inline-block;
	color: #2d5768;
	font-size: 16px;	
	font-family: 'Submariner', Arial,Tahoma;
	line-height: 50px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	border: 1px solid #2d5768;
	min-width: 155px;
	height: 50px;
	margin: 8px auto;
	padding: 0 30px;
}
a.btn-01:hover{
    color: #ffffff;
    background: #2d5768;
    border: 1px solid #2d5768;	
}



a.btn-02:link,a.btn-02:visited{
	display: inline-block;
	color: #ffffff;
	font-size: 16px;	
	font-family: 'Submariner', Arial,Tahoma;
	line-height: 50px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	border: 1px solid #ffffff;
	min-width: 155px;
	height: 50px;
	margin: 8px auto;
	padding: 0 30px;
}
a.btn-02:hover{
    color: #2d5768;
    background: #ffffff;
    border: 1px solid #ffffff;
	
}




.btn_facebook,
.btn_instagram,
.btn_pinterest,
.btn_twitter,
.btn_whatsapp,
.btn_youtube{
    float: left;
    display: block;
    overflow: hidden;
    position: relative;
    color: #585858 !important;
    font-size: 14px;
    font-family: 'Titillium Web Bold', Arial, Tahoma, Verdana;
    font-weight: 100;
    line-height: 16px;
    text-align: left;
    text-decoration: none !important;
    border: 1px solid #cdd2d5;
    width: 65%;
    min-height: 50px;
    margin: 5px 35px 10px auto !important;
    padding: 8px 10px !important;
}


.btn_facebook ico,
.btn_instagram ico,
.btn_pinterest ico,
.btn_twitter ico,
.btn_whatsapp ico,
.btn_youtube ico{
    float: left;
    display: block;
    background-image: url(spritesheet.png);
    background-repeat: no-repeat;
    width: 22px;
    height: 22px;
    margin-right: 14px;
}

.btn_facebook ico{
    background-position: -5px -5px;
}
.btn_instagram ico{
    background-position: -37px -5px;
}
.btn_pinterest ico{
    background-position: -69px -5px;
}
.btn_twitter ico{
    background-position: -101px -5px;
}
.btn_whatsapp ico{
    background-position: -133px -5px;
}
.btn_youtube ico{
    background-position: -165px -5px;
}


.adjDoc .txt-desc,
.adjPdf .txt-desc,
.adjPpt .txt-desc,
.adjTxt .txt-desc,
.adjXls .txt-desc,
.adjZip .txt-desc{
    float: left;
    display: block;
    line-height: 20px;
    width: 370px;
    padding-bottom: 30px;
}





.adjDoc,
.adjPdf,
.adjPpt,
.adjTxt,
.adjXls,
.adjZip{
    float: left;
    display: block;
    overflow: hidden;
    position: relative;
    color: #585858 !important;
    font-size: 14px;
    font-family: 'Titillium Web Bold', Arial, Tahoma, Verdana;
    font-weight: 100;
    line-height: 16px;
    text-align: left;
    text-decoration: none !important;
    border: 1px solid #cdd2d5;
    width: 65%;
    min-height: 50px;
    margin: 5px 35px 10px auto !important;
    padding: 8px 10px !important;
}


.adjDoc ico,
.adjPdf ico,
.adjPpt ico,
.adjTxt ico,
.adjXls ico,
.adjZip ico{
    float: left;
    background-image: url(../lib/sprite_ico_adj.png);
    background-repeat: no-repeat;
    display: block;
    width: 51px;
    height: 51px;
    margin-right: 14px;
}

.adjDoc ico{
    background-position: 0 0;
}

.adjPdf ico{
    background-position: -51px 0;
}

.adjPpt ico{
    background-position: -102px 0;
}

.adjTxt ico{
    background-position: -153px 0;
}

.adjXls ico{
    background-position: -204px 0;
}

.adjZip ico{
    background-position: -255px 0;
}

a.adjDoc:before,
a.adjPdf:before,
a.adjPpt:before,
a.adjTxt:before,
a.adjXls:before,
a.adjZip:before{
    content:"Descargar";
    position: absolute;
    left: 75px;
    bottom: 15px;
    color: #ec6707;
    font-size: 12px;
    font-family: 'Roboto Condensed Light', Arial, Tahoma, Verdana;
}


.adjDoc .txt-desc,
.adjPdf .txt-desc,
.adjPpt .txt-desc,
.adjTxt .txt-desc,
.adjXls .txt-desc,
.adjZip .txt-desc{
	float: left;
    display: block;
	line-height: 20px;
    width: 370px;
    padding-bottom: 30px;
}





.adjPdfB{
	float: left;
	display: block;
	overflow: hidden;
	position: relative;
	color: #e2574c !important;
	font-size: 14px;
	line-height: 16px;
	text-align: left;
	text-decoration: none !important;
	background: #f8f1e2;
	width: 94%;
	min-height: 50px;
	margin: 5px 0 10px 0 !important;
	padding: 10px 3% !important;
}

.adjPdfB ico{
	float: left;
	background: url(../lib/ico-pdf.png) no-repeat center !important;
    display: block;
    width: 46px;
    height: 60px;
    margin-right: 25px;
}

.adjPdfB .txt-desc{
	float: left;
    display: block;
	line-height: 20px;
    width: 78%;
    padding-top: 10px;
}







a.logo:link,a.logo:visited{
	float: left;
	display: block;
	outline: none;
	text-indent: -9000px;
	text-decoration: none;
	background: url(../lib/cipla.png) no-repeat center;
	width: 84px;
	height: 93px;
	margin: 24px 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: 6px;
}
a.byLogos:hover{
}
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;
}





/* ---------------------------- 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 6px;
	margin: 2px 0;
	padding-left: 20px;
}




ul.li02{

}
ul.li02 li{

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



ul.columnas-3{
    width: 100%;
    margin: 0 auto;
    -webkit-column-count: 3;
       -moz-column-count: 3;
            column-count: 3;
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
}
ul.columnas-3 li{
    background: none !important;
	margin: 0 !important;
	padding: 0 !important;
    
}

ul.columnas-3 li a{
	display: block;
    color: #2a5465 !important;
    font-size: 15px;
    text-align: center;
    text-decoration: none !important;
    border-bottom: 2px solid #d9bb73;
    padding: 8px 0 15px 0;
}






ul.li-publicaciones{
	clear: both;
	overflow: hidden;
	width: 100%;
	margin: 50px auto !important;
	padding: 0 !important;
}
ul.li-publicaciones li{
	float: left;
	position: relative;
	display: block;
	font-size: 17px;
	line-height: 20px;
	text-align: left !important;
    background: none !important;
	width: 30%;
	height: 175px;
	margin: 20px 2% 20px 0 !important;
	padding: 0 2% 0 0 !important;
}    
ul.li-publicaciones li:nth-child(3n){
	margin: 20px 0 !important;
}
ul.li-publicaciones li a{
	color: #404040 !important;
	text-decoration: none !important;
}
ul.li-publicaciones li a:hover{
}
ul.li-publicaciones li img{
	float: left;
	display: block;
	margin: 0 20px 10px auto !important;
	-webkit-transition: all .3s;
       -moz-transition: all .3s;
        -ms-transition: all .3s;
         -o-transition: all .3s;
            transition: all .3s;
}
ul.li-publicaciones li:hover img{
    filter: alpha(opacity=85);
    -moz-opacity: 0.85;
    -khtml-opacity: 0.85;
    opacity: 0.85;
}

ul.li-publicaciones li span{
	display: block;
    float: left;
    width: 66%;
	margin-top: 10px;
}

ul.li-publicaciones li b{
    display: block;
    color: #2a5465;
    font-size: 13px;
}




ul.li-monitoreo{
    float: left;
    clear: both;
    overflow: hidden;
    font-size: 20px;
	font-family: 'Submariner', Arial,Tahoma;
	font-weight: 100;
    line-height: 20px;    
    margin: 10px 0;
}
ul.li-monitoreo li{
    float: left;
    position: relative;
    background: none !important;
    border: 1px solid #2a5465;
    width: 399px;
    height: 220px;
    margin: 2px 34px 30px 0 !important;
    padding: 15px 0 0 0 !important;
}
ul.li-monitoreo li:nth-child(3n){
    margin: 2px 0 30px 0 !important;
}
ul.li-monitoreo li a{
    display: block;
    color: #2a5465 !important;
    text-align: center;
    text-decoration: none !important;
    margin: 0 4%;
}
ul.li-monitoreo li a:hover{
    color: #ec6707;
}

ul.li-monitoreo li img{
	width: 100%;
    margin-bottom: 18px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}


ul.li-monitoreo li a.btnB{
    z-index: 100;
    position: absolute;
    left: 50%;
    bottom: 22px;
    color: #2a5465 !important;
    font-size: 15px;
    line-height: 22px;
	font-family: 'robotobold', Arial,Tahoma !important;
	font-weight: 100;
    text-align: center;
    text-transform: uppercase;
    background: #ffffff;
    border: 1px solid #2a5465;
    width: 80px;
    height: 24px;
    margin-left: -65px;
    padding: 10px 30px;
}
ul.li-monitoreo li a.btnB:hover{
    color: #ffffff !important;
    background: #2a5465;
    border: 1px solid #2a5465;
	filter: alpha(opacity=100);
	-moz-opacity: 1.00;
	-khtml-opacity: 1.00;
	opacity: 1.00;
}






ul.li-monitoreoI{
    float: left;
    clear: both;
    overflow: hidden;
    font-size: 16px;
	font-family: 'Submariner', Arial,Tahoma;
	font-weight: 100;
    line-height: 135px;
    text-transform: uppercase;
    margin: 10px 0;
}
ul.li-monitoreoI li{
    float: left;
    position: relative;
    background: none !important;
    border: 1px solid #2a5465;
    width: 349px;
    height: 304px;
    margin: 2px 34px 30px 0 !important;
    padding: 15px 25px 0 25px !important;
}
ul.li-monitoreoI li:nth-child(3n){
    margin: 2px 0 30px 0 !important;
}
ul.li-monitoreoI li a{
    display: block;
    color: #2a5465 !important;
    text-align: center;
    text-decoration: none !important;
    margin: 0;
}
ul.li-monitoreoI li a:hover{
    color: #ec6707;
}

ul.li-monitoreoI li .bxGr,
ul.li-monitoreoI li .bxTxt{
    -webkit-transition: all .3s;
       -moz-transition: all .3s;
        -ms-transition: all .3s;
         -o-transition: all .3s;
            transition: all .3s;
}
ul.li-monitoreoI li:hover .bxGr,
ul.li-monitoreoI li:hover .bxTxt{
    filter: alpha(opacity=50);
    -moz-opacity: 0.50;
    -khtml-opacity: 0.50;
    opacity: 0.50;
}

ul.li-monitoreoI li .bxGr{
	display: block;
	overflow: hidden;
	position: relative;
	width: 350px;
	height: 135px;
	margin: 6px auto 12px auto;
}
ul.li-monitoreoI li .bxGr img{
	left: 0;
	bottom: 0;
	position: absolute;
	width: 100% !important;
}

ul.li-monitoreoI li .bxTxt{
	vertical-align: middle;
	display: inline-block;
	overflow: hidden;
    line-height: 20px !important;
	width: 100%;
	padding-bottom: 4px;
}



ul.li-monitoreoI li:after{
    content:"ver más";
    pointer-events: none;
    z-index: 100;
    position: absolute;
    left: 50%;
    top: 42%;
    color: #ffffff;
    font-size: 15px;
	font-family: 'Submariner', Arial,Tahoma;
	font-weight: 100;
    line-height: 28px;
	text-align: center;
    text-transform: uppercase;
    background: #2a5465;
    width: 80px;
    height: 30px;
    margin-left: -65px;
    padding: 10px 30px;

    -webkit-transition: all .3s;
       -moz-transition: all .3s;
        -ms-transition: all .3s;
         -o-transition: all .3s;
            transition: all .3s;
    filter: alpha(opacity=00);
    -moz-opacity: 0.00;
    -khtml-opacity: 0.00;
    opacity: 0.00;
}
ul.li-monitoreoI li:hover:after{
    filter: alpha(opacity=100);
    -moz-opacity: 1.00;
    -khtml-opacity: 1.00;
    opacity: 1.00;
}







ul.comunidades{
    float: left;
    clear: both;
    overflow: hidden;
    font-size: 20px;
	font-family: 'Submariner', Arial,Tahoma;
	font-weight: 100;
    line-height: 22px;
    text-transform: uppercase;
    margin: 10px 0;
}
ul.comunidades li{
    float: left;
    position: relative;
    background: none !important;
    border-bottom: 1px solid #dfc480;
    width: 291px;
    height: 385px;
    margin: 2px 34px 30px 0 !important;
    padding: 0 !important;
}
ul.comunidades li:nth-child(4n){
    margin: 2px 0 30px 0 !important;
}
ul.comunidades li a{
    display: block;
    color: #2a5465 !important;
    text-align: center;
    text-decoration: none !important;
}
ul.comunidades li a:hover{
    filter: alpha(opacity=50);
    -moz-opacity: 0.50;
    -khtml-opacity: 0.50;
    opacity: 0.50;
}

ul.comunidades li img{
	width: 100%;
    margin-bottom: 18px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}


ul.comunidades li:after{
    content:"ver más";
    pointer-events: none;
    z-index: 100;
    position: absolute;
    left: 50%;
    top: 125px;
    color: #ffffff;
    font-size: 15px;
    line-height: 28px;
	font-family: 'robotobold', Arial,Tahoma !important;
	font-weight: 100;
    text-align: center;
    text-transform: uppercase;
    background: #2a5465;
    width: 80px;
    height: 30px;
    margin-left: -65px;
    padding: 10px 30px;

    -webkit-transition: all .3s;
       -moz-transition: all .3s;
        -ms-transition: all .3s;
         -o-transition: all .3s;
            transition: all .3s;
    filter: alpha(opacity=00);
    -moz-opacity: 0.00;
    -khtml-opacity: 0.00;
    opacity: 0.00;
}
ul.comunidades li:hover:after{
    filter: alpha(opacity=100);
    -moz-opacity: 1.00;
    -khtml-opacity: 1.00;
    opacity: 1.00;
}






ul.proyectos{
    float: left;
    clear: both;
    overflow: hidden;
    font-size: 20px;
	font-family: 'Submariner', Arial,Tahoma;
	font-weight: 100;
    line-height: 22px;
    text-transform: uppercase;
    margin: -10px 0 0 0 !important;
}
ul.proyectos li{
    float: left;
    overflow: hidden;
    position: relative;
    background: none !important;
    border-bottom: 1px solid #dfc480;
    width: 621px;
    height: 410px;
    margin: 40px 34px 40px 0 !important;
    padding: 0 !important;
}
ul.proyectos li:nth-child(2n){
    margin: 40px 0 !important;
}
ul.proyectos li a{
    display: block;
    color: #2a5465 !important;
    text-align: center;
    text-decoration: none !important;
}
ul.proyectos li a:hover{
    filter: alpha(opacity=50);
    -moz-opacity: 0.50;
    -khtml-opacity: 0.50;
    opacity: 0.50;
}

ul.proyectos li img{
    margin-bottom: 20px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}


ul.proyectos li:after{
    content:"ver más";
    pointer-events: none;
    z-index: 1000;
    position: absolute;
    left: 50%;
    top: 31%;
    color: #ffffff;
    font-size: 15px;
    line-height: 28px;
    text-align: center;
    text-transform: uppercase;
    background: #2a5465;
    width: 80px;
    height: 30px;
    margin-left: -70px;
    padding: 10px 30px;

    -webkit-transition: all .3s;
       -moz-transition: all .3s;
        -ms-transition: all .3s;
         -o-transition: all .3s;
            transition: all .3s;
    filter: alpha(opacity=00);
    -moz-opacity: 0.00;
    -khtml-opacity: 0.00;
    opacity: 0.00;
}
ul.proyectos li:hover:after{
    filter: alpha(opacity=100);
    -moz-opacity: 1.00;
    -khtml-opacity: 1.00;
    opacity: 1.00;
}






ul.li-biblioteca{
    overflow: hidden;
    width: 90%;
    margin: 0 auto;
}
ul.li-biblioteca li{
    float: left;
    background: none !important;
    width: 29%;
    float: left;
    margin: 0 2% 5px 2% !important;
    padding: 0 !important;
    
}

ul.li-biblioteca li a{
    display: block;
    color: #2a5465;
    text-align: center;
    text-decoration: none !important;
    border-bottom: 2px solid #d9bb73;
    padding: 8px 0 10px 0;
}








ul.li-compartir{
	clear: both;
	overflow: hidden;
	font-family: 'robotobold', Arial,Tahoma !important;
	font-weight: 100;
	margin: 50px 0 30px 0 !important;
}
ul.li-compartir li{
	display: inline-block;
	background: none !important;
	width: 150px;
	height: 40px;
	margin: 2px 13px !important;
	padding: 0 !important;
}
ul.li-compartir li a{
	display: block;
	color: #ffffff !important;
	font-size: 13px;
	line-height: 40px;
	text-align: center !important;
	text-decoration: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

ul.li-compartir li:nth-child(1){
	font-size: 14px;
	width: 100px;
	margin: 2px 10px !important;
}
ul.li-compartir li:nth-child(2){
	background: #495994 !important;
}
ul.li-compartir li:nth-child(3){
	background: #76a9ea !important;
}
ul.li-compartir li:nth-child(4){
	background: #58b107 !important;
}



/* PAGINADOR */

ul.pag {
	clear: both;
	display: table;
	width: auto !important;
	margin: 20px auto !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: #4c4c4c !important;
	font-size: 18px;
	line-height: 27px;
	text-decoration: none !important;
	text-align: center;
	width: 27px;
	height: 27px;
	margin: 0 !important;
	padding: 0 !important;

	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-ms-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
}
ul.pag li a:hover{
	color: #000 !important;
}
ul.pag li .pagAct{
	color: #ffffff !important;	
    font-family: 'robotobold', Arial,Tahoma !important;
    font-weight: 100;
    background: #2a5465;
}
ul.pag .txtL{
	color: #2a5465;
	line-height: 28px;
	width: auto;
	padding-right: 10px !important;
}







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




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


.formA fieldset{
    float: left;
	clear: both;
	overflow: hidden;	
	font-family: 'robotolight', Arial, Tahoma, Verdana;
	text-align: center;
	width: 75%;
	margin: 0 auto 20px auto;
}

.formA select, input, textarea{
	clear: both;
	font-size: 15px;
	line-height: 18px;
	font-family: 'robotolight', Arial, Tahoma, Verdana;
	border: 0;
	border-bottom: 1px solid #d1d1d1;
	/*
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;*/
}

.formA label{
	display: block;
	float: left;
	clear: both;
	color: #2a5465;
	font-size: 16px;
	font-family: 'robotobold', Arial,Tahoma !important;
	font-weight: 100;
	line-height: 18px;
	text-align: left;
	width: 80%;
	padding: 4px 0;
}

.formA .labL{
    clear: none;
    line-height: 20px;
    text-align: left;
    width: auto;
    padding: 12px 10px 0 0;
}

.formA .labLB{
    clear: none;
    line-height: 20px;
    text-align: left;
    width: auto;
    padding: 12px 10px 0 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 input{
	display: block;
	float: left;
	height: 27px;
	padding: 8px;
}
.formA .inpB{
	width: 66%;
}
.formA .inpM{
	width: 40%;
}
.formA .inpS{
	width: 20%;
}
.formA .inpXS{
	width: 10%;
}

.formA input:focus{
    outline: 0;
    background: transparent;
    border-bottom: 1px solid #2a5465;
}



.formA select{
	display: block;
	float: left;
	color: #333333;
	height: 44px;
	padding: 8px 10px 8px 6px;
}
.formA .selB{
	width: 66%;
}
.formA .selM{
	width: 40%;
}
.formA .selS{
	width: 20%;
}
.formA .selXS{
	width: 10%;
}
.formA select:focus{
    outline: 0;
    background: transparent;
    border-bottom: 1px solid #2a5465;
}



.formA .sel-filtro-b{
    clear: none;
    width: 220px;
    height: 44px;
    margin: 0 0 0 10px;
    padding: 0 10px 0 6px;
}

.formA .selMB{
    clear: none !important;
    width: auto !important;
    margin-right: 20px;
    padding-right: 10px;
}





.formA textarea{
	display: block;
	float: left;
	width: 74%;
	height: 100px;
	padding: 6px 4px;
}
.formA textarea:focus{
    outline: 0;
    background: transparent;
    border-bottom: 1px solid #2a5465;
}



.formA .button,
.formA .button:focus{
	float: left;
	cursor: pointer;
	color: #fff;
	font-size: 17px;
    font-family: 'Submariner', Arial,Tahoma;
    font-weight: 100;
	text-align: center;
	text-transform: uppercase;
	border: none;
	background: #2a5465;
	height: 54px;
	padding: 0 50px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;

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

.formA .btn-srch{
	float: left;
	cursor: pointer;
	color: #fff;
	font-size: 16px;
	font-family: 'robotobold', Arial,Tahoma !important;
	font-weight: 100;
	text-align: center;
	text-transform: uppercase;
	border: none;
	background: #fd8307 url(../lib/ico-srch.png) no-repeat 20px center;
	height: 54px;
	padding: 0 20px 0 65px;
	-webkit-border-radius: 8px;
	   -moz-border-radius: 8px;
	        border-radius: 8px;

	-webkit-appearance: none;

	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}


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

.formA p.col2B{
    float: left;
    clear: none !important;
    overflow: hidden;
    position: relative;
    text-align: justify;
    width: 45%;
    margin: 4px 4% 20px 0 !important;
}

.formA p.col2B label{
    float: left;
    clear: none !important;
    line-height: 32px;
    width: 70px;
}
.formA p.col2B .selEsp{
    float: left;
    clear: none !important;
    width: 140px;
}

.formA p.pwb{
    width: 100% !important;
    margin: 4px 0 !important;
}



.formA .req{
	border-bottom: 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 .bxUpl{
	clear: both !important;
	overflow: hidden;
	display: block;
	position: relative;
	text-align: justify;
	margin: 18px 0 !important;
}

.formA .subtitle2{
    font-size: 20px;
    font-weight: 100;
    line-height: 24px;
}



.filedrag{
	float: left;
	display: block;
	color:#92a1a9;
	font-size: 14px;
	line-height: 30px;
	background: #f4f5f6;
	border: 2px dotted #d7dcdf;
	width: 408px;
	margin-top: 15px;
	padding: 15px 20px;
}
.filedrag img{
	float: left !important;
	width: auto !important;
	margin: -2px 20px 0 0 !important;
}

.filedrag a.draglinkupd{
	color:#92a1a9;
	text-decoration: none;
	background: #fff;
	margin: 0 4px;
	padding: 10px 12px;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}
.filedrag a:hover.draglinkupd{
	color: #666;
	filter: alpha(opacity=60);
	-moz-opacity: 0.60;
	-khtml-opacity: 0.60;
	opacity: 0.60;
}

progress {
	color: #08AE98;
	/*background: #F4F5F6;*/
	border: 0;
	display: block;
	float: left;
	clear: both;
	width: 455px;
	height: 6px;
	margin: 3px 0;
}
progress::-moz-progress-bar { 
	background: #08AE98;
}




a.lnkBxP:link,a.lnkBxP:visited {
	display: block;
	float: left;
	color: #ffffff;
	font-size: 12px;
	font-weight: 700;
	line-height: 18px;
	letter-spacing: -0.4px;
	text-align: center;
	text-decoration: none;
	background: #cbd1d6;
	width: 80px;
	margin-left: 10px;
	padding: 15px;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-ms-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
}
a.lnkBxP:hover {
	filter: alpha(opacity=90);
	-moz-opacity: 0.90;
	-khtml-opacity: 0.90;
	opacity: 0.90;
}




/* DOCUMENTOS ADJUNTOS */
ul.doc2{
	float: left;
	clear: both;
	position: relative;
	width: 455px !important;
	padding: 0 !important;
	margin: 3px 0 !important;
}
ul.doc2 li{
	display: block;
	position: relative;
	overflow: hidden;
	color: #0063b0;
	font-size: 12px;
	line-height: 14px;
	border-bottom: 1px solid #d4d9dd;
	background: none !important;
	width: 96% !important;
	margin: 0 !important;
	padding: 2px 2% !important;
}
ul.doc2 li:hover{
	cursor: move;
	background: #f9fafa url(../lib/lnk_over_adj.png) no-repeat left center;
}
.fHvL li:hover{
	cursor: default !important;
	background: none !important;
}
ul.doc2 li:last-child{
border-bottom: 0;
}
ul.doc2 li a{
float: left;
	display: block;
	text-align: left;
	text-decoration: none !important;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-ms-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
}
ul.doc2 li a:hover{
filter: alpha(opacity=80);
-moz-opacity: 0.80;
-khtml-opacity: 0.80;
opacity: 0.80;
}

ul.doc2 li img{
float: left;
margin: 6px 10px 5px 0;
}


ul.doc2 li a.del2{
	right: 0;
	position: absolute;
display: none;
color: #fff;
font-size: 11px;
text-align: center;
line-height: 24px;
background: #e84c3d;
width: 56px;
height: 25px;
margin: 0 !important;
}
ul.doc2 li:hover a.del2{
display: block;
}
/*
ul.doc2 li .edNm:hover a.del2{
display: none;
}
*/
ul.doc2 li a.edN{
float: left;
display: block;
color: #fff;
font-size: 11px;
background: #08ae98;
margin-top: 3px;
padding: 3px 6px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
ul.doc2 li .txtDsc{
line-height: 36px;
}


ul.doc2 li .inFil{
float: left;
display: block;
width: auto;
margin-top: 10px;
}

ul.doc2 li .imgCnt{
float: left;
display: block;
vertical-align: middle;
overflow: hidden;
position: relative;
width: 90px;
height: 70px;
margin: 6px 10px 5px 0;
}

ul.doc2 li .imgCnt img{
margin: 0;
}


ul.doc2 li .imgCnt .icCrop{
right: 0;
display: block;
position: absolute;
background: rgba(39, 67, 85, 0.80) url(../lib/ico_crop.png) no-repeat center;
width: 30px;
height: 28px;
}

ul.doc2 li .imgCnt .icBln{
right: 0;
display: block;
position: absolute;
background: rgba(255, 145, 8, 0.80) url(../lib/ico_crop.png) no-repeat center;
width: 30px;
height: 28px;

animation-name: icBln_anim;
animation-duration: 0.90s;
animation-iteration-count: infinite;

-moz-animation-name: icBln_anim;
-moz-animation-duration: 0.90s;
-moz-animation-iteration-count: infinite;

-webkit-animation-name: icBln_anim;
-webkit-animation-duration: 0.90s;
-webkit-animation-iteration-count: infinite;

-o-animation-name: icBln_anim;
-o-animation-duration: 0.90s;
-o-animation-iteration-count: infinite;

-ms-animation-name: icBln_anim;
-ms-animation-duration: 0.90s;
-ms-animation-iteration-count: infinite;

-webkit-transform-origin: center;
-moz-transform-origin: center;
-o-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
}

@-webkit-keyframes icBln_anim {
	  0% { opacity: 0.00;}
    50% { opacity: 1.00;}
   100% { opacity: 0.00;}
}

@-moz-keyframes icBln_anim {
	  0% { opacity: 0.00;}
    50% { opacity: 1.00;}
   100% { opacity: 0.00;}
}

@-ms-keyframes icBln_anim {
	  0% { opacity: 0.00;}
    50% { opacity: 1.00;}
   100% { opacity: 0.00;}
}

@-o-keyframes icBln_anim {
	  0% { opacity: 0.00;}
    50% { opacity: 1.00;}
   100% { opacity: 0.00;}
}

@keyframes icBln_anim {
	  0% { opacity: 0.00;}
    50% { opacity: 1.00;}
   100% { opacity: 0.00;}
}


ul.doc2 .inpD{
display: block;
float: left;
color: #333333;
font-size: 12px;
font-family: "Arial", Tahoma, Verdana;
border: 1px solid #dadada;
width: 260px;
height: 13px;
padding: 6px 8px;
}





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

/* ---------------------------- TABLA */


.cntTabS{
}



table{
    clear: both;
    font-size: 16px;
    line-height: 18px;
    width: 100%;
    margin: 50px auto;
}
table, th, td {
}
td, th {

}

table .acenter{
    text-align: center;
}

thead th{
    color: #ffffff;
    font-weight: 100;
    text-align: center;
    background: #2a5465;
    padding: 14px 10px;
}
thead th:first-child{
    -webkit-border-radius: 6px 0 0 6px;
    border-radius: 6px 0 0 6px;
}
thead th:last-child{
    -webkit-border-radius: 0 6px 6px 0;
    border-radius: 0 6px 6px 0;
}


tbody td {
    text-align: center;
    border-bottom: 1px solid #cdd2d5;
    padding: 14px 10px;
}
tbody td:first-child{
    text-align: left;
}




/* ---------------------------- TABLA */


/* ---------------------------- RESPONSIVE MENU ---------------------------- */

#pageslide {
    overflow-x: hidden;
    overflow: hidden;
    position: absolute;
    display: none;
    top: 0 !important;
    left: 0 !important;
    z-index: 999999;
    color: #172a67;
    background: #ffffff;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    height: 100%;
    padding: 0 !important;
    -webkit-background-size: 100%;
       -moz-background-size: 100%;
            background-size: 100%;
}



.open {
    display: none;
    position: absolute;
    top: 8px !important;
    right: 0 !important;
    text-indent: -999999px;
    background: url(../lib/nav.png) no-repeat center;
    width: 55px;
    height: 50px;
}



@media screen and (min-width:200px) and (max-width:920px) {
    #nav2{
        display: none;
        overflow: hidden;
        width: 99%;
        margin: 15px 0 50px 0;
    }
    .open{
        display: block;
    }




    #pageslide #nav2 li{
        clear: both;
        overflow: hidden;
        font-family: 'Quicksand', Arial, Tahoma, Verdana;
    	text-transform: uppercase;
        font-size: 16px;
        line-height: 18px;
        text-transform: uppercase;
        border-bottom: 1px solid rgba(255, 255, 255, 0.10);
        width: 90%;
        margin: 0 5%;
    }
    #pageslide #nav2 ul li:first-child{
        border-bottom: 0;
    }

    #pageslide #nav2 li a{
        display: block;
        color: #172a67 !important;
        text-align: left;
        text-decoration: none;
        padding: 14px 10px;
    }
    #pageslide #nav2 li a:hover {
    }

    #pageslide #nav2 .close{
        float: right;
        display: block;
    }
    #pageslide #nav2 .close{
        float: right;
        display: block;
        outline: none;
        text-indent: -9000px;
        text-decoration: none;
        background: #ffffff url(../lib/ico_cls.png) no-repeat center;
        width: 50px;
        height: 50px;
        padding: 0;
        -webkit-border-radius: 160px;
           -moz-border-radius: 160px;
            -ms-border-radius: 160px;
                border-radius: 160px;
    }

    #pageslide #nav2 .close:hover{
        background: url(../lib/ico_cls.png) no-repeat center;
        
    }

    #pageslide #nav2 .sub-menu-dsp:hover .sub-menu-lnk{
        border-bottom: 0;
    }




}



/* ---------------------------- RESPONSIVE MENU ---------------------------- */

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


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

	.wrapper{
		min-width: 320px;
	}


    .banner .cntBanner .titulo-desc{
        top: 40%;
    }
	



	.content-comunidades{
		background-size: 74%;

	}


	.content-comunidades .comunidades div{
		width: 90%;
	}




	.content-proyectos .proyectos div{
		margin: 90px auto 20px auto;
	}



	/* Control Nav - BULLETS */
	.flex-control-nav {
	    top: 810px;
	}



	footer .pwdL{
	    width: 94%;
	    padding: 10px 3%;
	}





}


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

	.wrapper{
		min-width: 320px;
	}



	footer .pwdL{
	    width: 94%;
	    padding: 10px 3%;
	}




	
}


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

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

	.wrapper{
	min-width: 320px;
	}





	h1{
		font-size: 40px;
		line-height: 40px;
	}

	h2{
		font-size: 30px;
		line-height: 30px;
	}



	.wrapper{
	min-width: 200px;
	}


	header{
		top: 0;
		left: 0;
		z-index: 100;
		width: 100%;
		height: 80px;
	}
	header .cntHeader{
		width: 98%;
	}

	a.logo:link,a.logo:visited{
		background: url(../lib/cipla.png) no-repeat center;
		background-size: 100%;
		width: 44px;
		height: 47px;
		margin: 15px 0 0 5px;
	}

	nav ul{
	    margin: 10px auto 0 auto;
	}
	nav ul li{
	    margin: 6px 5px;
	}
	nav ul li a{
	    padding: 10px 7px;
	}


    .banner .cntBanner{
        height: 490px !important;
        min-height: 490px !important;
    }
    .banner .cntBanner img{
        width: 110%;
        margin-left: -5%;
    }


	.banner .cntBanner .titulo-desc{
	    z-index: 10;
	    left: 50%;
	    bottom: 360px;
	    position: absolute;
	    font-size: 20px;
	    line-height: 24px;
	    width: 80%;
	    margin: 0 auto 0 -40%;
	}

	.banner .cntBanner .titulo-desc a{
	    font-size: 60px;
	    line-height: 60px;
	}

	/* Control Nav - BULLETS */
	.flex-control-nav {
	    top: 450px;
	    width: 100%;
	    margin-left: -50%;
	}
	.flex-control-nav li {
	    margin: 0 5px;
	}
	.flex-control-paging li a {
	    width: 100px !important;
	    height: 10px !important;
	}
	.flex-control-paging li a.flex-active{
	    width: 100px !important;
	    height: 18px !important;
	}


    .content-dsp{
        padding-top: 60px;
    }







	.content .cntContent{
	    width: 90%;
	    min-height: 700px;
	    margin: 0 auto;
	    padding: 40px 0 60px 0;
	}

	.contentIn{
	    width: 90%;
	    margin: 0 auto 50px auto;
	}


	.content .cntContent img{
	    width: 100%;
	}





	.content-imagen{
		margin-top: 65px;
	    padding: 0 0 6px 0;
	}



	.content-busqueda{
		margin-top: 65px;
	    padding: 10px 0;
	}





	.content-plan{
		line-height: 500px;
	}

	.content-plan .plan{
		height: 500px;
	}
	.content-plan .plan div{
		line-height: 24px;
		width: 86%;
		margin: 20px auto;
		padding-bottom: 60px;
	}
	.content-plan .plan h2{
		font-size: 28px;
		margin-bottom: 20px;
	}


	.content-plan .plan-cipla{
		height: 500px;
	}
	.content-plan .plan-cipla h2{
		margin: 10px 0 8px 0;
		padding-bottom: 20px;
	}
	.content-plan .plan-cipla .cont-cipla{
		width: 86%;
		margin: 10px auto;
	}

	.content-plan .plan-cipla div{
		float: none;
		width: 90%;
		margin: 0 auto 20px auto;
	}
	.content-plan .plan-cipla img{
		float: none;
		display: block;
		width: 36%;
		margin: 0 auto !important;
	}

	.content-plan .plan-cipla a.btn-01{
		margin-top: 20px;
	}





	.content-comunidades{
		background-size: 100%;
		width: 100%;
		height: 400px;

	}
	.content-comunidades .comunidades{
		width: 30%;
		height: 310px;
		padding: 60px 2% 30px 2%;
	}

    .content-comunidades .comunidades div{
        vertical-align: top;
        width: 90%;
    }

	.content-comunidades .comunidades a.btn-02{
		margin-top: 40px;
	}









	.content-proyectos .proyectos{
		line-height: 500px;
		height: 500px;
	}
	.content-proyectos .proyectos div{
		line-height: 18px;
		width: 82%;
		margin: 55px auto 20px auto;
	}

	.content-proyectos .proyectos h2{
		margin-bottom: 30px;
	}

	.content-proyectos .proyectos ul{
		display: none
	}
	.content-proyectos .proyectos a.btn-02{
		margin-top: 50px;
	}



	.content-proyectos .biblioteca{
		height: 500px;
	}

	.content-proyectos .biblioteca h2{
		width: 90%;
	}

	.content-proyectos .biblioteca p{
		line-height: 17px;
		width: 90%;
	}

	
	.content-proyectos .biblioteca a.btn-01{
		margin-top: 30px;
	}











	footer .cntFooter{
	    width: 90%;
    	padding: 25px 0 10px 0;
	}



	footer .pwdL{
	    width: 94%;
	    padding: 10px 3%;
	}




    .disp-image-l{
        width: 350px;
    }



    .disp-desc{
        float: left;
        width: 58%;
    }





	.txt-principal{
		width: 90%;
	}






	ul.li-monitoreoI{
    	font-size: 15px;
	    line-height: 135px;
	}
	ul.li-monitoreoI li{
	    width: 27%;
	    height: 294px;
	    margin: 2px 3% 20px 0 !important;
	    padding: 5px 2% 0 2% !important;
	}
	ul.li-monitoreoI li:nth-child(3n){
	    margin: 2px 0 20px 0 !important;
	}

	ul.li-monitoreoI li .bxGr{
		width: 94%;
		height: 135px;
		margin: 6px auto;
	}

	ul.li-monitoreoI li .bxTxt{
		letter-spacing: -0.50px;
	    line-height: 17px !important;
		width: 100%;
	}





    ul.li-compartir{
        margin: 10px 0 30px 0 !important;
    }
    ul.li-compartir li{
        float: left;
        margin: 2px 15px 2px 0 !important;
    }
    ul.li-compartir li:nth-child(1){
        width: 100%;
        margin: 2px 0 !important;
    }


   



	ul.proyectos li{
	    width: 46%;
	    height: 320px;
	    margin: 2px 2% 40px 2% !important;
	    padding: 0 0 20px 0 !important;
	}
	ul.proyectos li:nth-child(2n){
	    margin: 2px 2% 40px 2% !important;
	}





	

	ul.comunidades li{
	    width: 22.7%;
	    height: 294px;
	    margin: 2px 3% 20px 0 !important;
	}
	ul.comunidades li img{
	    margin-bottom: 8px;
	}

	ul.comunidades li:after{
		top: 86px;
	}


   


    ul.li-publicaciones li{
        margin: 10px 2% 10px 0 !important;
    }
    ul.li-publicaciones li:nth-child(3n){
        margin: 10px 0 !important;
    }

    ul.li-publicaciones li img{
        width: 36% !important;
        margin: 0 15px 10px auto !important;
    }

    ul.li-publicaciones li span{
        width: 56%;
    }



    ul.li-biblioteca li{
        width: 46%;
        margin: 0 2% 3px 2% !important;
    }

    ul.li-biblioteca li a{
        padding: 6px 0 8px 0;
    }







    /* PAGINADOR */

    ul.pag {
        float: none !important;
        margin: 20px auto !important;
    }
    ul.pag li{
        display: none;
    }
    ul.pag li:first-child{
        display: block;
    }
    ul.pag li:last-child{
        display: block;
    }
    ul.pag li .txtL{
        padding: 0 10px !important;
    }


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

    table{
        width: 700px;
    }
    tbody td {
        font-size: 16px;
        padding: 8px 10px !important;
    }




    .formA fieldset{
        width: 100%;
    }


    .filedrag{
        width: 90%;
        padding: 15px 2%;
    }
    progress {
        width: 90%;
    }


    /* DOCUMENTOS ADJUNTOS */
    ul.doc2{
        width: 90% !important;
    }






	.formA fieldset{
		width: 74%;
		margin: 20px auto 50px auto;
		padding: 10px 4%;
	}


}


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

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



	h1{
		font-size: 40px;
		line-height: 40px;
	}

	h2{
		font-size: 30px;
		line-height: 30px;
	}



	.wrapper{
		min-width: 200px;
	}


	header{
		top: 0;
		left: 0;
		z-index: 100;
		width: 100%;
		height: 64px;
	}
	header .cntHeader{
		width: 90%;
	}

	a.logo:link,a.logo:visited{
		background: url(../lib/cipla.png) no-repeat center;
		background-size: 100%;
		width: 44px;
		height: 47px;
		margin: 8px 0 0 5px;
	}



    .banner .cntBanner{
        height: 490px !important;
        min-height: 490px !important;
    }
    .banner .cntBanner img{
        width: 110%;
        margin-left: -5%;
    }


	.banner .cntBanner .titulo-desc{
	    z-index: 10;
	    left: 50%;
	    bottom: 150px;
	    position: absolute;
	    font-size: 20px;
	    line-height: 24px;
	    width: 80%;
	    margin: 0 auto 0 -40%;
	}

	.banner .cntBanner .titulo-desc a{
	    font-size: 60px;
	    line-height: 60px;
	}

	/* Control Nav - BULLETS */
	.flex-control-nav {
	    top: 450px;
	    width: 100%;
	    margin-left: -50%;
	}
	.flex-control-nav li {
	    margin: 0 5px;
	}
	.flex-control-paging li a {
	    width: 100px !important;
	    height: 10px !important;
	}
	.flex-control-paging li a.flex-active{
	    width: 100px !important;
	    height: 18px !important;
	}



    .content-dsp{
        padding-top: 40px;
    }





	.content .cntContent{
	    width: 90%;
	    min-height: 700px;
	    margin: 0 auto;
	    padding: 40px 0 60px 0;
	}

	.contentIn{
	    width: 90%;
	    margin: 0 auto 50px auto;
	}


	.content .cntContent img{
	    width: 100%;
	}





	.content-imagen{
		margin-top: 65px;
	    padding: 0 0 6px 0;
	}



	.content-busqueda{
		margin-top: 65px;
	    padding: 10px 0;
	}





	.content-plan{
		line-height: 500px;
	}

	.content-plan .plan{
		height: 500px;
	}
	.content-plan .plan div{
		line-height: 24px;
		width: 86%;
		margin: 20px auto;
		padding-bottom: 60px;
	}
	.content-plan .plan h2{
		font-size: 28px;
		margin-bottom: 20px;
	}


	.content-plan .plan-cipla{
		height: 500px;
	}
	.content-plan .plan-cipla h2{
		margin: 10px 0 8px 0;
		padding-bottom: 20px;
	}
	.content-plan .plan-cipla .cont-cipla{
		width: 86%;
		margin: 10px auto;
	}

	.content-plan .plan-cipla div{
		float: left;
		width: 100%;
		margin-bottom: 20px;
	}
	.content-plan .plan-cipla img{
		float: none;
		display: block;
		width: 44%;
		margin: 0 auto !important;
	}

	.content-plan .plan-cipla a.btn-01{
		margin-top: 20px;
	}





	.content-comunidades{
		background-size: 100%;
		width: 100%;
		height: 400px;

	}
	.content-comunidades .comunidades{
		line-height: 20px;
		width: 30%;
		height: 320px;
		padding: 40px 2%;
	}

	.content-comunidades .comunidades div{
		line-height: 26px;
		width: 90%;
	}

	.content-comunidades .comunidades h2{
		font-size: 28px;
		margin: 20px 0 8px 0;
		padding-bottom: 10px;
	}
	.content-comunidades .comunidades a.btn-02{
		margin-top: 40px;
		padding: 0 20px;
	}









	.content-proyectos .proyectos{
		line-height: 500px;
		height: 500px;
	}
	.content-proyectos .proyectos div{
		line-height: 18px;
		width: 82%;
		margin: 55px auto 20px auto;
	}

	.content-proyectos .proyectos ul{
		display: none
	}


	.content-proyectos .biblioteca{
		height: 500px;
	}

	.content-proyectos .biblioteca h2{
		width: 90%;
	}

	.content-proyectos .biblioteca p{
		line-height: 17px;
		width: 90%;
	}
    .content-proyectos .biblioteca a.btn-01{
        margin-top: 20px;
    }












	footer .cntFooter{
	    width: 90%;
    	padding: 25px 0 10px 0;
	}



	footer .pwdL{
	    width: 94%;
	    padding: 10px 3%;
	}






	.disp-image-l{
		width: 250px;
	}



	.disp-desc{
		float: left;
		width: 58%;
	}





	.txt-principal{
		width: 90%;
	}





	ul.li-monitoreo li{
	    width: 47%;
	    height: 230px;
	    margin: 2px 4% 24px 0 !important;
	    padding: 15px 0 0 0 !important;
	}
	ul.li-monitoreo li:nth-child(2n){
	    margin: 2px 0 24px 0 !important;
	}
	ul.li-monitoreo li:nth-child(3n){
	    margin: 2px 4% 24px 0 !important;
	}
	ul.li-monitoreo li:nth-child(6),
	ul.li-monitoreo li:nth-child(12),
	ul.li-monitoreo li:nth-child(18){
	    margin: 2px 0 24px 0 !important;
	}




	ul.li-monitoreoI{
    	font-size: 15px;
	    line-height: 135px;
	}
	ul.li-monitoreoI li{
	    width: 42%;
	    height: 294px;
	    margin: 2px 3% 20px 0 !important;
	    padding: 5px 3% 0 2% !important;
	}
	ul.li-monitoreoI li:nth-child(2n){
	    margin: 2px 0 20px 0 !important;
	}
	ul.li-monitoreoI li:nth-child(3n){
	    margin: 2px 3% 20px 0 !important;
	}
	ul.li-monitoreoI li:nth-child(6),
	ul.li-monitoreoI li:nth-child(12),
	ul.li-monitoreoI li:nth-child(18){
	    margin: 2px 0 20px 0 !important;
	}

	ul.li-monitoreoI li .bxGr{
		width: 94%;
		height: 135px;
		margin: 6px auto;
	}

	ul.li-monitoreoI li .bxTxt{
	    line-height: 17px !important;
		width: 100%;
	}

	/*
	ul.li-monitoreoI li:after{
		display: none;
	}
	*/





	ul.proyectos{
	    font-size: 18px;
	    line-height: 18px;
	}
	ul.proyectos li{
	    float: none !important;
	    width: 80%;
	    height: auto;
	    margin: 2px auto 40px auto !important;
	    padding: 0 0 20px 0 !important;
	}
	ul.proyectos li:nth-child(2n){
	    margin: 2px auto 40px auto !important;
	}

	ul.proyectos li img{
	    margin-bottom: 14px;
	}

	ul.proyectos li a:after{
		display: none;
	}





	



	ul.comunidades{
	    font-size: 18px;
	    line-height: 20px;
	}
	ul.comunidades li{
	    width: 31%;
	    height: 286px;
	    margin: 2px 3% 20px 0 !important;
	}
	ul.comunidades li:nth-child(4n){
	    margin: 2px 3% 30px 0 !important;
	}
	ul.comunidades li:nth-child(3),
	ul.comunidades li:nth-child(6),
	ul.comunidades li:nth-child(9),
	ul.comunidades li:nth-child(12),
	ul.comunidades li:nth-child(15),
	ul.comunidades li:nth-child(18),
	ul.comunidades li:nth-child(21),
	ul.comunidades li:nth-child(27),
	ul.comunidades li:nth-child(3),
	ul.comunidades li:nth-child(3),
	ul.comunidades li:nth-child(3){
	    margin: 2px 0 30px 0 !important;
	}
	ul.comunidades li img{
	    margin-bottom: 4px;
	}


	ul.comunidades li:after{
		display: none;
	}





	ul.li-compartir{
		margin: 10px 0 30px 0 !important;
	}
	ul.li-compartir li{
		float: left;
		width: 116px;
		margin: 2px 12px 2px 0 !important;
	}
	ul.li-compartir li:nth-child(1){
		width: 100%;
		margin: 2px 0 !important;
	}


   


    ul.li-publicaciones li{
        font-size: 16px;
        line-height: 19px;
        margin: 10px 2% 10px 0 !important;
    }
    ul.li-publicaciones li:nth-child(3n){
        margin: 10px 0 !important;
    }

    ul.li-publicaciones li img{
        width: 36% !important;
        margin: 0 15px 10px auto !important;
    }

    ul.li-publicaciones li span{
        width: 56%;
        margin-top: 0;
    }

    ul.li-publicaciones li b{
        line-height: 13px;
    }





    ul.li-biblioteca li{
        width: 46%;
        margin: 0 2% 3px 2% !important;
    }

    ul.li-biblioteca li a{
        line-height: 16px;
        padding: 6px 0 8px 0;
    }



    /* PAGINADOR */

    ul.pag {
        float: none !important;
        margin: 20px auto !important;
    }
    ul.pag li{
        display: none;
    }
    ul.pag li:first-child{
        display: block;
    }
    ul.pag li:last-child{
        display: block;
    }
    ul.pag li .txtL{
        padding: 0 10px !important;
    }


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

    table{
        width: 700px;
    }
    tbody td {
        font-size: 16px;
        padding: 8px 10px !important;
    }




    .formA fieldset{
        width: 100%;
    }


    .filedrag{
        width: 90%;
        padding: 15px 2%;
    }
    progress {
        width: 90%;
    }


    /* DOCUMENTOS ADJUNTOS */
    ul.doc2{
        width: 90% !important;
    }






}


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


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




	h1{
		/*font-size: 48px;*/
		font-size: 30px;
		line-height: 36px;
	}






	.wrapper{
		min-width: 200px;
	}



	header{
		top: 0;
		left: 0;
		z-index: 100;
		position: relative;
		width: 100%;
		height: 64px;
	}
	header .cntHeader{
		width: 90%;
	}


	a.logo:link,a.logo:visited{
		background: url(../lib/cipla.png) no-repeat center;
		background-size: 100%;
		width: 44px;
		height: 47px;
		margin: 8px 0 0 5px;
	}




    .banner{
        height: 300px !important;
        min-height: 300px !important;
    }
    .banner .cntBanner{
        height: 300px !important;
        min-height: 300px !important;
        padding: 0 !important;
    }
    .banner .cntBanner img{
        width: 140%;
        margin-left: -20%;
    }


    .banner .cntBanner .titulo-desc{
        top: 30%;
        left: 50%;
        font-size: 44px;
        line-height: 44px;
        width: 90%;
        margin: 0 auto 0 -45%;
    }
    .banner .cntBanner .titulo-desc a{
        font-size: 40px;
        line-height: 40px;
        margin-bottom: 20px;
    }
    .banner .titulo-desc .subtitulo{
        font-size: 30px !important;
        line-height: 30px !important;
    }

    .banner .cntBanner .txt-desc{
        display: none;
    }



	/* Control Nav - BULLETS */
	.flex-control-nav {
	    top: 230px;
	    width: 100%;
	    margin-left: -50%;
	}
	.flex-control-nav li {
	    margin: 0 5px;
	}
	.flex-control-paging li a {
	    width: 50px !important;
	    height: 10px !important;
	}
	.flex-control-paging li a.flex-active{
	    width: 50px !important;
	    height: 18px !important;
	}






    .content-dsp{
        padding-top: 20px;
    }




	.content-imagen{
	    background: #ffffff url(../lib/border_image.png) no-repeat center bottom;
		background-size: 100% auto;
		width: 100%;
	    padding: 0 0 2px 0;
	}




	.content .cntContent{
	    width: 86%;
	    min-height: 940px;
	    margin: 0 auto;
	    padding: 40px 0 60px 0;
	}

	.contentIn{
	    width: 100%;
	    margin: 0 auto 50px auto;
	}

	.content .cntContent img{
	    width: 100%;
	}




    .content-busqueda{
        margin-top: 0;
        padding: 10px 0;
    }

    .content-busqueda .formA fieldset{
        float: none;
        width: 80%;
        margin: 10px auto;
        padding: 0 2%;
    }
    .content-busqueda .formA .inpM{
        clear: both;
        width: 94%;
    }
    .content-busqueda .formA .btn-srch{
        clear: none;
        width: 60%;
        height: 60px;
        margin: 16px auto 0 auto;
    }





    .content-plan{
        font-size: 14px;
        line-height: 400px;
        height: auto;
    }
    .content-plan .cntPlan{
        height: auto;
    }
    .content-plan .plan{
        width: 100%;
        height: 400px;
    }
    .content-plan .plan div{
        line-height: 20px;
        width: 90%;
        margin: 15px auto;
        padding-bottom: 60px;
    }
    .content-plan .plan h2{
        margin-bottom: 20px;
    }




    .content-plan .plan-cipla{
        width: 100%;
        height: 400px;
    }
    .content-plan .plan-cipla h2{
        font-size: 36px;
        line-height: 36px;
        margin: 5px 0 8px 0;
    }
    .content-plan .plan-cipla .cont-cipla{
        line-height: 20px;
        width: 90%;
        margin: 5px auto 0 auto;
    }

    .content-plan .plan-cipla .cont-cipla div{
        width: 90%;
        margin-top: 0;
        margin-bottom: 10px;
    }
    .content-plan .plan-cipla div p{
        display: block;
        overflow: hidden;
        width: 94%;
        margin-bottom: 20px;
    }
    .content-plan .plan-cipla img{display: none;
        width: 30%;
        margin-top: 40px;
    }

    .content-plan .plan-cipla a.btn-01{
        clear: both;
        display: block;
        width: 140px;
        margin: 0 auto !important;
    }






	

    .content-comunidades{
        background: #d9bb73 url(../lib/bg-comunidades.jpg) no-repeat right bottom;
        background-size: 120%;
        width: 100%;
        height: 530px;
    }

    .content-comunidades .comunidades{
        line-height: 24px;
        width: 90%;
        height: 320px;
        padding: 2px 5% 5px 5%;
    }
    .content-comunidades .comunidades div{
        line-height: 20px;
        width: 96%;
        margin: 15px auto 0 auto;
    }
    .content-comunidades .comunidades h2{
        font-size: 36px;
        margin: 5px 0 8px 0;
        padding-bottom: 10px;
    }

    .content-comunidades .comunidades a.btn-02{
        float: none;
        clear: both;
        display: block;
        width: 140px;
        margin: 25px auto 0 auto !important;
    }




    .content-proyectos .proyectos{
        width: 100%;
        height: 400px;
    }
    .content-proyectos .proyectos div{
        line-height: 20px;
        width: 90%;
        margin: 50px auto 20px auto;
    }

    .content-proyectos .proyectos h2{
        margin-bottom: 20px;
    }
    .content-proyectos .proyectos a.btn-02{
        clear: both;
        margin: 30px auto 10px auto;
    }
    .content-proyectos .proyectos ul{
        display: none;
    }





	.content-proyectos .biblioteca{
		width: 100%;
		height: auto;
        padding-bottom: 15px;
	}

	.content-proyectos .biblioteca h2{
		width: 90%;
		margin: 30px auto 20px auto;
	}

	.content-proyectos .biblioteca p{
		width: 90%;
		margin: 20px auto;
	}









	footer .cntFooter{
	    width: 90%;
    	padding: 45px 0;
	}
	footer .cntFooter p{
	    width: 70%;
	    margin-top: 0;
	}



	footer .pwdL{
	    width: 90%;
	    padding: 10px 5%;
	}






    .disp-image-l{
        width: 100%;
        margin: 40px 0 0 0;
    }
    .disp-image-l img{
        width: 100%;
    }


    .disp-desc{
        width: 100%;
        margin: 0 0 20px 0;
    }










	.txt-principal{
		width: 90%;
	}



.txt-destacado{
	display: inline-block;
	overflow: hidden;
	position: relative;
	color: #2a5465;
	font-size: 20px;
	background: url(../lib/ico-cipla-01.png) no-repeat center bottom;
	width: 84%;
	margin: 30px auto;
	padding-bottom: 70px;
}













	.adjPdfB{
		width: 94%;
		padding: 10px 3% 15px 3% !important;
	}

	.adjPdfB ico{
	    margin-right: 15px;
	}

	.adjPdfB .txt-desc{
		line-height: 14px;
	    width: 68%;
    	padding-top: 5px;
	}









	ul.columnas-3{
	    -webkit-column-count: 2;
	       -moz-column-count: 2;
	            column-count: 2;
	}

	ul.columnas-3 li a{
		line-height: 16px;
	}





	ul.li-monitoreo li{
	    width: 99.4%;
	    height: auto;
	    padding: 15px 0 90px 0 !important;
	}






	ul.li-monitoreoI{
    	font-size: 15px;
	    line-height: 135px;
	}
	ul.li-monitoreoI li{
	    width: 95%;
	    height: 294px;
	    margin: 2px 0 20px 0 !important;
	    padding: 5px 2% 0 2% !important;
	}
	ul.li-monitoreoI li:nth-child(3n){
	    margin: 2px 0 20px 0 !important;
	}

	ul.li-monitoreoI li .bxGr{
		width: 94%;
		height: 135px;
		margin: 6px auto;
	}

	ul.li-monitoreoI li .bxTxt{
	    line-height: 17px !important;
		width: 100%;
	}

	ul.li-monitoreoI li:after{
		display: none;
	}




	ul.proyectos li{
	    width: 100%;
	    height: auto;
	    margin: 2px 0 40px 0 !important;
	}
	ul.proyectos li:nth-child(2n){
	    margin: 2px 0 40px 0 !important;
	}

	ul.proyectos li a{
	    padding-bottom: 30px !important;
	}
    ul.proyectos li a:after{
        display: none;
    }




	ul.comunidades li{
	    width: 100%;
	    height: auto;
	    margin: 2px 0 30px 0 !important;
	}
	ul.comunidades li:nth-child(4n){
	    margin: 2px 0 30px 0 !important;
	}

	ul.comunidades li a{
	    padding-bottom: 20px;
	}

	ul.comunidades li img{
	    margin-bottom: 10px;
	}
    ul.comunidades li:after{
        display: none;
    }







    ul.li-biblioteca{
        width: 70%;
        margin: 0 auto;
    }


    ul.li-biblioteca li{
        width: 92%;
        margin: 0 4% 5px 4% !important;
    }

    ul.li-biblioteca li a{
        line-height: 16px;
        padding: 10px 0 14px 0;
    }







    ul.li-publicaciones li{
        width: 96%;
        height: auto;
        margin: 15px 1% !important;
    }
    ul.li-publicaciones li:nth-child(3n){
        margin: 15px 1% !important;
    }
    ul.li-publicaciones li img{
        width: 36% !important;
        margin: 0 15px 10px auto !important;
    }

    ul.li-publicaciones li span{
        width: 56%;
        margin-top: 5px;
    }



    ul.li-compartir{
        margin: 10px 0 30px 0 !important;
    }
    ul.li-compartir li{
        float: left;
        width: 110px;
        margin: 2px 10px 2px 0 !important;
    }
    ul.li-compartir li:nth-child(1){
        width: 100%;
        margin: 2px 0 0 0 !important;
    }
    ul.li-compartir li:nth-child(4){
        margin: 2px 0 !important;
    }





    /* PAGINADOR */

    ul.pag {
        float: none !important;
        margin: 20px auto !important;
    }
    ul.pag li{
        display: none;
    }
    ul.pag li:first-child{
        display: block;
    }
    ul.pag li:last-child{
        display: block;
    }
    ul.pag li .txtL{
        padding: 0 10px !important;
    }


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

    table{
        width: 700px;
    }
    tbody td {
        font-size: 16px;
        padding: 8px 10px !important;
    }







    .formA fieldset{
        width: 100%;
        margin: 20px auto;
    }

    .formA label{
        width: 90%;
    }

    .formA .labL{
        padding: 0 0 10px 0;
    }



    .formA .labCh{
        width: 80%;
    }
    .formA .labCh input{
        width: 10%;
    }

    .formA input,
    .formA .inpB,
    .formA .inpM,
    .formA .inpS,
    .formA .inpXS{
        width: 90%;
    }




    .formA select,
    .formA .selB,
    .formA .selM,
    .formA .selS,
    .formA .selXS{
        width: 84%;
    }


    .formA .sel-filtro-b{
        clear: both;
        margin: 0 0 0 0;
    }


    .formA textarea{
        width: 90%;
        height: 100px;
        padding: 6px 4px;
    }

    .formA .button{
        height: 60px;
        padding: 0 40px;

    }




    .formA .txtEr{
        width: 84%;
        padding: 0 1%;
    }


    .formA .inpMB{
        width: 30%;
    }




    .filedrag{
        width: 90%;
        padding: 15px 2%;
    }
    progress {
        width: 90%;
    }


    /* DOCUMENTOS ADJUNTOS */
    ul.doc2{
        width: 90% !important;
    }









	
}


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



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





	h1{
		/*font-size: 48px;*/
		font-size: 30px;
		line-height: 36px;
	}






	.wrapper{
		min-width: 200px;
	}



	header{
		top: 0;
		left: 0;
		z-index: 100;
		position: relative;
		width: 100%;
		height: 64px;
	}
	header .cntHeader{
		width: 90%;
	}


	a.logo:link,a.logo:visited{
		background: url(../lib/cipla.png) no-repeat center;
		background-size: 100%;
		width: 44px;
		height: 47px;
		margin: 8px 0 0 5px;
	}



    .banner{
        height: 250px !important;
        min-height: 250px !important;
    }
    .banner .cntBanner{
        height: 250px !important;
        min-height: 250px !important;
        padding: 0 !important;
    }
    .banner .cntBanner img{
        width: 140%;
        margin-left: -20%;
    }


	.banner .cntBanner .titulo-desc{
        top: 41%;
	    left: 50%;
	    font-size: 30px;
	    line-height: 30px;
	    width: 90%;
	    margin: 0 auto 0 -45%;
	}
	.banner .cntBanner .titulo-desc a{
	    font-size: 40px;
	    line-height: 40px;
	    margin-bottom: 20px;
	}
    .banner .titulo-desc .subtitulo{
        font-size: 18px !important;
        line-height: 18px !important;
    }

	.banner .cntBanner .txt-desc{
		display: none;
	}



	/* Control Nav - BULLETS */
	.flex-control-nav {
	    top: 230px;
	    width: 100%;
	    margin-left: -50%;
	}
	.flex-control-nav li {
	    margin: 0 5px;
	}
	.flex-control-paging li a {
	    width: 50px !important;
	    height: 10px !important;
	}
	.flex-control-paging li a.flex-active{
	    width: 50px !important;
	    height: 18px !important;
	}





    .content-dsp{
        padding-top: 20px;
    }




	.content-imagen{
	    background: #ffffff url(../lib/border_image.png) no-repeat center bottom;
		background-size: 100% auto;
		width: 100%;
	    padding: 0 0 2px 0;
	}




	.content .cntContent{
	    width: 86%;
	    min-height: 940px;
	    margin: 0 auto;
	    padding: 40px 0 60px 0;
	}

	.contentIn{
	    width: 100%;
	    margin: 0 auto 50px auto;
	}

	.content .cntContent img{
	    width: 100%;
	}





	.content-busqueda{
		margin-top: 0;
	    padding: 10px 0;
	}

	.content-busqueda .formA fieldset{
		float: none;
        width: 80%;
		margin: 10px auto;
		padding: 0 2%;
	}
	.content-busqueda .formA .inpM{
		clear: both;
		width: 94%;
	}
	.content-busqueda .formA .btn-srch{
		clear: none;
		width: 60%;
		height: 60px;
		margin: 16px auto 0 auto;
	}






	.content-plan{
		font-size: 14px;
		line-height: 400px;

	}
	.content-plan .plan{
		width: 100%;
		height: 400px;
	}
	.content-plan .plan div{
		line-height: 20px;
		width: 90%;
		margin: 15px auto;
		padding-bottom: 60px;
	}
    .content-plan .plan h2{
        margin-bottom: 20px;
    }




	.content-plan .plan-cipla{
		width: 100%;
		height: 500px;
	}
	.content-plan .plan-cipla h2{
        line-height: 38px;
		margin: 15px 0 8px 0;
	}
	.content-plan .plan-cipla .cont-cipla{
		line-height: 20px;
		width: 90%;
		margin: 5px auto 0 auto;
	}

	.content-plan .plan-cipla .cont-cipla div{
		width: 100%;
		margin-bottom: 10px;
	}
    .content-plan .plan-cipla div p{
        width: 94%;
        margin-bottom: 18px;
    }
	.content-plan .plan-cipla img{
		float: none;
		display: block;
		overflow: hidden;
		width: 38%;
		margin: 0 auto !important;
	}
    .content-plan .plan-cipla a.btn-01{
        clear: both;
        display: block;
        width: 140px;
        margin: 0 auto !important;
    }







	.content-comunidades{
		background: #d9bb73 url(../lib/bg-comunidades.jpg) no-repeat right bottom;
		background-size: 120%;
		width: 100%;
		height: 560px;
	}

	.content-comunidades .comunidades{
		line-height: 24px;
		width: 90%;
		height: 350px;
		padding: 2px 5% 5px 5%;
	}
	.content-comunidades .comunidades div{
        line-height: 20px;
		width: 96%;
		margin: 15px auto 0 auto;
	}
	.content-comunidades .comunidades h2{
		font-size: 36px;
		margin: 5px 0 8px 0;
		padding-bottom: 10px;
	}

    .content-comunidades .comunidades a.btn-02{
        float: none;
        clear: both;
        display: block;
        width: 140px;
        margin: 25px auto 0 auto !important;
    }




	.content-proyectos .proyectos{
		width: 100%;
		height: 400px;
	}
	.content-proyectos .proyectos div{
        line-height: 20px;
		width: 90%;
		margin: 50px auto 20px auto;
	}

    .content-proyectos .proyectos h2{
        margin-bottom: 20px;
    }
	.content-proyectos .proyectos a.btn-02{
		clear: both;
		margin: 30px auto 10px auto;
	}
    .content-proyectos .proyectos ul{
        display: none;
    }



	.content-proyectos .biblioteca{
		width: 100%;
		height: auto;
	}

	.content-proyectos .biblioteca h2{
		width: 90%;
		margin: 30px auto 20px auto;
	}

	.content-proyectos .biblioteca p{
		width: 90%;
		margin: 20px auto;
	}






	.content-proyectos .biblioteca a.btn-01{
		margin: 40px auto;
	}








	footer .cntFooter{
	    width: 90%;
    	padding: 45px 0;
	}
	footer .cntFooter p{
	    width: 70%;
	    margin-top: 0;
	}



	footer .pwdL{
	    width: 90%;
	    padding: 10px 5%;
	}






    .disp-image-l{
        width: 100%;
        margin: 40px 0 0 0;
    }
    .disp-image-l img{
        width: 100%;
    }


    .disp-desc{
        width: 100%;
        margin: 20px 0;
    }







	.txt-principal{
		width: 90%;
	}



.txt-destacado{
	display: inline-block;
	overflow: hidden;
	position: relative;
	color: #2a5465;
	font-size: 20px;
	background: url(../lib/ico-cipla-01.png) no-repeat center bottom;
	width: 84%;
	margin: 30px auto;
	padding-bottom: 70px;
}













	.adjPdfB{
		width: 94%;
		padding: 10px 3% 15px 3% !important;
	}

	.adjPdfB ico{
	    margin-right: 15px;
	}

	.adjPdfB .txt-desc{
		line-height: 14px;
	    width: 68%;
    	padding-top: 5px;
	}









	ul.columnas-3{
	    -webkit-column-count: 2;
	       -moz-column-count: 2;
	            column-count: 2;
	}

	ul.columnas-3 li a{
		line-height: 16px;
	}



	ul.li-monitoreo li{
	    width: 99.6%;
	    height: auto;
	    padding: 15px 0 86px 0 !important;
	}






	ul.li-monitoreoI{
    	font-size: 15px;
	    line-height: 135px;
	}
	ul.li-monitoreoI li{
	    width: 95%;
	    height: 294px;
	    margin: 2px 0 20px 0 !important;
	    padding: 5px 2% 0 2% !important;
	}
	ul.li-monitoreoI li:nth-child(3n){
	    margin: 2px 0 20px 0 !important;
	}

	ul.li-monitoreoI li .bxGr{
		width: 94%;
		height: 135px;
		margin: 6px auto;
	}

	ul.li-monitoreoI li .bxTxt{
	    line-height: 17px !important;
		width: 100%;
	}

	ul.li-monitoreoI li:after{
		display: none;
	}







	ul.proyectos li{
	    width: 100%;
	    height: auto;
	    margin: 2px 0 40px 0 !important;
	}
	ul.proyectos li:nth-child(2n){
	    margin: 2px 0 40px 0 !important;
	}

	ul.proyectos li a{
	    padding-bottom: 30px !important;
	}

    ul.proyectos li a:after{
        display: none;
    }



	ul.comunidades li{
	    width: 100%;
	    height: auto;
	    margin: 2px 0 30px 0 !important;
	}
	ul.comunidades li:nth-child(4n){
	    margin: 2px 0 30px 0 !important;
	}

	ul.comunidades li a{
	    padding-bottom: 20px;
	}

	ul.comunidades li img{
	    margin-bottom: 10px;
	}

    ul.comunidades li:after{
        display: none;
    }



    ul.li-biblioteca li{
        width: 92%;
        margin: 0 4% 5px 4% !important;
    }

    ul.li-biblioteca li a{
        line-height: 16px;
        padding: 8px 0 10px 0;
    }





    ul.li-publicaciones li{
        width: 96%;
        height: auto;
        margin: 15px 1% !important;
    }
    ul.li-publicaciones li:nth-child(3n){
        margin: 15px 1% !important;
    }
    ul.li-publicaciones li img{
        width: 36% !important;
        margin: 0 15px 10px auto !important;
    }

    ul.li-publicaciones li span{
        width: 56%;
        margin-top: 5px;
    }



    /* PAGINADOR */

    ul.pag {
        float: none !important;
        margin: 20px auto !important;
    }
    ul.pag li{
        display: none;
    }
    ul.pag li:first-child{
        display: block;
    }
    ul.pag li:last-child{
        display: block;
    }
    ul.pag li .txtL{
        padding: 0 10px !important;
    }


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

    table{
        width: 700px;
    }
    tbody td {
        font-size: 16px;
        padding: 8px 10px !important;
    }




    .formA fieldset{
        width: 100%;
        margin: 20px auto;
    }

    .formA label{
        width: 90%;
    }

    .formA .labL{
        padding: 0 0 10px 0;
    }



    .formA .labCh{
        width: 80%;
    }
    .formA .labCh input{
        width: 10%;
    }

    .formA input,
    .formA .inpB,
    .formA .inpM,
    .formA .inpS,
    .formA .inpXS{
        width: 90%;
    }




    .formA select,
    .formA .selB,
    .formA .selM,
    .formA .selS,
    .formA .selXS{
        width: 84%;
    }


    .formA .sel-filtro-b{
        margin: 0 0 0 0;
    }


    .formA textarea{
        width: 90%;
        height: 100px;
        padding: 6px 4px;
    }

    .formA .button{
        height: 60px;
        padding: 0 40px;

    }




    .formA .txtEr{
        width: 84%;
        padding: 0 1%;
    }


    .formA .inpMB{
        width: 30%;
    }




    .filedrag{
        width: 90%;
        padding: 15px 2%;
    }
    progress {
        width: 90%;
    }


    /* DOCUMENTOS ADJUNTOS */
    ul.doc2{
        width: 90% !important;
    }






	
}





/* SIMPLE WYSIWIG */



.subtitle{
    font-size: 16px;
    line-height: 20px;
    font-family: 'Submariner', Arial,Tahoma;
    font-weight: 100;
}

.subtitle2{
    color: #2a5465;
    font-size: 16px;
    line-height: 20px;
    font-family: 'Submariner', Arial,Tahoma;
    font-weight: 100;
}




b{
    font-family: 'robotobold', Arial,Tahoma;
    font-weight: 100;
}
.bold{
    font-family: 'robotobold', Arial,Tahoma;
    font-weight: 100;
}
.bold2{
	color: #dfc480;
    font-family: 'robotobold', Arial,Tahoma;
    font-weight: 100;
}
.bold3{
	color: #2a5465;
    font-family: 'robotobold', Arial,Tahoma;
    font-weight: 100;
}






i{
	font-style: italic;
}


.small{
	font-size: 12px;
}

.small2{
	color: #dfc480;
	font-size: 12px;
}
.small3{
	color: #2a5465;
	font-size: 12px;
}



.color2{
	color: #dfc480;
}
.color3{
	color: #2a5465;
}














/*

-webkit-
   -moz-
    -ms-
     -o-





	-webkit-border-radius: 160px;
	   -moz-border-radius: 160px;
	    -ms-border-radius: 160px;
	     -o-border-radius: 160px;
	        border-radius: 160px;



*/