@charset "UTF-8";
/* CSS Document */

/* ==========================================================================
  Estilos Pagina de inicio
   ========================================================================== */

.imagen_principal{
	border: 1px solid #d9d9d9;
	
	}
 .imagen_principal img {
		    display: block;
    margin-right: auto;
    margin-left: auto;
	}

.page-header h4{
	margin-bottom:-4px;
	color:#666666;
	font-size:15px;
	text-transform: uppercase;
	}

.page-header .fa:first-child {
    color:#719d83;
} 

.page-header .fa {
   color:#ffc06b;
   letter-spacing: -2px;
}

/*Modulos*/
.contenedor_registro .page-header, .contendor_transmision .page-header, .contendor_programa .page-header, .contendor_ponentes .page-header, .contendor_baners .page-header, .contendor_galerias .page-header {
    padding-bottom: 9px;
    margin: 40px 0 20px;
    border-bottom: 3px solid #4b9681;
}



/*----------- Modulo Registro ----------- */

.registro{
	    background-color: #ffc06a;
    color: #ffffff;
    border: 1px solid #d9d9d9;
    padding: 18% 15px 18% 15px;
    margin: 22px 9px;
	}
.registro p {
	font-size:14px;
	text-align:center;
	padding: 0 12px;
	    margin-bottom: 13%;
		font-weight: 200;
    letter-spacing: .9px;
	}
	
	
	.registro .btn-success {
	background-color: #50a587;
    border-color: transparent;
    background-image: none;
    box-shadow: none;
	    text-transform: uppercase;
    font-size: 12px;
	letter-spacing: 1px;
	
	}
	
	
	/*----------- Modulo Programa ----------- */
	
	.programa{
	
    border: 1px solid #d9d9d9;
    padding: 20px 15px 48px 15px;
    margin: 22px 9px;
	}
	
	
	.programa a {
    color: #1f964b;
    float: right;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: italic;
    clear: both;
	    margin-top: 5%;
}

/*----------- Modulo Ponentes ----------- */
.ponentes{
	
    border: 1px solid #d9d9d9;
    padding: 20px 15px 48px 15px;
    margin: 22px 9px;
	}
	
.contendor_ponentes .ponentes .list-group{
	font-size:12.5px;
	color:#666666;
	    box-shadow: 0 1px 2px rgba(0,0,0,.0);
		    margin: 0px 2%;
			}
	
	   
.contendor_ponentes .list-group-item {

    padding: 8px 0px;
	    border: 0px;
}
	
	

/* unvisited link */
.contendor_ponentes .ponentes a:link {
    color: #666666;
}

/* visited link */
.contendor_ponentes .ponentes a:visited {
    color: #50a587;
}

/* mouse over link */
.contendor_ponentes .ponentes a:hover {
    color: #ffc06a;
}

/* selected link */
.contendor_ponentes .ponentes a:active {
    color: #666666;
}


.contendor_ponentes .ponentes .vermas a {
    color: #1f964b;
    float: right;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: italic;
    clear: both;
	    margin-top: 5%;
}



	

/*----------- Modulo Galeria ----------- */



.galeria {
	  border: 1px solid #d9d9d9;
   padding: 0px 15px 0px 15px;
    margin: 22px 9px;
	
	}
	
.contendor_galerias	.carousel {
   
    margin: 5%;
}
	

#myCarousel .thumbnail {
	margin-bottom: 0;
}


.contendor_galerias .thumbnail {
    display: block;
    padding: 2px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
}


.contendor_galerias .carousel-control.left, .carousel-control.right {
	background-image:none !important;
}
.contendor_galerias .carousel-control {
	top:40%;
	color:#ffc06b;
	bottom:auto;
	padding-top:4px;
	width:30px;
	height:30px;
	text-shadow:none;
	opacity:1;
}
.contendor_galerias .carousel-control:hover {
	color: #fa9814;
}
.contendor_galerias .carousel-control.left, .carousel-control.right {
	background-image:none !important;
}
.contendor_galerias .carousel-control.right {
	left:auto;
	right:-32px;
}
.contendor_galerias .carousel-control.left {
	right:auto;
	left:-32px;
}

