
.qs-left-contenido{
	float:left;	
	width:60%;
	padding:0px 13px;
	text-align:left;
}

.qs-right-contenido{
	float:right;	
	margin-right:30px;
	width:36%;
}

.clear{clear:both; padding:0px; margin:0px;}

.qs-title{	
	
    color: #666;
    text-transform: uppercase;
    font-size: 44px;
    text-align: left;
    width: 90%;
    background: url(../images/head.png) repeat-x left bottom;
    margin-bottom: 20px;
    font-family: teko;	
	
}

.vineta-roja{
    background: none repeat scroll 0 0 #C20021;
    color: #FFFFFF;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 13px;
    font-weight: bold;
    padding: 1px 7px;
}

.antecedente-ptva{
    color: #585858;
	padding-top:5px;
    font: 13.1pt/1.12em Calibri;
    letter-spacing: 0.23pt;
    text-align: justify;		
}

.acreditaciones{
	float:left; 
	width:23%;	
}

.acreditaciones p{padding:10px 0; text-align:left;}

.acreditaciones p, .acreditaciones p a{
	color:#2a97e4;
	font-weight:bold;
	font-size:14px;	
}

.acreditaciones p a{text-decoration:underline; font-size:16px;}


.mision-vision{padding:10px 0px;}

.box-mv{
	width:47%;
	text-align:justify;
    font-family:Calibri;
	font-size:13px;
    letter-spacing: 0.23pt;
	color: #585858;	
	padding: 10px;
}

.box-mv h1{font-style:italic; color:blue; font-family:"Freestyle Script"; font-size:48px;}

.email-gerencia a{
	color:#39A0F0;	
}


.qoute-caption, .work-title{
	/*width:25% !important;*/
	display:inline-block !important;
}

@media(max-width:1163px){/*cuando la ventana tenga un ancho maximo de 800px para abajo*/

	.acreditaciones{
		width:50%;	
		text-align:center;
	}

	.acreditaciones img{ width:70%;}	
		
}


@media(max-width:811px){/*cuando la ventana tenga un ancho maximo de 800px para abajo*/

	.qs-left-contenido{width:46%;}
	
	.qs-right-contenido{margin-right:4px;}
	
	#contact_1{width:21%;}
	
	.acreditaciones{
		width:40%;	
		text-align:center;
	}
		
}

@media(max-width:600px){/*cuando la ventana tenga un ancho maximo de 600px para abajo*/
	.qs-left-contenido, .qs-right-contenido{width:100%;}
	
	.qs-left-contenido{padding:0px;}
	
	.qs-right-contenido{padding-top:20px;}
	
	.box-mv{clear:both; width:100%;}
	
	#contact_2{float:left; width:50%;}
	
	#contact_1{width:48%;}
	
	#contact_1 img{width:50%;}
	
	.fb-page iframe{width:283px !important;}
	
	.qs-title{font-size:38px;}

	.acreditaciones{
		width:100%;	
		clear:both;
		text-align:center;
	}
	
	.acreditaciones img{ width:70%;}

    .qoute-caption, .work-title{
    	width:100% !important;	
	}

}


@media(max-width:400px){/*cuando la ventana tenga un ancho maximo de 600px para abajo*/
	#contact_2{float:left; width:100%;}
	
	#contact_1{width:50%;}

}

.politica img{
	box-shadow:1px 6px 10px #c1c1c1;	
}

/* =======================
    QUOTE SECTION
========================= */
.quote-section {
    padding: 70px 0;
    background: #e6e6e6;
}

    .quote-title{
        text-align: center;
    }
    .quote-title > i{
        font-size: 80px;
        display: none;
    }

    .fa-quote-right{
        position: relative;
        top: 80px;
        display: inline-block;
    }

     .fa-quote-left{
        position: relative;
        bottom: 50px;
        display: inline-block;
    }

    .quote-title > h1 {
        font-size: 45px;
        color: #1d1d1d;
        text-align: center;
        margin: 0 auto;
        padding: 0 5px 16px 0;
        line-height: 1;
        display: inline-block;
        position: relative;
        
		font-family:teko;
		width: 100%;
}
	

