/* html5doctor.com Reset Stylesheet v1.6.1 */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body {line-height:1;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
nav ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:'';content:none;}
a {margin:0;outline:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;color:#000;}
ins {background-color:#ff9;color:#000;text-decoration:none;}
mark {background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom:1px dotted;cursor:help;}
table {border-collapse:collapse;border-spacing:0;}
hr {display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0;}
input, select {vertical-align:middle;}
img {border:0;-ms-interpolation-mode:bicubic;}

html {font-size:100%;overflow-y:scroll;-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
body { margin:0;font-size:14px;line-height:1.4;}
body, button, input, select, textarea {font-family:sans-serif;color:#222;}

/*color de la seleccion*/
::-moz-selection {background:#f18d01;color:#fff;text-shadow:none;}
::selection {background:#f18d01;color:#fff;text-shadow:none;}

svg:not(:root) {overflow:hidden;}
figure {margin:0;}
form {margin:0;}
fieldset {border:0;margin:0;padding:0;}
legend {border:0;*margin-left:-7px;padding:0;}
label {cursor:pointer;}
button, input, select, textarea {font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle;}
button, input {line-height:normal;*overflow:visible;}
button, input[type="button"], input[type="reset"], input[type="submit"] {cursor:pointer;-webkit-appearance:button;}
input[type="checkbox"], input[type="radio"] {box-sizing:border-box;}
input[type="search"] {-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}
button::-moz-focus-inner, input::-moz-focus-inner {border:0;padding:0;}
textarea {overflow:auto;vertical-align:top;}
input:valid, textarea:valid {}
input:invalid, textarea:invalid {background-color:#f0dddd;}
table {border-collapse:collapse;border-spacing:0;}
.clear {clear:both;}

/*GLOBAL
  ------*/
.txtl {text-align:left;}
.txtr {text-align:right;}
.txtc {text-align:center;}
.txtb {font-weight:bold;}
.txtj {text-align:justify;}
.imgc {display:block;margin:auto;}
.imgr {float: right;padding: 4px;margin: 0 0 2px 7px;display: inline;}
.imgl {float: left;padding: 4px;margin: 0 7px 2px 0;display: inline;}
.fltl {float:left;}
.fltr {float:right;}

body {font:62.5% "Helvetica Neue", Arial, Helvetica, sans-serif;
	  height: auto; width: auto;
      background-color: #DCD3C2;}

html {min-width:850px;width:expression(document.body.clientWidth < 850 ? "850px": "auto" );}


/*==================================================================
			HEADER
=====================================================================*/
#header{background: url("../img/pixel.jpg") repeat-x; height: 120px; z-index: 1; position: relative;}

#header-wrap {
	height: 87px;
	width: 1075px;
	margin: 0 auto;
	position: relative;
}

.logo {
	background: url("../img/logo.png") no-repeat scroll left top transparent;
	position: absolute;
	display: block;
	height: 88px;
	width: 530px;
	left: 30px;
	text-indent: -999px;
}

.boletin {
	background: url("../img/boletin.png") no-repeat scroll left top transparent;
	position: absolute;
	display: block;
	height: 86px;
	width: 400px;
	left: 662px;
	text-indent: -999px;
}

.boletin #newsletter-mail {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    color: #666666;
    font-size: 12px;
    padding: 2px 0 0;
    position: absolute;
    right: 86px;
    top: 60px;
    width: 205px;
}

.boletin #newsletter-sbm {
    background:none transparent;
    border: medium none;
    cursor: pointer;
    float: right;
    font-size: 0.1px;
    height: 27px;
    outline: medium none;
    position: absolute;
    right: 6px;
    top: 50px;
    width: 60px;
}

.boletin #newsletter-sbm:hover {background-position: right top;}


/*MENU
------*/

#menu-wrap {background:url(../img/line-menu.jpg) repeat-x; height:46px;}
#menu {display: block; margin: 0 auto; width:954px;}
#menu li {float:left;position:relative;height: 46px;}
#menu li a {background:url(../img/menu.png) no-repeat center center;display:block;height:46px;text-indent:-9999px;position: relative;}
#menu li.m-inicio a {background-position:0 -52px;width: 60px;}
#menu li.m-inicio a:hover, #menu li.m-inicio a.active {background-position:0 0;}
#menu li.m-directorio a {background-position:-60px -52px;width:134px;}
#menu li.m-directorio a:hover, #menu li.m-directorio a.active {background-position:-60px 0;}
#menu li.m-ubicacion a {background-position:-195px -52px;width:135px;}
#menu li.m-ubicacion a:hover, #menu li.m-ubicacion a.active {background-position:-195px 0;}
#menu li.m-programa a {background-position:-330px -52px;width:165px;}
#menu li.m-programa a:hover, #menu li.m-programa a.active {background-position:-330px 0;}
#menu li.m-musical a {background-position:-496px -51px;width:143px;}
#menu li.m-musical a:hover, #menu li.m-clientes a.active {background-position:-495px 0;}
#menu li.m-publicaciones a {background-position:-637px -52px;width:98px;}
#menu li.m-publicaciones a:hover, #menu li.m-publicaciones a.active {background-position:-637px 0;}
#menu li.m-alianzas a {background-position:-735px -52px;width:86px;}
#menu li.m-alianzas a:hover, #menu li.m-alianzas a.active {background-position:-735px 0;}
#menu li.m-noticias a {background-position:-820px -52px;width:67px;}
#menu li.m-noticias a:hover, #menu li.m-noticias a.active {background-position:-820px 0;}
#menu li.m-contacto a {background-position:-886px -52px;width:65px;}
#menu li.m-contacto a:hover, #menu li.m-contacto a.active {background-position:-886px 0;}


/*==================================================
Parallax Animation
====================================================*/

#wrapper {
    width:100%;
    height:100%;
    position:absolute;
    top:0; left:0;
    overflow:hidden;
    background-color: transparent;
}

#mask {
    width:900%;
    height:100%;
}

.box {
    width:11.111111%;
    height:100%;
    float:left;
    list-style: none;
}

.content {
    width:920px;
    height:520px;
    top:19%;
    margin: 0 auto;
    position:relative;
    display: block;

 }

.inner {
    width:900px;
    height:510px;
    position:relative;
    padding:10px;
}


/***pages**/

h3 {font-family: 'Tauri', sans-serif;
    font-size: 15px;
    color: #505050;
    line-height: 17px;
}

h1 {font-family: 'Tauri', sans-serif;
    font-size: 17px;
    color: #4A4844;
    line-height: 21px;
}

p { font-family: 'Tauri', sans-serif; font-size: 13px; text-align: justify; color: #4A4844;}
a.leer { font-family: 'Tauri', sans-serif; font-size: 13px; text-align: justify; color: #505050; text-decoration: none; font-weight: bold;}

.buttom {width: 870px; height: 70px; background: url("../img/abajo.png"); position:absolute; bottom: 2px; float: right; margin-left: -435px;left:50%;}
.buttom-link {position: relative; width: 135px; height: 60px; float: right;}
.buttom-informe {position: relative; width: 65px; height: 33px; float: left; margin-top:25px;

   /* margin-left: 445px;*/
 /*margin-left: 415px;*/
margin-left: 357px;}
.buttom-informe2 {position: relative;
   /* width: 60px;*/
   width: 38px;
    height: 33px; float: left; margin-top:25px; margin-left:0;
}
.buttom-informe3 {/*position: relative; width: 60px; height: 33px; float: left; margin-top:25px; margin-left:16px;*/
	position: relative;
width: 65px;
height: 33px;
float: left;
margin-top: 25px;
margin-left: 25px;
}
.buttom-video_link{
	position: relative;
width: 65px;
height: 33px;
float: left;
margin-top: 25px;
margin-left: 7px;
}

.buttom-fb {position: relative; width: 30px; height: 33px; float: left; margin-top:25px; margin-left: 95px;}
.buttom-tw {position: relative; width: 30px; height: 33px; float: left; margin-top:25px}


.pag-y {overflow-x: hidden; overflow-y: auto;}

.box1-logo-01 {display: block; width: 409px; height: 321px; background: url("../img/elemento-logo-01.png") no-repeat; position: absolute; top: 126px; left: 17px;z-index: 11;}
.box1-logo-02 {display: block; width: 253px; height: 374px; background: url("../img/elemento-logo-02.png") no-repeat; position: absolute; top: 12px; left: 235px; z-index: 10;}
.box1-texto1 {display: block; width: 193px; height: auto; position: absolute; top: 165px; left: 146px;}
.box1-texto2 {display: block; width: 215px; height: auto; position: absolute; top: 60px; left: 580px;}
.box1-texto3 {display: block; width: 370px; height: auto; position: absolute; top: 255px; left: 512px;}

.box2-tit {width: 290px; height: 45px; background: url("../img/directorio/directorio-tit.png") no-repeat; position: absolute;}
.box2-img {width: 537px; height: 308px; background: url("../img/directorio/img-org.png") no-repeat; position: absolute; top: 95px; left: 40px;}
.box2-texto {display: block; width: 230px; height: auto; position: absolute; right: 55px; top: 95px;}

.box3-tit {width: 280px; height: 60px; background: url("../img/ubicacion/ubc-tit.png") no-repeat;}
.box3-tit-jz {width: 220px; height: 92px; background: url("../img/ubicacion/tit-jz.png") no-repeat; position: absolute; top: 100px; right: 670px;}
.box3-texto1 {display: block; width: 195px; height: auto; position: absolute; left: 320px; top: 40px;}
.box3-mapa-jz {width: 325px; height: 230px; position: absolute; top: 65px; left: 500px;}
.box3-tit-chih {width: 230px; height: 80px; background: url("../img/ubicacion/tit-chih.png") no-repeat; position: absolute; top: 325px; right: 670px;}
.box3-texto2 {display: block; width: 195px; height: auto; position: absolute; left: 320px; top: 315px;}
.box3-mapa-chih {width: 325px; height: 230px; position: absolute; top: 263px; left: 500px;}

/* these styles are for the demo, but are not required for the plugin */
.zoom {display:inline-block;position: relative;}
/* magnifying glass icon */
.zoom:after {content:''; display:block; width:33px; height:33px; position:absolute; top:0; right:0; background:url(../img/ubicacion/icon.png);}
.zoom img {display: block;}
.zoom img::selection { background-color: transparent;}


.box4-tit {width: 420px; height: 55px; background: url("../img/pic/pic-tit.png") no-repeat;}
.box4-texto {display: block; width: 895px; height: auto; position: absolute;}
.box4-opc {display: block; width: 714px; height: 251; position: absolute; top:185px; left: 100px;}
/*menu-box4 (PIC)*/
#box4-menu {display: block; margin:0 auto; height:121px; width:714px;}
#box4-menu li {float:left; display:block;}
#box4-menu li a {background:url(../img/pic/menu-pic.png) no-repeat ;float:left;height:121px; text-indent:-9999px;}
#box4-menu li.nucleos a {width:190px;}
#box4-menu li.nucleos a:hover, #box4-menu li.nucleos a.active {background-position:0 -116px;}
#box4-menu li.taller a {background-position:-190px 0;width:180px;}
#box4-menu li.taller  a:hover, #box4-menu li.taller a.active {background-position:-190px -116px;}
#box4-menu li.arte a {background-position:-370px 0;width:180px;}
#box4-menu li.arte  a:hover, #box4-menu li.arte a.active {background-position:-370px -116px;}
#box4-menu li.educacion a {background-position:-548px 0;width:160px;}
#box4-menu li.educacion  a:hover, #box4-menu li.educacion a.active {background-position:-548px -116px;}

#tab02, #tab03, #tab04 {display:none;}
.cont-img {position: absolute; top: 315px; left: 98px;}


.box5-tit {width: 400px; height: 55px; background: url("../img/nucleo/nucleo-tit.png") no-repeat;}
.box5-texto {display: block; width: 920px; height: auto; position: absolute;}
.box5-img1 {width: 298px; height: 480px; background: url("../img/nucleo/nucleo-img1.png") no-repeat; position: absolute; top: 3px; left: 603px;}
.box5-img2 {width: 721px; height: 221px; background: url("../img/nucleo/nucleo-img2.png") no-repeat; position: absolute; top: 255px; left: 120px;}

.box6-tit {width: 400px; height: 60px; background: url("../img/publicaciones/publicaciones-tit.png") no-repeat;}
.box6-texto {display: block; position: absolute; top: 77px; width: 900px;}
.box6-libro1 {display: block; width: 900px; height: 206px; position: absolute; top: 115px; left:10px; }
.box6-libro2 {display: block; width: 900px; height: 206px; position: absolute; top: 320px;}

.box7-tit {width: 400px; height: 60px; background: url("../img/alianzas/alianzas-tit.png") no-repeat;}
.box7-texto {display: block; width: 700px; height: auto; position: absolute;}
.box7-img1 {width: 660px; height: 137px; background: url("../img/alianzas/logos-img1.png") no-repeat; position: relative; top: 37px; }
.box7-img2 {width: 420px; height: 95px; background: url("../img/alianzas/logos-img2.png") no-repeat; position: relative; top: 50px; left:23%;}
.box7-img3 {width: 550px; height: 117px; background: url("../img/alianzas/logos-img3.png") no-repeat; position: relative; top: 50px; }
.box7-img4 {width: 660px; height: 137px; background: url("../img/alianzas/logos-img4.png") no-repeat; position: relative; top: 40px; }


.box8-tit {width: 400px; height: 60px; background: url("../img/noticias/noticias-tit.png") no-repeat; top: 10px;}

.box9-tit {width: 290px; height: 50px;  margin-top: 10px; background: url("../img/contacto/contacto-tit.png") no-repeat;}
/*.box9-texto {position: absolute; top: 65px;}*/
.box9-img{width: 620px; height: 390px;position: absolute; top: 125px;}
.box9-datos {width: 226px; height: 254px; background: url("../img/contacto/contacto-datos.png") no-repeat; position: absolute; top: 160px; left: 659px;}
/*CONTACT FORM
  -----------*/
#contactform {background:url("../img/contacto/contacto-form.png") no-repeat; display:block; position:relative; width:100%; height:100%;}
#contactform input, #contactform textarea {color:#E1A681;font-family: 'Tauri', sans-serif;position:absolute;}
#contactform #fullname {background:none;border:none;font-size:15px;left:95px;top:21px;width:500px;}
#contactform #email {background:none;border:none;font-size:15px;left:160px;top:77px;width:440px;}
#contactform #comments {background:none;border:none;font-size:15px;height:125px;left:29px;top:152px;width:572px;}
#contactform #submit {background:none;border:none;color:#ccc;cursor:pointer;font-size:.1em;height:87px;left:216px;top:294px;width:177px;}





/*** Clouds ***/
.clouds{width:100%; height:100%; overflow:hidden;}
#cloud2 { position:relative; top:100px; }
#clouds-big { width:5000px; height:429px; background:url(../img/fondo.jpg) repeat-x;}