.contendor_galerias .carousel-indicators {
	bottom:-30px;
}
.contendor_galerias .carousel-indicators li {
	border-radius:0;
	width:10px;
	height:10px;
	background:#ccc;
	border:1px solid #ccc;
}
.contendor_galerias .carousel-indicators .active {
	width:12px;
	height:12px;
	background:#3276b1;
	border-color:#3276b1;
}

.contendor_galerias .carousel-control .fa{
	font-size:26px;}
	
	.contendor_galerias .carousel-control .fa {
		color: #ffc06b;
		
		
		
	}
	
	
/* unvisited link */
.contendor_galerias .carousel-inner .fa a:link {
    color: #666666;
	 text-decoration: none;
}

/* visited link */
.contendor_galerias .carousel-inner .fa a:visited {
    color: #50a587;
	 text-decoration: none;
}

/* mouse over link */
.contendor_galerias .carousel-inner .fa a:hover {
    color: #ffc06a;
	 text-decoration: none;
}

/* selected link */
.contendor_galerias .carousel-inner .fa a:active {
    color: #666666;
	 text-decoration: none;
}

	
.contendor_galerias .carousel-inner .item{

    padding: 12px;
} 
.contendor_galerias .carousel-inner h5 {
	color:#666666;
	font-weight:200;
padding: 1px 2px 0px 6px;}



/* unvisited link */
.contendor_galerias .carousel-inner  a:link {
    color: #666666;
	 text-decoration: none;
}

/* visited link */
.contendor_galerias .carousel-inner  a:visited {
    color: #50a587;
	 text-decoration: none;
}

/* mouse over link */
.contendor_galerias .carousel-inner a:hover {
    color: #ffc06a;
	 text-decoration: none;
}

/* selected link */
.contendor_galerias .carousel-inner a:active {
    color: #666666;
	 text-decoration: none;
}

	
.contendor_galerias .carousel-inner .item{

    padding: 12px;
} 




element.style {
}
.label-warning {
    background-color: #f0ad4e;
    margin-left: 2%;
}
.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 60%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}
  
}

.label-warning {
    margin-left: 2%;
}
.label {
    font-size: 60%;
}


/* ==========================================================================
  Estilos generales interiores
   ========================================================================== */

.contenedor_interiortitulos .breadcrumb {
    padding: 8px 15px 8px 0px;
	margin-top:20px;
    margin-bottom: 20px;
    list-style: none;
  background-color: #ffffff;
    border-radius: 0px;
	    font-size: 11px;
}


.contenedor_interiortitulos .breadcrumb a {
	color:#BEBBBB;
}



.contenedor_interiortitulos .page-header {
    padding-bottom: 9px;
    margin: 10px 0 20px;
    border-bottom: 3px solid #4b9681;
}
.contenedor_interiortitulos .page-header h3{
	margin-bottom:-4px;
	color:#666666;
	font-size:18px;
	}

.contenedor_interior{
	border-right:1px solid #d9d9d9;
	border-left:1px solid #d9d9d9;
	border-bottom:5px solid #ffbe69;
    padding: 20px 15px 48px 15px;
    margin: -22px -1px 22px;
	display: block;
	/*display:-webkit-inline-box;*/
	/*display:-moz-inline-stack;*/
	
	}
	

.regresar p {
	font-weight:500;
	text-transform:uppercase;
	margin-top:50px;
	margin-bottom:10px;
	font-size:10px;
	}


.regresar .fa {
	font-weight:500;
	text-transform:uppercase;
	margin-top:50px;
	margin-bottom:10px;
	font-size:8px;
	}
	
	
	/* unvisited link */
.regresar a:link {
    color: #666666;
}

/* visited link */
.regresar a:visited {
    color: #50a587;
}

/* mouse over link */
.regresar a:hover {
    color: #ffc06a;
}

/* selected link */
.regresar a:active {
    color: #666666;
}

.regresar a {
    color: #1f964b;
    font-size: 10px;
    font-style: italic;
    clear: both;
	    margin-top: 5%;
}


/* ==========================================================================
  Estilos interior Ponentes
   ========================================================================== */

