@import url("fonts.css");

html,
body {
    height: 100%;
}
body {
    padding-top:150px; 
}

.navbar-fixed-top{top:70px;
}
.navbar-inverse{
background: rgba(255, 255, 255);
background-color: rgba(255, 255, 255, 0.7);
border:none !important;
height:80px;
padding-top:5px;
padding-bottom:5px;
}
.navbar-brand {
    float: left;
    height: 50px;
    padding: 5px 15px;
    font-size: 18px;
    line-height: 20px;
}

.navbar-inverse .navbar-nav>li{ margin-top:10px;}

.navbar-inverse .navbar-nav>li>a {
   font-family:'Nautikka_regular'; font-size:16pt; color:#2E5696; text-decoration:none;
}
.navbar-inverse .navbar-nav>li>a:hover {
   color:#3FAE29;
}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
    color:#3FAE29;
    background:none;
}

.topnav{ padding-left:84px;}
.page_site{padding-left:57px; padding-top:57px; width:1280; min-height:400px;}
.contenedor{position:relative; overflow:hidden;}
/******************index***********************/
 .responsabilidad{

width:305px; height:47px; padding-left:15px; padding-bottom:55px; margin-left:-310px; position:relative;
background: rgba(30,58,111,1);
background: -moz-linear-gradient(left, rgba(30,58,111,1) 0%, rgba(46,86,150,0.7) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(30,58,111,1)), color-stop(100%, rgba(46,86,150,0.7)));
background: -webkit-linear-gradient(left, rgba(30,58,111,1) 0%, rgba(46,86,150,0.7) 100%);
background: -o-linear-gradient(left, rgba(30,58,111,1) 0%, rgba(46,86,150,0.7) 100%);
background: -ms-linear-gradient(left, rgba(30,58,111,1) 0%, rgba(46,86,150,0.7) 100%);
background: linear-gradient(to right, rgba(30,58,111,1) 0%, rgba(46,86,150,0.7) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e3a6f', endColorstr='#2e5696', GradientType=1 );

font-family:'Nautikka_regular'; font-size:37px; color:#FFF;}

.nTrabajo{
width:490px; height:47px; padding-left:15px; padding-bottom:55px; margin-top:10px; position:relative; margin-left:-490px;
background: rgba(76,192,186,1);
background: -moz-linear-gradient(left, rgba(76,192,186,1) 0%, rgba(27,101,99,0.7) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(76,192,186,1)), color-stop(100%, rgba(27,101,99,0.7)));
background: -webkit-linear-gradient(left, rgba(76,192,186,1) 0%, rgba(27,101,99,0.7) 100%);
background: -o-linear-gradient(left, rgba(76,192,186,1) 0%, rgba(27,101,99,0.7) 100%);
background: -ms-linear-gradient(left, rgba(76,192,186,1) 0%, rgba(27,101,99,0.7) 100%);
background: linear-gradient(to right, rgba(76,192,186,1) 0%, rgba(27,101,99,0.7) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4cc0ba', endColorstr='#1b6563', GradientType=1 );
font-family:'Nautikka_regular'; font-size:37px; color:#FFF;	
}

.fmejor{
width:350px; height:47px; padding-left:15px; padding-bottom:55px;  margin-left:-350px; margin-top:10px; position:relative;
background: rgba(21,105,39,1);
background: -moz-linear-gradient(left, rgba(21,105,39,1) 0%, rgba(64,174,73,0.7) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(21,105,39,1)), color-stop(100%, rgba(64,174,73,0.7)));
background: -webkit-linear-gradient(left, rgba(21,105,39,1) 0%, rgba(64,174,73,0.7) 100%);
background: -o-linear-gradient(left, rgba(21,105,39,1) 0%, rgba(64,174,73,0.7) 100%);
background: -ms-linear-gradient(left, rgba(21,105,39,1) 0%, rgba(64,174,73,0.7) 100%);
background: linear-gradient(to right, rgba(21,105,39,1) 0%, rgba(64,174,73,0.7) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#156927', endColorstr='#40ae49', GradientType=1 );
font-family:'Nautikka_regular'; font-size:37px; color:#FFF;	
}
.spiral_index {}
.spiral_index svg{position:fixed; bottom:0; right:0;}

/***************Nosotros************************/
.bg_nos{
padding:12px;
background: rgba(255,255,255,0.6);
background: -moz-linear-gradient(left, rgba(255,255,255,0.6) 0%, rgba(255,255,255,0.6) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0.6)), color-stop(100%, rgba(255,255,255,0.6)));
background: -webkit-linear-gradient(left, rgba(255,255,255,0.6) 0%, rgba(255,255,255,0.6) 100%);
background: -o-linear-gradient(left, rgba(255,255,255,0.6) 0%, rgba(255,255,255,0.6) 100%);
background: -ms-linear-gradient(left, rgba(255,255,255,0.6) 0%, rgba(255,255,255,0.6) 100%);
background: linear-gradient(to right, rgba(255,255,255,0.6) 0%, rgba(255,255,255,0.6) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );
font-family:'Nautikka'; font-size:18px; color:#4D4D4D;text-align:justify;
}
.titulo_somos{font-family:'Nautikka_bold_italic'; font-size:38px; color:#2E5696; text-align:center; opacity:0;}

.texto{opacity:0;}
.spiral_nosotros svg{position:fixed; bottom:0; left:0;}
/*************************Ayudar*************************************/
#menu_ayudar {height:55px; padding-bottom:20px;}
#menu_ayudar li{float:left; display:block; list-style:none; position:relative;}
#menu_ayudar li a{font-family:'Nautikka_bold_italic'; font-size:23px; color:#999999; text-decoration:none;}
#menu_ayudar .mnuprograma{}
#menu_ayudar .mnuresiduos{margin-left:55px;}
#menu_ayudar .active{color:#2E5696;}
.imageDiv img{position:fixed; bottom:0; right:0px;}
.informacion{margin-top:50px; font-family:'Nautikka'; font-size:16px; color:#4D4D4D; text-align:justify; /*position:absolute;*/ width:580px;}
.titulosinfo{font-family:'Nautikka_bold'; font-size:17px; color:#2E5696;}
/*************************************Diferenciadores***********************************/
#menu_ {position:absolute;}
#menu_ li{float:left; display:block; list-style:none; position:relative; }
#menu_ li a{font-family:'Nautikka_bold_italic'; font-size:23px; color:#999999; text-decoration:none;}
#menu_ .proceso{}
#menu_ .calidad{margin-left:80px;}
#menu_ .autorizaciones{ margin-left:90px;}
#menu_ .active{color:#2E5696;}

.plecas{ font-family:'Nautikka'; font-size: 15px; color:white; display:block;opacity:1; padding-top:80px;}

.plecas .col-md-6{padding-left:0px;}

.plecas .plecau{float:left;}

.plecas .plecau .funo{ background:url(../imgs/flecha%20gris.png) no-repeat; width:475px; height:75px; padding-left:79px; padding-top:15px;opacity:0; position:relative; left:15px;}
.plecas .plecau .fdos{ background:url(../imgs/flecha%20verde.png) no-repeat;  width:475px; height:75px; padding-left:79px; margin-top:15px; padding-top:15px;opacity:0; position:relative; left:15px;}

.plecas .plecad {float:left; margin-left:0px;}
.plecas .plecad .ftres{ background:url(../imgs/flecha%20azul.png) no-repeat; width:560px; height:75px; padding-left:10px; padding-top:5px;opacity:0; position:relative; right:15px;}
.plecas .plecad .ftres td{ width:48%;}

.plecas .plecad .fcuatro{background:url(../imgs/flecha%20azul%202.png) no-repeat; width:560px; height:75px; margin-top:15px; padding-left:130px; padding-top:5px;opacity:0; padding-right:60px; position:relative; right:15px;}




.titulos{font-family:'Nautikka_bold_italic';}

.piramide{ position:relative;  margin-top:180px; height:385px;}
.piramide .pira4{position:absolute;z-index:1; opacity:0; margin-left:30px;}
.piramide .pira3{position:absolute;z-index:2; margin-top:80px; margin-left:70px; opacity:0;}
.piramide .pira2{position:absolute;z-index:3; margin-top:160px; margin-left:111px; opacity:0;}
.piramide .punta{position:absolute;z-index:4; margin-top:240px; margin-left:153px; opacity:0;}

.piramide .pu{position:absolute;margin-left:365px; margin-top:95px;opacity:0;}
.piramide .pd{position:absolute;margin-left:320px; margin-top:170px;opacity:0;}
.piramide .pt{position:absolute;margin-left:270px; margin-top:240px;opacity:0;}
.piramide .pc{position:absolute;margin-left:230px; margin-top:300px;opacity:0;}
/******************************************/
/************************************Modelos**************************************/
.modelos{margin-top:80px; font-family:'Nautikka'; font-size: 15px; color:#4D4D4D; display:none; height:350px; margin-left:15px; width:770px; height:450px;  /*position:absolute; */}
.modelos .textou{width:619px;}
.modelos .divpuntos{ padding-top:50px; position:relative; overflow:hidden; height:350px;}


.modelos .posu,.posd,.post,.posc,.posci,.posse,.possie{position:absolute; opacity:1;}

.modelos .posu{margin-top:-50px;}
.modelos .posd{margin-top:400px; margin-left:90px;}
.modelos .post{margin-top:-50px; margin-left:180px;}
.modelos .posc{margin-top:400px; margin-left:270px;}
.modelos .posci{margin-top:-50px; margin-left:360px;}
.modelos .posse{margin-top:400px; margin-left:450px;}
.modelos .possie{margin-top:-50px; margin-left:540px;}

.content_autorizaciones{display:none; opacity:1; margin-top:80px; margin-left:15px;}
.content_autorizaciones .textou{width:619px; height:200px; font-family:'Nautikka'; font-size: 15px; color:#4D4D4D;}

/**********************Contacto****************************/
.contact_letf{height:484px;font-size:15px; font-family:'Nautikka'; color:#4D4D4D;}
.contact_letf .guest{color:#2E5696; font-family:'Nautikka_bold'; font-size:17px;}



.visible{display:block;}
.ocultar{display:none;}
.clear{clear:both;}
.Nautikka_bold{font-family:'Nautikka_bold';}
.Nautikka_medium_italic{font-family:'Nautikka_medium_italic';}

.loader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background:url('../imgs/loader.gif') 50% 50% no-repeat rgb(249,249,249);
}



/* Responsive Styles */
@media(max-width:1440px) {
.spiral_index svg{position:fixed; bottom:0px; right:0px; width:50%; height:auto;}
.spiral_nosotros svg{position:fixed; bottom:0; left:0; width:50%; height:auto;}
.imageDiv img{position:fixed; bottom:0; right:0px; width:40%; height:auto;}
}
@media(max-width:1280px) {
.spiral_index svg{position:fixed; bottom:0px; right:0px; width:50%; height:auto;}
.spiral_nosotros svg{position:fixed; bottom:0; left:0; width:50%; height:auto;}
.imageDiv img{position:fixed; bottom:0; right:0px; width:40%; height:auto;}
}
@media(max-width:1024px) {
.navbar-inverse .navbar-nav>li>a {
   font-family:'Nautikka_regular'; font-size:13pt; color:#2E5696; text-decoration:none;
}
.informacion{width:100%;}	
.plecas .col-md-6{ float: none !important; width:65%; margin:auto;}
.plecas .plecau .funo{width:605px; height:75px; opacity:1;}
.plecas .plecau .fdos{width:605px; height:75px; opacity:1;}

.plecas .plecad {float:left; margin-left:0px; opacity:1;}
.plecas .plecad .ftres{left:10px; margin-top:15px; opacity:1;}
.plecas .plecad .ftres table{width:90%;}
.plecas .plecad .fcuatro{left:10px; opacity:1;}

.piramide{ position:relative;  margin-top:380px; height:400px;  width:50%;}
.piramide .pira4{position:absolute;z-index:1; opacity:1; left:15px;}
.piramide .pira3{position:absolute;z-index:2; margin-top:80px; left:15px; opacity:1;}
.piramide .pira2{position:absolute;z-index:3; margin-top:160px; left:15px; opacity:1;}
.piramide .punta{position:absolute;z-index:4; margin-top:240px; left:15px; opacity:1;}

.piramide .pu{position:absolute;left:40px; margin-top:95px;opacity:1;}
.piramide .pd{position:absolute;left:35px; margin-top:170px;opacity:1;}
.piramide .pt{position:absolute;left:35px; margin-top:240px;opacity:1;}
.piramide .pc{position:absolute;left:35px; margin-top:300px;opacity:1;}


.modelos .divpuntos{  width:100%; margin-top:30px;}
.modelos .posu{margin-top:-50px;}
.modelos .posd{margin-top:35px; margin-left:90px;}
.modelos .post{margin-top:-50px; margin-left:180px;}
.modelos .posc{margin-top:35px; margin-left:270px;}
.modelos .posci{margin-top:-50px; margin-left:360px;}
.modelos .posse{margin-top:35px; margin-left:450px;}
.modelos .possie{margin-top:-50px; margin-left:540px;}

}

@media(max-width:991px) {
nav  .container {
    width:100%;
}
.topnav {
    padding-left:10px;
}
.navbar-inverse .navbar-nav>li>a {
   font-family:'Nautikka_regular'; font-size:11pt; color:#2E5696; text-decoration:none;
}
.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
background:none;

margin-top:0px;
}
.container {
    width:80%;
}
 .page_site{ padding-top:57px; width:100%; margin:auto;  min-height:0px;}
 
.spiral_index svg{position:fixed; bottom:0px; right:0px; width:30%; height:auto;}
.spiral_nosotros svg{position:fixed; bottom:0; left:0; width:35%; height:auto;}
.imageDiv img{position:fixed; bottom:0; right:0px; width:30%; height:auto;}
.divsvg{width:30%;}
.divtextoleft{width:70%;}
.informacion{width:350px;}
/***************ayudar************/
#menu_ayudar {height:55px; padding-bottom:20px;}
#menu_ayudar li{float:left; display:block; list-style:none; position:relative;}
#menu_ayudar li a{font-family:'Nautikka_bold_italic'; font-size:18px; color:#999999; text-decoration:none;}
#menu_ayudar .mnuprograma{margin-left:-10px;}
#menu_ayudar .mnuresiduos{margin-left:10px;}

/*******************Diferenciadores**********************/
#menu_ {position:absolute;}
#menu_ li{float:left; display:block; list-style:none; position:relative; }
#menu_ li a{font-family:'Nautikka_bold_italic'; font-size:20px; color:#999999; text-decoration:none;}
#menu_ .proceso{}
#menu_ .calidad{margin-left:15px;}
#menu_ .autorizaciones{ margin-left:15px;}
#menu_ .active{color:#2E5696;}

.plecas .plecau .funo{width:605px; height:75px; opacity:1;}
.plecas .plecau .fdos{width:605px; height:75px; opacity:1;}

.plecas .plecad {float:left; margin-left:0px; opacity:1;}
.plecas .plecad .ftres{left:10px; margin-top:15px; opacity:1;}
.plecas .plecad .ftres table{width:90%;}
.plecas .plecad .fcuatro{left:10px; opacity:1;}

.piramide{ position:relative;  margin-top:380px; height:400px;  width:50%;}
.piramide .pira4{position:absolute;z-index:1; opacity:1; left:15px;}
.piramide .pira3{position:absolute;z-index:2; margin-top:80px; left:15px; opacity:1;}
.piramide .pira2{position:absolute;z-index:3; margin-top:160px; left:15px; opacity:1;}
.piramide .punta{position:absolute;z-index:4; margin-top:240px; left:15px; opacity:1;}

.piramide .pu{position:absolute;left:40px; margin-top:95px;opacity:1;}
.piramide .pd{position:absolute;left:35px; margin-top:170px;opacity:1;}
.piramide .pt{position:absolute;left:35px; margin-top:240px;opacity:1;}
.piramide .pc{position:absolute;left:35px; margin-top:300px;opacity:1;}

.modelos{ position:relative;}
.modelos .divpuntos{  width:100%; margin-top:30px;}

.modelos .posu{margin-top:-50px;}
.modelos .posd{margin-top:35px; margin-left:90px;}
.modelos .post{margin-top:-50px; margin-left:180px;}
.modelos .posc{margin-top:35px; margin-left:270px;}
.modelos .posci{margin-top:-50px; margin-left:360px;}
.modelos .posse{margin-top:35px; margin-left:450px;}
.modelos .possie{margin-top:-50px; margin-left:540px;}   
	
	
	
	
}

@media(max-width:767px) {
  .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
background: rgba(255, 255, 255);
background-color: rgba(255, 255, 255, 0.7);
margin-top:25px;
}
.container {
    width:100%;
}
.page_site{padding-left:5px; padding-top:57px; width:1280; min-height:0px;}

.spiral_index svg{position:fixed; bottom:0px; right:0px; width:30%; height:auto;}
.spiral_nosotros svg{position:fixed; bottom:0; left:0; width:35%; height:auto;}
.imageDiv img{position:fixed; bottom:0; right:0px; width:30%; height:auto;}
.divsvg{width:30%;}
.divtextoleft{width:70%;}
.informacion{ width:350px;}
/***************ayudar************/
#menu_ayudar {height:55px; padding-bottom:20px;}
#menu_ayudar li{float:left; display:block; list-style:none; position:relative;}
#menu_ayudar li a{font-family:'Nautikka_bold_italic'; font-size:18px; color:#999999; text-decoration:none;}
#menu_ayudar .mnuprograma{margin-left:-10px;}
#menu_ayudar .mnuresiduos{margin-left:10px;}

/*******************Diferenciadores**********************/
#menu_ {position:absolute;}
#menu_ li{float:left; display:block; list-style:none; position:relative; }
#menu_ li a{font-family:'Nautikka_bold_italic'; font-size:20px; color:#999999; text-decoration:none;}
#menu_ .proceso{}
#menu_ .calidad{margin-left:15px;}
#menu_ .autorizaciones{ margin-left:15px;}
#menu_ .active{color:#2E5696;}

.plecas .plecau .funo{width:605px; height:75px; opacity:1;}
.plecas .plecau .fdos{width:605px; height:75px; opacity:1;}

.plecas .plecad {float:left; margin-left:0px; opacity:1;}
.plecas .plecad .ftres{left:10px; margin-top:15px; opacity:1;}
.plecas .plecad .ftres table{width:90%;}
.plecas .plecad .fcuatro{left:10px; opacity:1;}

.piramide{ position:relative;  margin-top:380px; height:400px;  width:50%;}
.piramide .pira4{position:absolute;z-index:1;  left:15px;opacity:1;}
.piramide .pira3{position:absolute;z-index:2; margin-top:80px; left:15px; opacity:1;}
.piramide .pira2{position:absolute;z-index:3; margin-top:160px; left:15px; opacity:1;}
.piramide .punta{position:absolute;z-index:4; margin-top:240px; left:15px; opacity:1;}

.piramide .pu{position:absolute;left:40px; margin-top:95px;opacity:1;}
.piramide .pd{position:absolute;left:35px; margin-top:170px;opacity:1;}
.piramide .pt{position:absolute;left:35px; margin-top:240px;opacity:1;}
.piramide .pc{position:absolute;left:35px; margin-top:300px;opacity:1;}

.modelos{ position:relative;}
.modelos .divpuntos{  width:100%; margin-top:30px;}

.modelos .posu{width:14%; margin-top:0; margin-left:0;}
.modelos .posd{width:14%; margin-top:10.3%; margin-left:10%;}
.modelos .post{width:14%; margin-top:1%; margin-left:19%;}
.modelos .posc{width:14%; margin-top:10.3%; margin-left:28%;}
.modelos .posci{width:16%; margin-top:2%; margin-left:38%;}
.modelos .posse{width:14%; margin-top:10.3%; margin-left:48%;}
.modelos .possie{width:20%; margin-top:2.5%; margin-left:58%;} 
	
}
@media(max-width:640px) {
  .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
background: rgba(255, 255, 255);
background-color: rgba(255, 255, 255, 0.7);
margin-top:25px;
}
.container {
    width:100%;
}
.page_site{padding-left:5px; padding-top:57px; width:100%; min-height:0px; height:100%;}

.spiral_index svg{position:fixed; bottom:0px; right:0px; width:30%; height:auto;}
.spiral_nosotros svg{position:fixed; bottom:0; left:0; width:35%; height:auto;}
.imageDiv img{position:fixed; bottom:0; right:0px; width:30%; height:auto;}
.divsvg{width:30%;}
.divtextoleft{width:70%;}
.informacion{ width:350px;}
/***************ayudar************/
#menu_ayudar {height:55px; padding-bottom:20px;}
#menu_ayudar li{float:left; display:block; list-style:none; position:relative;}
#menu_ayudar li a{font-family:'Nautikka_bold_italic'; font-size:18px; color:#999999; text-decoration:none;}
#menu_ayudar .mnuprograma{margin-left:-10px;}
#menu_ayudar .mnuresiduos{margin-left:10px;}

/*******************Diferenciadores**********************/
#menu_ {position:absolute;}
#menu_ li{float:left; display:block; list-style:none; position:relative; }
#menu_ li a{font-family:'Nautikka_bold_italic'; font-size:20px; color:#999999; text-decoration:none;}
#menu_ .proceso{}
#menu_ .calidad{margin-left:15px;}
#menu_ .autorizaciones{ margin-left:15px;}
#menu_ .active{color:#2E5696;}
.plecas .col-md-6{width:100%;}
.plecas .plecau {width:100%;}

.plecas .plecau .funo{width:605px; height:75px; opacity:1;}
.plecas .plecau .fdos{width:605px; height:75px; opacity:1;}

.plecas .plecad {float:left; margin-left:0px; opacity:1;}
.plecas .plecad .ftres{left:10px; margin-top:15px; opacity:1; background-position:left;}
.plecas .plecad .ftres table{width:90%;}
.plecas .plecad .fcuatro{left:10px; opacity:1;}

.piramide{ position:relative;  margin-top:380px; height:400px;  width:50%;}
.piramide .pira4{position:absolute;z-index:1;  left:15px;opacity:1;}
.piramide .pira3{position:absolute;z-index:2; margin-top:80px; left:15px; opacity:1;}
.piramide .pira2{position:absolute;z-index:3; margin-top:160px; left:15px; opacity:1;}
.piramide .punta{position:absolute;z-index:4; margin-top:240px; left:15px; opacity:1;}

.piramide .pu{position:absolute;left:40px; margin-top:95px;opacity:1;}
.piramide .pd{position:absolute;left:35px; margin-top:170px;opacity:1;}
.piramide .pt{position:absolute;left:35px; margin-top:240px;opacity:1;}
.piramide .pc{position:absolute;left:35px; margin-top:300px;opacity:1;}

.modelos{ position:relative;}
.modelos .divpuntos{  width:100%; margin-top:30px;}

.modelos .posu{width:14%; margin-top:0; margin-left:0;}
.modelos .posd{width:14%; margin-top:10.3%; margin-left:10%;}
.modelos .post{width:14%; margin-top:1%; margin-left:19%;}
.modelos .posc{width:14%; margin-top:10.3%; margin-left:28%;}
.modelos .posci{width:17%; margin-top:1.7%; margin-left:38%;}
.modelos .posse{width:14%; margin-top:10.3%; margin-left:48%;}
.modelos .possie{width:23%; margin-top:1.3%; margin-left:58%;} 
	
}
/***********************************************************/

@media(max-width:414px) {

.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
background: rgba(255, 255, 255);
background-color: rgba(255, 255, 255, 0.7);
margin-top:25px;
}
.container {
    width:100%;
}

.spiral_index svg{position:fixed; bottom:0px; right:0px; width:30%; height:auto;}
.spiral_nosotros svg{position:fixed; bottom:0; left:0; width:35%; height:auto;}
.imageDiv img{position:fixed; bottom:0; right:0px; width:30%; height:auto;}
.divsvg{width:30%;}
.divtextoleft{width:70%;}
.informacion{ width:350px;}
/***************ayudar************/
#menu_ayudar {height:55px; padding-bottom:20px;}
#menu_ayudar li{float:left; display:block; list-style:none; position:relative;}
#menu_ayudar li a{font-family:'Nautikka_bold_italic'; font-size:18px; color:#999999; text-decoration:none;}
#menu_ayudar .mnuprograma{margin-left:-10px;}
#menu_ayudar .mnuresiduos{margin-left:10px;}

/*******************Diferenciadores**********************/
#menu_ {position:absolute;}
#menu_ li{float:left; display:block; list-style:none; position:relative; }
#menu_ li a{font-family:'Nautikka_bold_italic'; font-size:20px; color:#999999; text-decoration:none;}
#menu_ .proceso{}
#menu_ .calidad{margin-left:15px;}
#menu_ .autorizaciones{ margin-left:15px;}
#menu_ .active{color:#2E5696;}

.plecas .col-md-6{width:100%;}
.plecas .plecau {width:100%;}
.plecas .plecau .funo{width:100%; height:75px; opacity:1;}
.plecas .plecau .fdos{width:100%; height:75px; opacity:1;}

.plecas .plecad {float:left; margin-left:0px;}
.plecas .plecad .ftres{background:url(../imgs/flecha%20azul_412.png) no-repeat; left:10px; margin-top:15px; opacity:1; width:100%;}
.plecas .plecad .ftres table{ width:80% !important;}
.plecas .plecad .fcuatro{background:url(../imgs/flecha%20azul%202_412.png) no-repeat; left:10px; opacity:1; padding-left:20px; padding-top:10px; width:100%;}

.piramide{ position:relative; margin-top:380px; height:400px; width:93%; opacity:1;}
.piramide .pira4{position:absolute;z-index:1; opacity:1; left:15px; width:45%; }
.piramide .pira3{position:absolute;z-index:2; margin-top:80px; left:-2px; top:-35px; opacity:1; width:35%;}
.piramide .pira2{position:absolute;z-index:3; margin-top:160px; left:-20px; opacity:1; top:-69px; width:25%;}
.piramide .punta{position:absolute;z-index:4; margin-top:240px; left:-40px; top:-102px; opacity:1; width:15%;}

.piramide .pu{position:absolute;left:-180px; margin-top:20px;opacity:1;width:35%;}
.piramide .pd{position:absolute;left:-130px; margin-top:70px;opacity:1;width:35%;}
.piramide .pt{position:absolute;left:-100px; margin-top:120px;opacity:1;width:40%;}
.piramide .pc{position:absolute;left:-80px; margin-top:160px;opacity:1;width:45%;}

.modelos{position:relative;}


.modelos .divpuntos{  width:100%; margin-top:30px; height:200px;}
.modelos .posu{width:14%; margin-top:0; margin-left:0;}
.modelos .posd{width:14%; margin-top:11%; margin-left:14%;}
.modelos .post{width:14%; margin-top:1%; margin-left:28%;}
.modelos .posc{width:14%; margin-top:11%; margin-left:42%;}
.modelos .posci{width:14%; margin-top:4%; margin-left:56%;}
.modelos .posse{width:14%; margin-top:11%; margin-left:70%;}
.modelos .possie{width:16%; margin-top:5.2%; margin-left:84%;}
.responsabilidad{
font-family:'Nautikka_regular'; font-size:30px; color:#FFF;}
.nTrabajo{
font-family:'Nautikka_regular'; font-size:28px; color:#FFF;}
.fmejor{
font-family:'Nautikka_regular'; font-size:30px; color:#FFF;}
.bg_nos{
font-family:'Nautikka'; font-size:12px; color:#4D4D4D;text-align:justify;}
.titulo_somos{font-family:'Nautikka_bold_italic'; font-size:15px; color:#2E5696; text-align:center; opacity:0;}
#menu_ayudar li a{font-family:'Nautikka_bold_italic'; font-size:15px; color:#999999; text-decoration:none;}
.informacion{margin-top:50px; font-family:'Nautikka'; font-size:12px; color:#4D4D4D; text-align:justify; /*position:absolute;*/ width:250px;}
.titulosinfo{font-family:'Nautikka_bold'; font-size:12px; color:#2E5696;}

.plecas{ font-family:'Nautikka'; font-size: 12px; color:white; display:block;opacity:1; padding-top:80px;}
#menu_ li a{font-family:'Nautikka_bold_italic'; font-size:14px; color:#999999; text-decoration:none;}
.modelos{margin-top:80px; font-family:'Nautikka'; font-size: 11px; color:#4D4D4D; display:none; height:350px; margin-left:15px; width:98%; height:450px;  /*position:absolute; */}
.modelos .textou{width:98%;}
.content_autorizaciones .textou{width:619px; height:200px; font-family:'Nautikka'; font-size: 12px; color:#4D4D4D;}
.contact_letf{height:484px;font-size:12px; font-family:'Nautikka'; color:#4D4D4D;}
.contact_letf .guest{color:#2E5696; font-family:'Nautikka_bold'; font-size:13px;}

}

@media(max-width:384px) {

.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
background: rgba(255, 255, 255);
background-color: rgba(255, 255, 255, 0.7);
margin-top:25px;
}
.container {
    width:100%; padding:0px;
}
.contenedor{ padding:8px;}
.page_site{width:100%;}

.spiral_index svg{position:fixed; bottom:0px; right:0px; width:30%; height:auto;}
.spiral_nosotros svg{position:fixed; bottom:0; left:0; width:35%; height:auto;}
.imageDiv img{position:fixed; bottom:0; right:0px; width:30%; height:auto;}
.divsvg{width:30%;}
.divtextoleft{width:70%;}
.informacion{ width:350px;}
/***************ayudar************/
#menu_ayudar {height:55px; padding-bottom:20px;}
#menu_ayudar li{float:left; display:block; list-style:none; position:relative;}
#menu_ayudar li a{font-family:'Nautikka_bold_italic'; font-size:18px; color:#999999; text-decoration:none;}
#menu_ayudar .mnuprograma{margin-left:-10px;}
#menu_ayudar .mnuresiduos{margin-left:10px;}

/*******************Diferenciadores**********************/
#menu_ {position:absolute;}
#menu_ li{float:left; display:block; list-style:none; position:relative; }
#menu_ li a{font-family:'Nautikka_bold_italic'; font-size:20px; color:#999999; text-decoration:none;}
#menu_ .proceso{}
#menu_ .calidad{margin-left:15px;}
#menu_ .autorizaciones{ margin-left:15px;}
#menu_ .active{color:#2E5696;}
.plecas .col-md-6{width:100%;}
.plecas .plecau .funo{width:605px; height:75px; opacity:1;}
.plecas .plecau .fdos{width:605px; height:75px; opacity:1;}

.plecas .plecad {float:left; margin-left:0px;}
.plecas .plecad .ftres{background:url(../imgs/flecha%20azul_412.png) no-repeat left; left:10px; margin-top:15px; opacity:1; width:100% !important; background-position:-17px 0;}
.plecas .plecad .ftres table{ width:90% !important;}
.plecas .plecad .fcuatro{background:url(../imgs/flecha%20azul%202_412.png) no-repeat; left:10px; opacity:1; padding-left:20px; padding-top:10px; width:100%; background-position:-17px 0 !important;}

.piramide{ position:relative; margin-top:380px; height:400px; width:93%; opacity:1;}
.piramide .pira4{position:absolute;z-index:1; opacity:1; left:15px; width:45%; }
.piramide .pira3{position:absolute;z-index:2; margin-top:80px; left:-2px; top:-35px; opacity:1; width:35%;}
.piramide .pira2{position:absolute;z-index:3; margin-top:160px; left:-20px; opacity:1; top:-69px; width:25%;}
.piramide .punta{position:absolute;z-index:4; margin-top:240px; left:-40px; top:-102px; opacity:1; width:15%;}

.piramide .pu{position:absolute;left:-180px; margin-top:20px;opacity:1;width:35%;}
.piramide .pd{position:absolute;left:-130px; margin-top:70px;opacity:1;width:35%;}
.piramide .pt{position:absolute;left:-100px; margin-top:120px;opacity:1;width:40%;}
.piramide .pc{position:absolute;left:-80px; margin-top:160px;opacity:1;width:45%;}

.modelos{position:relative; width:95% !important;}


.modelos .divpuntos{  width:100%; margin-top:30px; height:200px;}
.modelos .posu{width:14%; margin-top:0; margin-left:0;}
.modelos .posd{width:16%; margin-top:10%; margin-left:11%;}
.modelos .post{width:14%; margin-top:0.8%; margin-left:22%;}
.modelos .posc{width:14%; margin-top:9.9%; margin-left:31.5%;}
.modelos .posci{width:17%; margin-top:1%; margin-left:41%;}
.modelos .posse{width:12%; margin-top:9.8%; margin-left:50%;}
.modelos .possie{width:21%; margin-top:1.5%; margin-left:59%;}

.responsabilidad{
font-family:'Nautikka_regular'; font-size:30px; color:#FFF;}
.nTrabajo{
font-family:'Nautikka_regular'; font-size:24px; color:#FFF;}
.fmejor{font-family:'Nautikka_regular'; font-size:30px !important; color:#FFF;}
.bg_nos{font-family:'Nautikka'; font-size:12px; color:#4D4D4D;text-align:justify;}
.titulo_somos{font-family:'Nautikka_bold_italic'; font-size:15px; color:#2E5696; text-align:center; opacity:0;}
#menu_ayudar li a{font-family:'Nautikka_bold_italic'; font-size:15px; color:#999999; text-decoration:none;}
.informacion{margin-top:50px; font-family:'Nautikka'; font-size:12px; color:#4D4D4D; text-align:justify; /*position:absolute;*/ width:150%;}
.titulosinfo{font-family:'Nautikka_bold'; font-size:12px; color:#2E5696;}

.plecas{ font-family:'Nautikka'; font-size: 12px; color:white; display:block;opacity:1; padding-top:80px;}
#menu_ li a{font-family:'Nautikka_bold_italic'; font-size:14px; color:#999999; text-decoration:none;}
.modelos{margin-top:80px; font-family:'Nautikka'; font-size: 11px; color:#4D4D4D; display:none; height:350px; margin-left:15px; width:98%; height:450px;  /*position:absolute; */}
.modelos .textou{width:98%;}
.content_autorizaciones .textou{width:619px; height:200px; font-family:'Nautikka'; font-size: 12px; color:#4D4D4D;}
.contact_letf{height:484px;font-size:12px; font-family:'Nautikka'; color:#4D4D4D;}
.contact_letf .guest{color:#2E5696; font-family:'Nautikka_bold'; font-size:13px;}

}

@media(max-width:360px) {
	.plecas .plecad .ftres{background:url(../imgs/flecha%20azul_412.png) no-repeat left; left:10px; margin-top:15px; opacity:1; width:100% !important; background-position:-38px 0;}
	.plecas .plecad .fcuatro{background:url(../imgs/flecha%20azul%202_412.png) no-repeat left; left:10px; opacity:1; padding-left:20px; padding-top:10px; width:100%; background-position:-38px 0 !important;}
}