.ok-cert{
	color: #67ce1d;
    font-size: 1.4em;	
}


	
    .quote-title > h1:before{
        content: "";
        height: 10px;
        width: 50%;
        background: #67ce1d;
        position: absolute;
        bottom: 0px;
        left: 0;
        transition: all 1s;
    }
    .quote-title > h1:after{
        content: "";
        height: 10px;
        width: 50%;
        background: black;
        position: absolute;
        bottom: 0px;
        right: 0;
        transition: all 1s;
    }

    .quote-title > h1 > span {
        color: red;
    }
    .quote-title > h1:hover:before{
        left: 50%;
    }
    .quote-title > h1:hover:after{
        right: 50%;
    }

    .quote-title > p {
        font-family: 'Open Sans', Arial,sans-serif ;
        font-weight: 400;
        font-size: 14px;
        /*padding: 0 0% 0 30%;*/
		padding:0;
        margin-top: 10px;
        color: #808080;
		text-align:left;
    }

    .quote-title > ul {
        /*padding: 0 0% 0 25%;*/
		padding:0;
		text-align:justify;
		line-height:31px;
		color:black;
		font-weight:bold;
		font-size: 13px;
	}

    .quote-title > ul li{
		list-style:none;
	}

    .quote-title > p > span {
    color: #67ce1d;
    font-weight: 800;
	}

    .quote-item {
        background: transparent !important;
		display: inline-block;
		width: 18%;
		vertical-align: top;		
    }



/* RESPONSIVE
   ========================================================================= */

/* Tablets en horizonal y escritorios normales
   ------------------------------------------------------------------------- */
@media (min-width: 768px) and (max-width: 1199px) {
    .quote-item {width: 32%;}
}
 
/* Móviles en horizontal o tablets en vertical
   ------------------------------------------------------------------------- */
@media (max-width: 767px) {
	.quote-item {width: 48%;}
}
 
/* Móviles en vertical
   ------------------------------------------------------------------------- */
@media (max-width: 480px) {
	.quote-item {width: 100%;}
}



	.owl-carousel{display: block !important; }

	.quote-item img{ width:100%; box-shadow:1px 6px 10px #c1c1c1;}

    .qoute-caption {
    }
    .owl-item > .item:before{
        display: none;
    }

    .quote-item > p{
        font-family: 'Open Sans', Arial,sans-serif ;
        font-weight: 400;
        font-size: 16px;
        padding: 0 5%;
        margin-top: 10px;
        color: #1d1d1d;
        background: transparent
    }

    .quote-navigation a,.quote-navigation a:hover, .quote-navigation a:focus, .quote-navigation a:active{
        text-decoration: none;
        border: none;
        background: transparent;
        box-shadow: none;
        padding: 5px;
        transition: all 1s;
     }
    .quote-navigation a i{
        color: #fff;
        font-size: 40px;
        background: #67ce1d;
        padding:3px 15px;
        border: 1px solid #67ce1d;
    }
    .quote-navigation a:hover i{
        border: 1px solid #03e272;
        background: transparent;
        color: #1d1d1d;
        transition: all 1s;
    }
	
	
    .work-title{
        text-align: right;
    }
	
	
	.alignright {
		float: right;
	}	
	
	
	.btn-download{
		display: block;
		/*padding: 9px 60px;*/
		padding: 10px 4px;
		font-size: 20px;
		color: #666;
		font-family: teko;
		transition: all 0.5s ease 0s;
		text-align: center;
		border: 2px solid #67ce1d;
		width: auto;	
		margin-top: 20px;
		background:white;
	}
	
	.btn-download:hover{
	color: white;
    background: #808080;		
	}
	
	
.ley-estado{
	font-size:1.3em;
	color:black;
	text-align:justify;	
}
	