.contenedor_interior .intro_ponente{
		padding:3.1%;
		}
		
.contenedor_interior		.intro_ponente a{
			 text-decoration: none;
		}
		
		
	.contenedor_interior .intro_ponente p {
		    font-size: 11px;
    color: #ffffff;
    margin-top: 22px;
    background-color: #666666;
    padding: 8%;
    text-align: center;
	    min-height: 64px;
		
		}
		
.contenedor_interior 	.intro_ponente	.img-thumbnail {
 
    background-color: #666666;
	width: 150px;
    height: 150px;
	    display: block;
    margin-left: auto;
    margin-right: auto;
   
}

 .contenedor_paginador {
	
	display: block;
	color: #ffffff;
     clear: both;
}


.contenedor_paginador a {
	

	color: #ffffff;
}


 .contenedor_paginador .pagination li a {
    display: inline;
    color: #6c58bF;
}

.contenedor_paginador .pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
	margin:0 3px;
    line-height: 1.42857143;
    color: #ffffff;
    text-decoration: none;
    background-color: #008061;
    border: 0px solid #ddd;
    font-weight: 200;
	  font-size: 13px;
}



 .contenedor_paginador .pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #ffffff;
    text-decoration: none;
    background-color: #008061 !important;
    border: 1px solid #ddd;
}


/* unvisited link */
 .contenedor_paginador .pagination>li>a  {
    color: #ffffff;
}

/* visited link */
 .contenedor_paginador .pagination>li>a:visited {
    color: #ffffff;
}

/* mouse over link */
 .contenedor_paginador .pagination>li>a:hover {
    color: #fff83e;
}

/* selected link */
 .contenedor_paginador .pagination>li>a:active {
    color: #ffec4a;
}

