@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Prosto+One|Anton|Ubuntu+Condensed|Archivo+Narrow:400,400italic,700,700italic|Paytone+One);
/*
font-family: 'Prosto One', cursive;
font-family: 'Anton', sans-serif;
font-family: 'Ubuntu Condensed', sans-serif;
font-family: 'Archivo Narrow', sans-serif;
font-family: 'Paytone One', sans-serif;
*/
body{
	margin-top:0px;
	background:-moz-linear-gradient(270deg, #999999 0%, #ffffff 100%);
	background:-webkit-gradient(linear, 270deg, color-stop(0%, #e0ffff), color-stop(100%, #ffffff));
	background:-webkit-linear-gradient(270deg, #999999 0%, #ffffff 100%);
	background:-o-linear-gradient(270deg, #999999 0%, #ffffff 100%);
	background:-ms-linear-gradient(270deg, #999999 0%, #ffffff 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e0ffff', endColorstr='#ffffff', GradientType='1');
	background:linear-gradient(180deg, #999999 0%, #ffffff 100%);
	background-attachment:fixed;
}
div{
	border:0px solid #3F3;
}
.header{
	background:url(../../images/logo-unamI3.jpg) no-repeat;
	width:1000px;
	height:103px;
	margin:auto;
}
.logo_unam{
	width:70px;
	height:85px;
	position:absolute;
	margin:10px 10px;
}
.logo_cic{
	background:url(../../images/cic-unam.png) no-repeat;
	background-position:center 5px;
	width:200px;
	height:100px;
	float:right;
}
.texto_cic{
	width:170px;
	text-align:center;
	position:absolute;
	margin:60px 15px;
	
	font-family:Verdana, Geneva, sans-serif;
	font-size:13px;
	font-weight:normal;
	color:#FFF;
}
.logo_puis{
	border:0px solid #fff;
	background:url(../../images/logoPUIREE.gif) no-repeat;
	background-position:center center;
	width:170px;
	height:120px;
	position:absolute;
	margin:30px 150px;
}
.imagenpuis{
	padding-left:50px;
}

.subheader{
	width:1000px;
	height:60px;
	/*
	background:-moz-linear-gradient(90deg, #a5d42c 0%, #78a753 100%);
	background:-webkit-gradient(linear, 90deg, color-stop(0%, #a5d42c), color-stop(100%, #78a753));
	background:-webkit-linear-gradient(90deg, #a5d42c 0%, #78a753 100%);
	background:-o-linear-gradient(90deg, #a5d42c 0%, #78a753 100%);
	background:-ms-linear-gradient(90deg, #a5d42c 0%, #78a753 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a5d42c', endColorstr='#78a753', GradientType='0');
	background:linear-gradient(0deg, #a5d42c 0%, #78a753 100%);
	*/
	background:#d2ae19;	
	margin:auto;
}
.texto_puis{
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:30px;
	font-weight: normal;
	color:#039;
	width:705px;
	padding-top:12px;
	float:right;
	
	/*border:0px solid #000; text-shadow:.5px .5px 0px #ffffff, .5px -.5px 0px #ffffff, -1px -1px 0px #ffffff, -.5px .5px 0px #ffffff, 5px 5px 5px #333333;
	filter:progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=135, Color=#ffffff);
	-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=135, Color=#ffffff)"; */
}
/********************************************/
/*               Barra Oro					*/
/********************************************/
.barra{
	border-top:0px solid #FFF;
	border-bottom:10px solid #FFF;
	background:#039;	
	width:1000px;
	height:30px;
	margin:auto;
	padding-bottom:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ead755;
}
.barra_oro{
	list-style:none;
	margin:0px;

}
.barra_oro li{
	
    float:left;
}

.barra_oro li a{
	border:0px solid #DB191C;
	height:15px;
	padding:8px 10px;
    display:inline-block;
    text-decoration:none;
    text-align:center;
    color:#ead755;
}
.barra_oro li a:hover {
    background-color: #039;
	color:#FFF;
}
.dropbtn {
    background-color: #039;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #039;
 min-width: 110px;   
 max-width: 200px;
    box-shadow: 0px 8px 10px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content a {
    color: black;
    padding: 5px 5px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {background-color: #f1f1f1}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropbtn {
    background-color: #3e8e41;
}

/********************************************/
.contenedor{
	border:0px solid #FF0000;
	width:1000px;
	margin:auto;
	background:#FFFFFF;
	overflow:hidden;
	clear:left;
    position:relative;
	padding-top:

}
.contenido{
	border:0px solid #FF0000;
	width:980px;
	padding:1px 10px 10px 10px;
	display:table-cell;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align:justify;
	color:#333;
	line-height:18pt;
	float:center;
}
.objetivos li{
	list-style:none;
	list-style-image:url(../../images/bullet.png);
	line-height:20px;
	margin-bottom:20px;
}
.lista_flecha li{
	list-style:none;
	list-style-image:url(../../images/bullet.png);
	line-height:15px;
	margin-bottom:15px;
}
.lista_bullet li{
	list-style:none;
	list-style-image:url(../../images/bullet2.png);
	line-height:15px;
	margin-top:50px;
	margin-bottom:-20px;
	margin-left:-25px;
}
.educacion li{
	list-style:none;
	list-style-image:url(../../images/bullet.png);
	margin-bottom:-10px;
}
#estructura{
	margin:40px 50px;
}
h1{
	font-family:'Archivo Narrow', sans-serif;
	letter-spacing:1px;
	font-size:18px;
	color:#043C6D;
}
h2{
	font-family:'Archivo Narrow', sans-serif;
	letter-spacing:1px;
	font-size:16px;
	color:#043C6D;
	margin-bottom:-22px;
}
.pie_banners{
	width:1000px; height:40px;
	margin:auto;
	margin-top:20px;
	
	font-family:'Archivo Narrow', sans-serif;
	color:#FFF;
	text-align:center;
	letter-spacing:1px;
	padding-top:18px;
	
	/*background:-moz-linear-gradient(270deg, #336aaa 0%, #0d3662 100%);
	background:-webkit-gradient(linear, 270deg, color-stop(0%, #336aaa), color-stop(100%, #0d3662));
	background:-webkit-linear-gradient(270deg, #336aaa 0%, #0d3662 100%);
	background:-o-linear-gradient(270deg, #336aaa 0%, #0d3662 100%);
	background:-ms-linear-gradient(270deg, #336aaa 0%, #0d3662 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#336aaa', endColorstr='#0d3662', GradientType='1');
	background:linear-gradient(180deg, #336aaa 0%, #0d3662 100%);*/
	background:#003366;
	clear:both;
}
.pie{
	width:1000px;
	margin:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffffff;
	text-align:center;
	padding:10px 0 10px 0;
	background:#003366;
}
.pie ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.pie ul li { 
display: inline;
padding:10px 0 10px 0;
 }

/****************************/
/*	Slider de imágenes		*/
/****************************/
.slider{
	border: 0px solid #043C6D;
	width:1000px;
	height:368px;
	margin:auto;
}
/****************************/
/*	Tablas					*/
/****************************/
.contacto table{
 font-size:0.9em;
 font-family:Arial, Helvetica, verdana, sans-serif;
 background-color:#fff;
 border-collapse:collapse;
 width:100%;
}
.contacto caption{
 font-size:18px;
 color:#043C6D;
 font-weight:bold;
 text-align:left;
 padding:10px;
 margin-bottom:2px;
}
.contacto thead th{
 border-right:1px solid #fff;
 font-size:15px;
 color:#fff;
 padding:2px;
 height:25px;
 background-color:#a3c159;
}
.contacto tfoot{
 color:#1ba6b2;
 padding:2px;
 text-transform:uppercase;
 font-size:1.2em; 
 font-weigth:bold;
 margin-top:6px;
 border-top:6px solid #e9f7f6;
}
.contacto tbody tr{
 background-color:#fff;
 border-bottom:1px solid #f0f0f0;
}
.contacto tbody tr:hover{
 background-color:#DFDFDF;
}
.contacto tbody td{
 color:#414141;
 padding:5px;
 text-align:left;
}
.contacto tbody th{
 text-align:left;
 padding:2px;
}
.contacto tbody td a, tbody th a{
 color:#6C8C37;
 text-decoration:none;
 font-weight:normal; 
 display:block;
 padding-left:15px;
}
.contacto tbody td a:hover, tbody th a:hover{
 color:#009193;
 text-decoration:none;
}
/*	Pagina de los cursos	*/
.curso{
	text-align:justify !important;
	vertical-align:top;
}
.rubros{
	font-weight:bold;
	vertical-align:top;
}
/****************************/
/*	Enlaces Externos		*/
/****************************/
.enlaces{
	border:0px solid #000000;
	margin:auto;
	margin-bottom:40px;
	width:400px;
}

/*	Enlaces Generales para la capa de contenido		*/
.contenido a, a:visited{font-family:Arial, Helvetica, verdana, sans-serif;font-size:14px;color:#0063A3;text-decoration:none;}
.contenido a:hover {color:#FF0000; text-decoration:none;}

.triptico{
	border:1px solid #7d99ca;
	-moz-border-radius: 3px;border-radius: 3px;
	-webkit-border-radius: 3px;
	font-size:12px;
	font-family:arial, helvetica, sans-serif;
	padding: 10px 10px 10px 10px;
	text-decoration:none;
	text-align:center;
	text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
	font-weight:bold;
	letter-spacing:1px;
	color: #FFFFFF !important;
	background-color: #a5b8da;
	background-image: -moz-linear-gradient(top, #a5b8da, #7089b3);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#a5b8da), to(#7089b3));
	background-image: -webkit-linear-gradient(top, #a5b8da, #7089b3);
	background-image: -o-linear-gradient(top, #a5b8da, #7089b3);
	background-image: -ms-linear-gradient(top, #a5b8da, #7089b3);
	background-image: linear-gradient(to bottom, #a5b8da, #7089b3);
	float:right;
	margin-right:30px;
	margin-top:15px;
}
.triptico:hover{
	border:1px solid #5d7fbc;
	background-color: #819bcb;
	background-image: -moz-linear-gradient(top, #819bcb, #536f9d);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#819bcb), to(#536f9d));
	background-image: -webkit-linear-gradient(top, #819bcb, #536f9d);
	background-image: -o-linear-gradient(top, #819bcb, #536f9d);
	background-image: -ms-linear-gradient(top, #819bcb, #536f9d);
	background-image: linear-gradient(to bottom, #819bcb, #536f9d);
}
/****************************************/
/*	Pagina de Diplomado y curso-taller	*/
/****************************************/
.recuadro_purpura{
	font-family:arial, helvetica, sans-serif;
	font-size:20px;
	color:#000;
	text-align:center;
	font-weight:bold;
	padding:30px 15px;
	width:80%;
	border:1px solid #5B9BD5;
	background-color: #A0C0E5;
	background-image: -moz-linear-gradient(top, #B0CBE9, #92B9E4);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#B0CBE9), to(#92B9E4));
	background-image: -webkit-linear-gradient(top, #B0CBE9, #92B9E4);
	background-image: -ms-linear-gradient(top, #B0CBE9, #92B9E4);
	background-image: -o-linear-gradient(top, #B0CBE9, #92B9E4);
	background-image: linear-gradient(to bottom, #B0CBE9, #92B9E4);
	margin:auto;
	margin-bottom:50px;
}
.exagono_diplomado{
	border:0px solid #5d7fbc;
	width:170px;
	height:170px;
	margin:auto;
	margin-top:50px;
	margin-bottom:50px;
}
.taller{
	list-style:circle;
	font-weight:bold;
	line-height:1.2em;
}
.ltazul{
	color:#1F4E79;
}
.ltverde{
	color:#548235;
}
.ltcafe{
	color:#7F6000;
}
.curso_taller{
	font-family:arial, helvetica, sans-serif;
	font-size:15px;
	color:#fff;
	text-align:center;
	line-height:1.3em;
	padding:7px 15px;
	width:180px;
	height:80px;
	border-radius:15px;
	position:absolute;
	cursor:pointer;
}
.flecha_ct{
	border:0px solid #e28104;
	background:url(../../images/flecha_curso_taller.png) no-repeat;
	background-position:center center;
	width:432px;
	height:350px;
	margin:auto;
	margin-top:30px;
}
.mod_1{
	margin:5px 115px;
}
.mod_2{
	margin:120px 230px;
}
.mod_3{
	margin:240px 115px;
}
.mod_4{
	margin:120px 0px;
}
.curso_taller:hover{color:#000;}
/****************************/
/*	Pagina de Premios		*/
/****************************/
.modal_premios{
	font-family:arial, helvetica, sans-serif;
	font-size:15px;
	color:#575757;
	text-align:justify;
	padding:15px;
	overflow:auto;
}
.premios{
	width:250px;
	height:110px;
	font-family:arial, helvetica, sans-serif;
	font-size:15px;
	color:#ffffff;
	text-align:center;
	text-decoration:none;
	text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
	font-weight:bold;
	display:flex;
	align-items:center;
	justify-content:center;
	float:left;
	margin-left:20px;
	margin-bottom:20px;
	padding:5px 15px;
	cursor:pointer;
	
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
.naranja{
	border:1px solid #e28104;
	background-color: #FB9D23;
	background-image: -moz-linear-gradient(top, #FB9D23, #E7650E);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FB9D23), to(#E7650E));
	background-image: -webkit-linear-gradient(top, #FB9D23, #E7650E);
	background-image: -ms-linear-gradient(top, #FB9D23, #E7650E);
	background-image: -o-linear-gradient(top, #FB9D23, #E7650E);
	background-image: linear-gradient(to bottom, #FB9D23, #E7650E);
}
.naranja:hover{
	border:1px solid #b56803;
	background-color: #D45D0D;
	background-image: -moz-linear-gradient(top, #D45D0D, #E7541E);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#D45D0D), to(#E7541E));
	background-image: -webkit-linear-gradient(top, #D45D0D, #E7541E);
	background-image: -ms-linear-gradient(top, #D45D0D, #E7541E);
	background-image: -o-linear-gradient(top, #D45D0D, #E7541E);
	background-image: linear-gradient(to bottom, #D45D0D, #E7541E);
}
.gris{
	border:1px solid #b3b3b3;
	background-color: #cdcdcd;
	background-image: -moz-linear-gradient(top, #cdcdcd, #b3b3b3);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#cdcdcd), to(#b3b3b3));
	background-image: -webkit-linear-gradient(top, #cdcdcd, #b3b3b3);
	background-image: -ms-linear-gradient(top, #cdcdcd, #b3b3b3);
	background-image: -o-linear-gradient(top, #cdcdcd, #b3b3b3);
	background-image: linear-gradient(to bottom, #cdcdcd, #b3b3b3);
}
.gris:hover{
	border:1px solid #8aabc5;
	background-color: #acc4d6;
	background-image: -moz-linear-gradient(top, #acc4d6, #434f55);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#acc4d6), to(#434f55));
	background-image: -webkit-linear-gradient(top, #acc4d6, #434f55);
	background-image: -ms-linear-gradient(top, #acc4d6, #434f55);
	background-image: -o-linear-gradient(top, #acc4d6, #434f55);
	background-image: linear-gradient(to bottom, #acc4d6, #434f55);
}
.amarillo{
	border:1px solid #ffad41;
	background-color: #ffc579;
	background-image: -moz-linear-gradient(top, #ffc579, #fb9d23);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffc579), to(#fb9d23));
	background-image: -webkit-linear-gradient(top, #ffc579, #fb9d23);
	background-image: -ms-linear-gradient(top, #ffc579, #fb9d23);
	background-image: -o-linear-gradient(top, #ffc579, #fb9d23);
	background-image: linear-gradient(to bottom, #ffc579, #fb9d23);
}
.amarillo:hover{
	border:1px solid #ff9913;
	background-color: #ffaf46;
	background-image: -moz-linear-gradient(top, #ffaf46, #e78404);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffaf46), to(#e78404));
	background-image: -webkit-linear-gradient(top, #ffaf46, #e78404);
	background-image: -ms-linear-gradient(top, #ffaf46, #e78404);
	background-image: -o-linear-gradient(top, #ffaf46, #e78404);
	background-image: linear-gradient(to bottom, #ffaf46, #e78404);
}
.azul{
	border:1px solid #7eb9d0;
	background-color: #a7cfdf;
	background-image: -moz-linear-gradient(top, #a7cfdf, #23538a);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#a7cfdf), to(#23538a));
	background-image: -webkit-linear-gradient(top, #a7cfdf, #23538a);
	background-image: -ms-linear-gradient(top, #a7cfdf, #23538a);
	background-image: -o-linear-gradient(top, #a7cfdf, #23538a);
	background-image: linear-gradient(to bottom, #a7cfdf, #23538a);
}
.azul:hover{
	border:1px solid #5ca6c4;
	background-color: #82bbd1;
	background-image: -moz-linear-gradient(top, #82bbd1, #193b61);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#82bbd1), to(#193b61));
	background-image: -webkit-linear-gradient(top, #82bbd1, #193b61);
	background-image: -ms-linear-gradient(top, #82bbd1, #193b61);
	background-image: -o-linear-gradient(top, #82bbd1, #193b61);
	background-image: linear-gradient(to bottom, #82bbd1, #193b61);
}
.verde{
	border:1px solid #34740e;
	background-color: #4ba614;
	background-image: -moz-linear-gradient(top, #4ba614, #008c00);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#4ba614), to(#008c00));
	background-image: -webkit-linear-gradient(top, #4ba614, #008c00);
	background-image: -ms-linear-gradient(top, #4ba614, #008c00);
	background-image: -o-linear-gradient(top, #4ba614, #008c00);
	background-image: linear-gradient(to bottom, #4ba614, #008c00);
}
.verde:hover{
	border:1px solid #224b09;
	background-color: #36780f;
	background-image: -moz-linear-gradient(top, #36780f, #005900);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#36780f), to(#005900));
	background-image: -webkit-linear-gradient(top, #36780f, #005900);
	background-image: -ms-linear-gradient(top, #36780f, #005900);
	background-image: -o-linear-gradient(top, #36780f, #005900);
	background-image: linear-gradient(to bottom, #36780f, #005900);
}
.cafe{
	border:1px solid #7c5b2b;
	background-color: #a67939;
	background-image: -moz-linear-gradient(top, #a67939, #845108);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#a67939), to(#845108));
	background-image: -webkit-linear-gradient(top, #a67939, #845108);
	background-image: -ms-linear-gradient(top, #a67939, #845108);
	background-image: -o-linear-gradient(top, #a67939, #845108);
	background-image: linear-gradient(to bottom, #a67939, #845108);
}
.cafe:hover{
	border:1px solid #5a421f;
	background-color: #805d2c;
	background-image: -moz-linear-gradient(top, #805d2c, #543305);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#805d2c), to(#543305));
	background-image: -webkit-linear-gradient(top, #805d2c, #543305);
	background-image: -ms-linear-gradient(top, #805d2c, #543305);
	background-image: -o-linear-gradient(top, #805d2c, #543305);
	background-image: linear-gradient(to bottom, #805d2c, #543305);
}
.rojo{
	border:1px solid #900;
	background-color: #FF8080;
	background-image: -moz-linear-gradient(top, #FF8080, #C30);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FF8080), to(#C30));
	background-image: -webkit-linear-gradient(top, #FF8080, #845108);
	background-image: -ms-linear-gradient(top, #FF8080, #C30);
	background-image: -o-linear-gradient(top, #FF8080, #C30);
	background-image: linear-gradient(to bottom, #FF8080, #C30);
}
.rojo:hover{
	border:1px solid #5a421f;
	background-color: #805d2c;
	background-image: -moz-linear-gradient(top, #C30, #900);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#C30), to(#900));
	background-image: -webkit-linear-gradient(top, #C30, #900);
	background-image: -ms-linear-gradient(top, #C30, #900);
	background-image: -o-linear-gradient(top, #C30, #900);
	background-image: linear-gradient(to bottom, #C30, #900);
}
.modal_premios a, a:visited{font-family:Arial, Helvetica, verdana, sans-serif;font-size:14px;color:#477392;text-decoration:none;}
.modal_premios a:hover {color:#F9A537; text-decoration:underline;}





/* Style the tab */
div.tab {
    overflow: hidden;
 /*   border: 1px solid #ccc;*/
    background-color: #f1f1f1;
	align:center;
}

/* Style the buttons inside the tab */
div.tab button {
    background-color: inherit;
    float: left;
	border: 1px solid #ccc;*/
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    font-size: 17px;
}

/* Change background color of buttons on hover */
div.tab button:hover {
    background-color: #ddd;
}

/* Create an active/current tablink class */
div.tab button.active {
    background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
}

/* Style the close button */
.topright {
    float: right;
    cursor: pointer;
    font-size: 20px;
}

.topright:hover {color: red;}


/****************************/
/*	Pagina en construccion	*/
/****************************/
.construccion{
	border:0px solid #000000;
	margin:auto;
	width:501px;
	height:347px;
	background:url(../../images/en_construccion.jpg) no-repeat #FFFFFF;
}

.button {
    background-color: #4CAF50; /* Green */
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
}



.button:hover {
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
}


 .nombre {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	font-style: normal;
	color: #06C;
		text-align: center;

}
 .persona {
	font-size: 11px;
	color: #006;
}
ul.lista {
font-size: 12px;
	line-height: normal;
	list-style-position: outside;
	list-style-type: circle;}