/*
Theme Name: Alop theme
Theme URI: http://eco-lat.com/alop;
Author: Departamento de desarrollo IEXE
Author URI: http://iexe.edu.mx;
Description: Este tema esta creado para impartir cursos usando el método ALOP, herramienta que te permite diagnosticar, diseñar e implementar proyectos, considerando los cuatro elementos de una política pública exitosa(Analísis, Liderazgo, Organización, Política).
Version: 1.1
License: Licencia privada, este tema es de uso estrictamente para ALOP.
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: ALOP,CURSO,MÉTODO.
*/
/*inicia código css globales*/
/*.row img{ max-width:100%;}*/
.row{margin:0;}
.btn-primary{background:#A05338;border:none;}
.btn-primary:hover{background:#A05338;	border:none;}
.contacto-content a{color:#48A9F2;}
.home-casosreales .titulo{color:#fff !important; text-align: center;} 
/*slider pagina home alop*/
#top{ height:600px; }
.sup{top: -1em !important; }
.backstretch-caption{
    font-size: 28px;
    z-index: 4;
    font-weight:bold;
    color: #fff;
    padding: 15px; 
    text-shadow: 0px 0px 15px rgba(0, 0, 0, 1),
                 0px 0px 15px rgba(0, 0, 0, 1),
                 0px 0px 15px rgba(0, 0, 0, 1),
                 0px 0px 15px rgba(0, 0, 0, 1),
                 0px 0px 15px rgba(0, 0, 0, 1);
    margin-top:300px;
}
 #contenedor-facebook{
     position:absolute;
     left:0;
     top: 560px;
     width:300px;
     height:auto;
     overflow: hidden;
     z-index: 5;
 }
 #face-left{ width:170px; height:auto; float:left; background:#0070BA;color:#FFF;padding-left:5px;}
 #face-right{ width:100px;height:40px; float:left;}
/*fin del codigo para el slider*/
.margen-seccion{
  padding: 50px;
}
.bluegreen{
	 background: #181D30;
}
/* contenido en pestañas */
.alop-box-contenido-titulo {
  padding-top:10px 0;
}
.alop-icon-mod-0 {
  background-image: url(images/icono_mod_0.png);
}
.alop-icon-mod-a {
  background-image: url(images/icono_mod_a.png);
}
.alop-icon-mod-l {
  background-image: url(images/icono_mod_l.png);
}
.alop-icon-mod-o {
  background-image: url(images/icono_mod_o.png);
}
.alop-icon-mod-p {
  background-image: url(images/icono_mod_p.png);
}
.panel-default > .panel-heading {
    background-color: rgb(24, 29, 48);
    border-color: #ddd;
    color: #fff;
}
.faq-container{
   max-width: 100%;
   clear: both;	
}
.faq-container h2{
	text-align: left;
	font-size: 2em;
	margin-bottom:15px;
	margin-top:15px;
}
.row img{
	max-width: 100%;
}
	
@media(min-width:220px){
	h1{font-size: 18px;}
   .margen-seccion{
     padding: 0;
    }
	.infoblock{
		margin-left:5px;
	}
	.title-contactanos{
		background-color: #301d18; color: #fff; padding: 5px 10px; display: block; width: 100%;
	}
	.backstretch-caption{
        margin-top:50px;
        font-size: 1.5em;
        display: none;
    }
    #top{
    	min-height: 600px !important;
    }
	 #contenedor-facebook{
	     position:absolute;
	     left:0;
	     top: 560px;
	     width:300px;
	     height:auto;
	     overflow: hidden;
	     z-index: 5;
	 }  
	 .union{
	 	display: none;
	 }
	.textocertificado{
		width:100%;
		margin:0 auto;
		text-align:center;
		font-size:18px;		
	}	
	iframe{max-height: 160px;}
	
	/*nueva sección en home*/
    .obtener .imgtop{
		max-width:100%;
		margin:0 auto;
		position:relative;
	}
	.obtener .imgtop img{
	    max-width:100%;
	}
	.obtener .imtoptext{
		position:absolute;
		bottom:35px;
		left:1%;
		max-width:100%;
		font-size:16px;
		text-align:center; 
	}
}
@media(min-width: 750px){
	h1{font-size: 36px;}
    .backstretch-caption {
        margin-top:150px;
    }
    #top{min-height: 800px;}
	 #contenedor-facebook{
	     position:absolute;
	     left:0;
	     top: 760px;
	     width:300px;
	     height:auto;
	     overflow: hidden;
	     z-index: 5;
	 } 
	 .union{
	 	display:block;
	 } 
	.textocertificado{
		width:80%;
		margin:0 auto;
		text-align:center;
		font-size:18px;		
	}
	iframe{max-height: 320px;}	
	
	/*nueva sección en home*/
    .obtener .imgtop{
		max-width:800px;
		margin:0 auto;
		position:relative;
	}
	.obtener .imgtop img{
	    max-width:100%;
	}
	.obtener .imtoptext{
		position:absolute;
		bottom:35px;
		left:20%;
		max-width:500px;
		font-size:16px;
		text-align:center; 
	}	   
}
#footermenu{width:100%}
#footermenu ul{max-width: 350px;margin: 0 auto;clear: both !important;}
@media(min-width:980px){
	.margen-seccion{
      padding: 50px;
    }
		.backstretch-caption {
		        margin-top:200px;
		}
		.backstretch-caption  b{
		font-size: 48px;
		}
		#top{min-height: 600px;}
		 #contenedor-facebook{
		     position:absolute;
		     left:0;
		     top: 560px;
		     width:300px;
		     height:auto;
		     overflow: hidden;
		     z-index: 5;
		 }
	/*seccion de contacto*/
	.contacto-content .widget-title{ 
		font-weight:bold;
	}
	.infoblock{ /*margin-left:50px;*/}
	#formulario-contacto input[type="text"],input[type="email"]{
		background:#F0F1F2; 
	}
	
	#formulario-contacto textarea{
		background:#F0F1F2;
	}
	.title-contactanos{
		background-color: #301d18; color: #fff; padding: 5px 20px; display: block; width: 280px;
	}
	.like{
		width:100px;
		height:50px;
	}	
	 .union{
	 	display:block;
	 } 
	.textocertificado{
		width:80%;
		margin:0 auto;
		text-align:center;
		font-size:18px; 
	}
	
		iframe{max-height: 320px;}			   
}