.contenedor_paginador .pagination>li:last-child>a, .pagination>li:last-child>span {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.contenedor_paginador .pagination>li:first-child>a, .pagination>li:first-child>span {
    margin-left: 0;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}





/* ==========================================================================
  Estilos interior perfil del Ponente
   ========================================================================== */



.ponente_interior{ padding:3.1%;}
		
.ponente_interior a { text-decoration: none;}
		
.ponente_interior span {
	font-size: 14px;
    color: #ffffff;
    margin-top: 22px;
    background-color: #666666;
    padding: 10px;
    text-align: center;
	display:flex;
	 align-items: center;
  justify-content: center;
   letter-spacing: 1px;
		
		}
		
		
.ponente_interior .contenedor_foto_interior{
   /* padding: 2px 30px 3% 12px;*/
       margin: 0 -15px;
		}
		
	.ponente_interior	.img-thumbnail {
 
    background-color: #666666;
	min-height:150px;
	min-width:150px;
	    width: 170px;
    height: 170px;
   
}

	

	.ponente_interior p {
color: #666666;
    margin-top: 22px;
    font-size: 100%;
    font-weight: 200;
    line-height: 150%;
 
		}
		
		.page-subheader {
		    margin: 30px 0 20px;
    border-bottom: 4px solid #b6c2ba;
	text-transform:uppercase;
			
			}
		
		
		
.page-subheader .titulo_materiales{
	font-size:13px;
	    margin: 0;
		font-weight:500;
	}


.ponente_interior .dl-horizontal dt {
    float: left;
   width: 30px;
    overflow: hidden;
    clear: left;
	text-align:center;
    text-overflow: ellipsis;
    white-space: nowrap;
	color:#4C944C;
	 margin-bottom: 1.3%;
}

.ponente_interior .dl-horizontal {
	margin-bottom:12px;
	color:#4C944C;
}



.ponente_interior .dl-horizontal dt a {
	color:#4C944C;
}


.ponente_interior .dl-horizontal dd {
       margin-left: 5%;
    color: #739e84;
    font-style: italic;
    font-weight: 200;
    font-size: 13px;
	text-align: left;
}



	
	/* unvisited link */
.ponente_interior .dl-horizontal dd a:link {
    color: #739e84;
}

/* visited link */
.ponente_interior .dl-horizontal dd a:visited {
    color: #50a587;
}

/* mouse over link */
.ponente_interior .dl-horizontal dd a:hover {
    color: #ffc06a;
}

/* selected link */
.ponente_interior .dl-horizontal dd a:active {
    color: #666666;
}

.ponente_interior .dl-horizontal dd a {
 color:#739e84;
		font-style:italic;
}


/* ==========================================================================
  Interior Galeria
   ========================================================================== */

.intro_galeria{
	    
		padding: 3.1% 1%;}
		
		.intro_galeria a{
			 text-decoration: none;
		}
		
		.intro_galeria.col-xs-6.col-sm-6.col-md-3.col-lg-3 {
    
}
		
	.intro_galeria p {
		    font-size: 11px;
    color: #ffffff;
    margin-top: 22px;
    background-color: #666666;
    padding: 10px;
    text-align: center;
		
		}
		
		
		
		.img-thumbnail {
    display: inline-block;
	
	 display: -moz-inline-box;
    max-width: 100%;
    height: auto;
    padding: 4px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
		
		
		
	.intro_galeria	.img-thumbnail {
 
    background-color: #666666;
	width: 300px;
    height: 109px;
	
   
}


.contenedor_interior .modal-title {
	font-size:12px;
	font-weight:300;
	color:#666666;}
	
	
	.contenedor_interior .btn-primary {
    color: #fff;
    background-color: #5cb85c;
   border-color: #5cb85c;
}


.contenedor_interior .modal-header {
    padding: 15px;
    border-bottom: 1px solid #ffffff; 
}




.contenedor_interior .close {
	  .close {
    float: right;
    font-size: 18px;
    /* font-weight: 700; */
    /* line-height: 1; */
    color: #000;
    /* text-shadow: 0 1px 0 #fff; */
    filter: alpha(opacity=20);
    opacity: 1;
    background-color: aliceblue;
    /* display: block; */
    margin: 0px;
    padding: 0;
}
	
}

.contenedor_interior button.close {
    -webkit-appearance: none;
    padding: 1px 8px;
    cursor: pointer;
    background: #14826c;
    color: white;
    /* border: 0; */
    -webkit-border-radius: 90px;
    -moz-border-radius: 5px 10px;
}


.contenedor_interior .btn-primary {
    color: #fff;
    background-color: #14826c;
    border-color: #14826c;
}


/* ==========================================================================
  Interior Ubicación
   ========================================================================== */

.ubicacion_interior {
    padding: 20px 40px;
}

.google-maps {
        position: relative;
        padding-bottom: 75%; 
        height: 0;
        overflow: hidden;
        margin: 20px 0px 30px 0px;
    }
    .google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }
	
	
	
.ubicacion_interior 	address {
       margin: 5% 0;
    font-style: normal;
    line-height: 1.42857143;
    text-align: center;
	color:#666666;
}



/* ==========================================================================
 Footer
   ========================================================================== */
 



#footer {
	
	background-color:#00644b;
    font-size: 12px;
	font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
	color:#ffffff;
	margin-right: -30px;
    margin-left: -30px;
    
	
	}


#footer li {
	list-style: none;
	font-size: 92%;
	}
	

	 
#footer  a {

	text-decoration: none;
	color:#FFFFFF;
	line-height: 20px;
			 
			 }
			 
 #footer  p {
	text-align:center;
	 
	 }
	
	
	#footer .fa {
 font-size: 15px;
margin-right:6px;
}


.contenedor_footer {
    padding-left: 0px;
    padding-right: 0px;
    margin-top: 20px;
    background-color:#00644b;
    color: #ffffff;
}




	.derechos_resrevados {
		background-color:#254940;
		width:100%;
	clear:left;
	margin-top:0;
	padding: .1% 0;
		}
	
		 #footer .derechos_resrevados p {
			text-align:center;
			text-transform:uppercase;
			font-size:70%;
			margin-top: 12px;
			

			}
	

/*Inician estilos de las columnas*/

.col01, .col02, .col03, .col04 {
	
	margin-top: 50px;
    margin-bottom: 50px;
	

		}
	
	
.col01{
	
		}
		
		
.col01 img {
width:80%;
margin: -20px 15px 0px 70px;
	}
		

	
	.col02{
	
		    margin-left: -23px;
		}
		
		.col02 ul{
			margin-top:21%;
			    margin-left: 22%;
		}
	
	
	.col03{
	/*	margin-left: 12%;
		margin-right:12%;*/
	
		
		
	}
	
	.col03 p {
	/*	margin: 0 0 10px -42px;	*/
		
		}
		
		.col03 ul{
			/*    margin-left: -23px;*/
	
		}
		
		
		.col03 li {
			 margin-left: -23px;
	
		}
		
		
		
		.col03 span {
	font-size: 92%;
	 font-style: italic;
	 text-transform:uppercase;
	 text-align:center;
	 margin-left: 23%;

	 }
	
	
	.col04{
	
		
		}
		
		.col04 ul{
	      margin-left: 12%;
    margin-right: 12%;
		
		}
		
		.col04 p {
		/*margin: 0 0 10px -42px;	*/
		
		}
		
			.col04 span {
	/*font-size: 92%;
	 font-style: italic;
	 text-transform:uppercase;
	 text-align:center;*/

	 }
	 
	 
	 
	 
	 	 .tawlogo {
  /*  background-color: #555555;*/
    border: 1px solid #555555;
    color: #FFFFFF;
    font-family: arial,sans-serif;
    font-size: 15.5px;
    font-weight: bold;
    margin-left: 40%;
    padding: 0;
    vertical-align: 0.3em;
}

.tawlogo .tnivel {
    background-color: #555555;
    border-bottom: 0 none;
    color: #FFFFFF;
    font-size: 0.8em;
    padding: 0 0.4em;
    position: absolute;
}

.tawlogo acronym {
    background-color: #FFFFFF;
    border-bottom: 0 none;
    color: #000000;
    padding: 0 0.3em;
	font-size: 14px;
	padding: .1em 0.3em;
}


.accesibilidad {
    padding-right: 30%;
	text-align: center;
}
	
	
	/*Estilos dispositivos pequeños*/
	
	.estyle_footer_small .col01 img {
		
		    width: 50%;
   

	margin:0 auto 0 auto;
		
		
		}
		
		
	.estyle_footer_small .col02 {
    margin-top: 0px;
    margin-bottom: 20px;
}



.estyle_footer_small .col01 {
	padding-top:1%;

	}
	
	
.estyle_footer_small .col02 li {
    list-style: none;
    font-size: 92%;
    display: inline;
	  margin: 0 2% 0 0;
    text-align: center;
}



.estyle_footer_small .col02 ul {
    margin-top: 5px;
    margin-bottom: 5%;
	text-align: center;
	margin-left:0px;

 
}



/*estilos col03*/




	
	.estyle_footer_small .col03 {
    margin-top: 0px;
    margin-bottom: 20px;
	margin-left:0px;
	text-align:center;
	padding-right: 5%;
}




	

.estyle_footer_small .col03 ul {
    margin-top: 8%;
    margin-bottom: 5%;
	text-align: center;
	margin-left:0px;

 
}


/*estilos col04*/



	.estyle_footer_small .col04 {
    margin-top: 0px;
    margin-bottom: 20px;
	margin-left:0px;
	text-align:center;
	    padding-left: 0px;
    padding-right: 0px;
	   
}




	

.estyle_footer_small .col04 ul {
    margin-top: 8%;
    margin-bottom: 5%;
	text-align: center;
	margin-left:0px;
	

 
}


/*estilos col05*/



.estyle_footer_small .col05 {
    margin-top: 0px;
    margin-bottom: 20px;
	margin-left:0px;
	text-align:center;
	    padding-left: 0px;
    padding-right: 0px;
}



.estyle_footer_small .col05 .titulos {
	font-size: 92%;
	 font-style: italic;
	 text-transform:uppercase;
	 text-align:center;

	 }
	

.estyle_footer_small .col05 ul {
    margin-top: 8%;
    margin-bottom: 5%;
	text-align: center;
	margin-left:0px;
	

 
}


 /*Terminan estilos footer*/