/* IMPORTS ------------------------------------------------------------*/

@import url('reset.css');
@import url('comments.css');



body {
  -webkit-animation-duration: 0.1s;
  -webkit-animation-name: fontfix;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -webkit-animation-delay: 0.1s;
}

.nuevo-item{color:#63cc4f; font-size:12px;}

@-webkit-keyframes fontfix {
  from { opacity: 1; }
  to { opacity: 1; }
}



.fe {
 float: right;
    margin-bottom: 0.5em;
    margin-left: 2.53164557%; /* 12px / 474px */
    width: 48.7341772%; /* 231px / 474px */
	}

.contenedor-texto{
	text-align:justify;
	}
	
.cuadro{
	padding-top:14px;
	}
	
.espacio-footer{
	padding:40px;
	}

/*--Accordion---------------------------------------------------------*/

.acc-container {
  width:100%;
  margin:30px auto 0 auto;
  -webkit-border-radius:8px;
  -moz-border-radius:8px;
  -o-border-radius:8px;
  border-radius:8px;
  overflow:hidden;

}

.acc-btn { 
  width:100%;
  margin:0 auto;
  padding:20px 25px 1px 25px;
  cursor:pointer;
  background:#f0f0f0;
  border-bottom:1px solid #fff;
}

.acc-content {
  height:0px;
  width:100%;
  margin:0 auto;
  overflow:hidden;
  background:#fff;
}

.acc-content-inner {
  padding:30px;
}

.open {
  height: auto;
}
.accordion-title{
	color:#333;
	font-size:16px;
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
}

.selected {
  color:#388638;
}



/* HACKS ------------------------------------------------------------*/

.clear{
	clear:both;
	height:1px;
}

.inv{ display:none; }


/* GENERAL ------------------------------------------------------------*/

.revistas-elec{color:#39F; text-decoration:none; font-weight:bold; }
.revistas-elec:hover{ text-decoration:underline; }

body {
	line-height: 1.5em;
	color: #6a6a6a;
	background: #ffffff;
	font-family: 'Oswald', sans-serif;
	font-size: 13px;
}

#top-gap{ height: 5px; }

.centro{
margin-left:auto;
margin-right:auto;
text-align:center; }

#logo{
	position: absolute;
	top: 30px;
	left: 35px;
}

#gptw{
	position: absolute;
	top: 20px;
	left: 35px;
}

p{ margin-bottom: 21px; }

.pru{
	padding: 20%;
	color: #F00;
	background-color:#0F0;
}

a{
	color: #606060;
}

.calendario{
	width:365px;
	max-width:365px;
	position:absolute;
}

.calendario img{
	float:left;
	margin:3px;
}

.fotos{
	margin-left:100px;
}


/* Nuevo sitio -----------------------------------------------------*/


/* banner -----------------------------------------------------*/

#bannerprincipal


/* SIDE CONTENT -----------------------------------------------------*/

#side-content{
	width: 406px;
	float: left;
	margin-right: 20px;
	min-height: 500px;
}

#side-content-contacto{
	width: 356px;
	float: left;
	margin-right: 20px;
	min-height: 500px;
}

/* WP IMG ALIGNMENT  --------------------------------------------------*/


.alignright {
	display:inline;
	float:right;
	margin-left:24px;
	margin-top:4px;
}


.alignboton{
	display:inline;
	float:right;
	margin-left:24px;
	margin-top:4px;
}



.alignright-periodico {
	display:inline;
	float:right;
	margin-left:24px;
	margin-top:4px;
	margin-bottom:25px;
}

.alignrightContact {
	display:inline;
	float:right;
	margin-left:24px;
	min-width:291px;
	margin-top:4px;
	background-color:#030;
	text-align:left;
}

.alignleft {
	display:inline;
	float:left;
	margin-right:24px;
	margin-top:4px;
}

.blockquote{
	background: url(../img/blockquote.png) no-repeat;
	display: block;
	padding-left: 40px;
	font-family: 'Droid Serif', serif;
	font-size: 16px;
	line-height: 1.5em;
}

.popWindow{
	display: table;
	background: #f1f1f1 url(../img/icon-pop.png) no-repeat bottom right;
	padding: 5px 5px 20px 5px;
	border: 1px solid #ccc;
}

.popWindow:hover{
	background: #dedede url(../img/icon-pop.png) no-repeat bottom right;
}

/* BLOG  -----------------------------------------------------*/

.blog-loop .post{
	position: relative;
}

.single-post .post{
	position: relative;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.blog-loop .post-feature-img,
.single-post .post-feature-img{
	display: block;
	background: #f1f1f1;
	padding: 7px;
	line-height: 0em;
	border: 1px solid #e5e5e5;
	margin-bottom: 0px;
}

.blog-loop .post h4,
.single-post .post h4{
	margin-bottom: 10px;
}


.blog-loop .post .meta{
	margin-bottom: 60px;
}

.single-post .post .meta{
	margin-bottom: 15px;
}

.blog-loop .post .meta,
.blog-loop .post .meta a,
.single-post .post .meta,
.single-post .post .meta a{
	font-style: italic;
	color: #8d8d8d;
	font-size: 11px;
}


.blog-loop .post .meta a:hover,
.single-post .post .meta a:hover{
	color: #1c1c1c;
}

.blog-loop .post .meta,
.single-post .post .meta{
	font-size: 12px;
	font-family: Georgia, arial;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 0px 0px 0px 5px;
	line-height: 40px;
	overflow: hidden;
}

.blog-loop .read-more{
	float: right;
	padding: 0px 10px;
	text-decoration: none;
}

.blog-loop .post .meta .read-more:hover{
	background: #ccc;
}

.blog-loop .post .meta a.read-more{
	color: #1c1c1c;
}

.blog-loop .post .excerpt{
	margin-bottom: 10px;
}

.blog-loop .meta-date,
.single-post .meta-date{
	position: absolute;
	top: 20px;
	left: -63px;
	background: url(../img/meta-date.png) no-repeat;
	width: 37px;
	height: 65px;
	font-family: 'Droid Serif', serif;
	padding: 15px 13px;
	color: #F1F1F1;
}

.meta-date .meta-day{
	font-size: 20px;
	display: block;
	margin-bottom: 5px;
}

.meta-date .meta-month{
	font-size: 20px;
	display: block;	
	margin-bottom: 3px;	
}

.meta-date .meta-year{
	font-size: 10px;
	display: block;		
}




/* LINK BUTTON ------------------------------------------------------------*/

.link-button{
	opacity: 1;
	
	color: #f1f1f1;	
	background: #424242;
	text-decoration: none;
	font-size: 11px;
	padding-left: 8px;
	
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	
	padding: 2px 8px;
	
	-webkit-box-shadow: 0px 2px 0px rgba(56, 7, 7, 1); 
	-moz-box-shadow: 0px 2px 0px rgba(56, 7, 7, 1); 
	box-shadow: 0px 1px 0px rgba(0, 0, 0, .2); 
}

.link-button:hover{
	color: #606060;
	background: #f1f1f1;
}

/* COMMENTS ------------------------------------------------------------*/

.show-comments{
	cursor: pointer;
	display: table;
	padding: 5px 15px;
	
	color: #eee;
	background: #363636;
	
	background: -webkit-gradient(linear, left top, left bottom, from(#626262), to(#353535)); 
	background: -moz-linear-gradient(top,  #626262,  #353535);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#626262', endColorstr='#353535', GradientType=0);
	
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	
	text-shadow: 0 -1px rgba(0, 0, 0, 0.7);
	
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,.5); 
	-moz-box-shadow: 0px 1px 2px rgba(0,0,0,.5); 
	box-shadow: 0px 1px 2px rgba(0,0,0,.5); 
	
}

.show-comments span{
	font-size: 10px;
	font-style: italic;
	color: #cccccc;
}

.comments-switcher{
	display: none;
}

/* PAGER ------------------------------------------------------------*/

.pager{
	overflow: hidden;
	display: block;
	margin-top: 10px;
	margin-bottom: 30px;
	font-size: 12px;
}

.pager li{
	display: block;
	margin-right: 5px;
	float: left;
}

.pager li a{
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
	text-decoration: none;
	color: #282D34;
	width: 20px;
	border: 1px solid #CCCCCC;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	background: #F0F0F0;
}

.pager li.active a{
	color: #fff;
	background: #282d34;
	border: 1px solid transparent;
}

.pager li:hover a{
	color: #606060;
	background: #dddddd;
}

/* FORMS ------------------------------------------------------------*/

#commentform,
#contactForm{
	margin-bottom: 18px;
}

#contactForm input,
#contactForm textarea,
#commentform input,
#commentform textarea{
	padding: 10px 15px;
	background: #fff;
	color: #606060;
	border: 1px  solid #d6d6d6;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	overflow: auto;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

#contactForm input,
#commentform input{
	width: 200px;
	margin-bottom: 20px;
}

#contactForm textarea,
#commentform textarea{
	width: 570px;
	height: 230px;
}

#contactForm #submit,
#commentform #submit{
	width: 76px;
	margin: 21px 0px;
	padding: 10px 14px;
	
	color: #cbcbcb;
	text-shadow: 0px 1px rgba(0, 0, 0, 0.9);
	
	background: -webkit-gradient(linear, left top, left bottom, from(#656464), to(#303030)); 
	background: -moz-linear-gradient(top,  #656464,  #303030);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#656464', endColorstr='#303030', GradientType=0);
}

#contactForm #submit:hover,
#commentform input#submit:hover{
	opacity: 0.8;
}

#contactForm label,
#commentform label{
	padding-left: 7px;
}


#respond{ 
	margin: 25px 0 0px 0px;
	overflow: hidden;
}

#respond .cancel-comment-reply a{
	color: #282d34;
	text-decoration: none;
	margin-bottom: 20px;
	display: block;
}

#error{
	margin-left: 10px;
}

/* GOOGLE MAP -----------------------------------------------------*/

#map { 
	width:314px; 
	height:400px;
	margin-bottom: 20px;
}

/* SIDEBAR  -----------------------------------------------------*/

#sidebar{
	width: 314px;
	float: right;
	font-size: 12px;
}


#sidebar-contacto{
	width: 560px;
	float: left;
	font-size: 12px;
}


#sidebar .sideblock{
	background: url(../img/sidebar-header.png) no-repeat;
	margin-bottom: 20px;
}

#sidebar .sideblock a{
	text-decoration: none;
	color: #666666;
}

#sidebar .sideblock a:hover{
	color: #000000;
}

#sidebar .sideblock h6{
	margin-left: 10px;
	padding-left: 22px;
	padding-top: 9px;
	color: #f1f1f1;
	font-size: 18px;
	margin-bottom: 10px;
}

#sidebar .sideblock ul{
	margin: 0px 35px;
}

#sidebar .sideblock ul li{
	border-bottom: 1px solid #e8e8e8;
	padding: 5px 0px;
}

#sidebar .sideblock ul li:last-child{
	border-bottom: none;
}

/* PROJECT INFO ------------------------------------------------------------*/


#sidebar .project-info .date{
	background: url(../img/icon-date.png) no-repeat 0px 5px;
	padding-left: 22px;
}

#sidebar .project-info .client{
	background: url(../img/icon-client.png) no-repeat 0px 5px;
	padding-left: 22px;
}

#sidebar .project-info .link{
	background: url(../img/icon-link.png) no-repeat 0px 5px;
	padding-left: 22px;
}

#sidebar .project-info .info{
	background: url(../img/icon-info.png) no-repeat 0px 5px;
	padding-left: 22px;
}

/* PROJECT TAGS ------------------------------------------------------------*/


#sidebar .sideblock .wp-tag-cloud {
    display: block;
    font-size: 12px;
    margin-bottom: 20px;
    overflow: hidden;
    padding-bottom: 0;
    padding-left: 0;
}

#sidebar .sideblock .wp-tag-cloud li{
	display: block;
	float: left;
	border: none;
	margin: 2px;
}

#sidebar .sideblock .wp-tag-cloud li a {
    background: #F0F0F0;
    color: #282D34;
    display: block;
    line-height: 14px;
    padding: 3px 10px;
    text-decoration: none;
    
    border: 1px solid #ccc;
    
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

#sidebar .sideblock .wp-tag-cloud li a:hover{
	background: #DDDDDD;
}


/* HEADERS ------------------------------------------------------------*/
@font-face {
    font-family: MyriadSetPro;
    src: url(MyriadSetPro-Thin.ttf);
}

h1{ font-size: 30px; }

h2{ font-size: 28px; }

h3{ font-size: 26px; }

h4{ font-size: 24px; }

h5{ font-size: 22px; }

h6{ font-size: 26px; }

h71{ font-size: 22px; }

.titulo6{ font-size: 18px; line-height: 24px;}

h1,h2,h3,h4,h5{
	margin-bottom: 21px;
	line-height: 21px;
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	line-height: 1.2em;
}
h6{
	margin-bottom: 18px;
	line-height: 21px;
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
	line-height: 1.2em;
}
h71{
	margin-bottom: 21px;
	line-height: 21px;
	font-family: 'Oswald', sans-serif;
	font-weight: 100;
	line-height: 1.2em;
}
/* PAGE TITLE -------------------------------------------------------------------*/

.page-title{
	background: url(../img/page-title.png)  center bottom no-repeat ;
	margin-bottom: 30px;
}

.page-title2{
	margin-bottom: 400px;
	color:#FFF;
	text-align:left;
	margin-top:-35px;
	max-height:70px;
}

.page-title2 h1{
	margin-top:-35px;
}

.page-title21{
	margin-bottom: 100px;
	color:#FFF;
	text-align:left;
	margin-top:-35px;
	max-height:70px;
}

.page-title21 h1{
	margin-top:-5px;
}

.page-instituto {
	margin-bottom: 30px;
	color:#FFF;
	text-align:left;
	margin-top:-35px;
}
.page-instituto h1{
	display: inline;
	line-height: 90px;
	padding:0; 
	margin-left:25px;
	text-align:left;
}

.page-title-carreras{
	margin-bottom: 400px;
	color:#FFF;
	text-align:left;
	margin-top:20px;
	max-height:80px;
}

.page-title-investigacion{
	margin-bottom: 30px;
	color:#FFF;
	text-align:left;
	margin-top:20px;
	max-height:80px;
}

.page-title-investigacion h1{
	display: inline;
	line-height: 90px;
	padding:0; 
	margin-left:25px;
	text-align:left;
}

.page-title-coaching{
	margin-bottom: 50px;
	color:#FFF;
	text-align:left;
	margin-top:20px;
	max-height:80px;
}

.page-title h1{
	display: inline;
	line-height: 70px;
}

.page-title2 h1{
	display: inline;
	line-height: 90px;
	padding:0; 
	margin-left:25px;
	text-align:left;
}

.page-title-carreras h1{
	display: inline;
	line-height: 90px;
	padding:0; 
	margin-left:25px;
	text-align:left;
}

.page-title-coaching h1{
	display: inline;
	line-height: 90px;
	padding:0; 
	margin-left:25px;
	text-align:left;
}

.page-title span{
	color: #999999;
	font-family: 'Droid Serif', serif;
	font-size: 16px;
	margin-left: 20px;
}

.page-title2 span{
	color: #999999;
	font-family: 'Droid Serif', serif;
	font-size: 16px;
	margin-left: 20px;
}


/* BACKGROUND SLIDER ------------------------------------------------------------*/


/* HEADER */
.headerimg { 
	background-position: top center; 
	background-repeat: no-repeat; 
	width:100%; 
	height:100%; 
	position:absolute;
}


/* CONTROLS */
.btn { 
	height: 62px; 
	width: 40px;
	float: left;
	cursor: pointer;
}

.btn:hover{
	background-position: 0px -62px;
}

/* HEADER HAVIGATION */

#headernav { 
	position: relative; 
	top: 60px; 
	margin: 0 auto; 
	width:100%;
	display: none;
}

#back { 
	background-image: url("../img/slider/btn_back.png");
	position: absolute;
}

#next {
	background-image: url("../img/slider/btn_next.png");
	position: absolute;
	right: 0px;
}

/* WRAPPER ------------------------------------------------------------*/

.wrapper { 
	position: relative;
	width: 1020px; 
	margin: 0px auto; 
	background: url(../../../wrapper-bg.jpg) no-repeat top center;
	padding-top: 200px;
}

.wrapper2 { 
	position: relative;
	width: 1100px; 
	margin: 0px auto;
}

#content-wrap{
	margin-left:20px;
	margin-right: 20px;
	background: #ffffff;
}

#page-wrap{
	margin-left:20px;
	margin-right: 20px;
}

#content-wrap-index{
	height:auto;
	margin: -30px 20px 0px 20px;
	background: #ffffff;
}

#page-wrap-index{
	margin: 0px 20px 0px 20px;
}

#content-wrap-fac{
	margin-left:20px;
	margin-right: 20px;
	background: #ffffff;
	min-height: 1560px;
}

#page-wrap-fac{
	margin-left:20px;
	margin-right: 20px;
	min-height: 1560px;
}

#content-wrap-fac-ccss{
	margin-left:20px;
	margin-right: 20px;
	background: #ffffff;
	min-height: 1420px;
}

#page-wrap-fac-ccss{
	margin-left:20px;
	margin-right: 20px;
	min-height: 1420px;
}

#content-wrap-fac-edu2{
	margin-left:20px;
	margin-right: 20px;
	background: #ffffff;
	min-height: 1598px;
}

#page-wrap-fac-edu2{
	margin-left:20px;
	margin-right: 20px;
	min-height: 1390px;
}

#content-wrap-adm{
	margin-left:20px;
	margin-right: 20px;
	background: #ffffff;
	min-height: 1630px;
}

#page-wrap-adm{
	margin-left:20px;
	margin-right: 20px;
	min-height:1478px;
}

#content-wrap-dae{
	margin-left:20px;
	margin-right: 20px;
	background: #ffffff;
	min-height: 1624px;
}

#page-wrap-dae{
	margin-left:20px;
	margin-right: 20px;
	min-height:1624px;
}

#content-wrap-inv{
	margin-left:20px;
	margin-right: 20px;
	background: #ffffff;
	min-height: 2001px;
}

#page-wrap-inv{
	margin-left:20px;
	margin-right: 20px;
	min-height:2001px;
}

.espacio{ margin-top:107px;}

/* NAVIGATION BAR HOLDER --------------------------------------------------------*/

#nav-bar-holder{
	position: absolute;
	top: 170px;
	right: 47px;
/*	z-index: 5000;*/
}
#nav-bar-holder1{
	position: absolute;
	top: 170px;
	right: 35px;
/*	z-index: 5000;*/
}

#nav-bar-holder-new{
	position: relative;
	top:-25px;
	left:40px;
	padding:0;
	margin-bottom:10px;
	width:940px;
	height:55px;
}

#nav-bar-holder2{
	position: absolute;
	top: 135px;
	left: 30px;
	z-index: 100;
}

#nav-bar-holder3{
	position: absolute;
	top: 22px;
	right: 55px;
	z-index: 100;
}

#nav-bar-holder4{
	position: absolute;
	top: 133px;
	right: 40px;
	z-index: 100;
}
 #gpt {
	position: absolute;
	width: 200px;
	height: 115px;
	z-index: 1;
	left: 429px;
	top: 6px;
}

/* NAVIGATION --------------------------------------------------------*/

#nav{
	float: left;
	display: block;
	font-size: 13px; 
}

#nav>li{
	display: block;
	float: left;
	line-height: 36px;
	padding-right: 10px;
	margin-left: 3px;
	margin-right: 3px;
	background:  url(../img/nav-bullet.png) no-repeat center right;
}

#nav li>a{ 
	text-decoration: none;
	color: #606060;
	padding: 0px 10px 0px 10px;
	display: block;
	
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#nav li:last-child{
	background: none;
}

#nav>li:hover>a,
#nav>li.current-menu-item>a{
	color: #eee;
	background: #363636;
	
	background: -webkit-gradient(linear, left top, left bottom, from(#626262), to(#353535)); 
	background: -moz-linear-gradient(top,  #626262,  #353535);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#626262', endColorstr='#353535', GradientType=0);
	
	text-shadow: 0 -1px rgba(0, 0, 0, 0.7);
	
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,.5); 
	-moz-box-shadow: 0px 1px 2px rgba(0,0,0,.5); 
	box-shadow: 0px 1px 2px rgba(0,0,0,.5); 
}

/* SUB NAV ------------------------------------------------------------*/

#nav>li ul{
	display: block;
	margin-top: 20px;
	background: #4d4d4e;
	margin-left: -1px;
	width:200px;
	font-size: 12px;
	
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	
	-webkit-box-shadow: 0px 2px 2px  rgba(0,0,0,.3); 
	-moz-box-shadow: 0px 2px 2px  rgba(0,0,0,.3); 
	box-shadow: 0px 2px 2px rgba(0,0,0,.3);
}

#nav>li ul li a{
	color: #b5b5b5;
	text-shadow: 0 -1px rgba(0, 0, 0, 0.8);
}

#nav>li ul li{ border-top: 1px solid #606060; }

#nav>li ul li:first-child{
	border-radius: 5px 5px 0px 0px;
	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
}

#nav>li ul li:last-child{
	border-radius: 0px 0px 5px 5px;
	-moz-border-radius: 0px 0px 5px 5px;
	-webkit-border-radius: 0px 0px 5px 5px;
}

#nav>li ul li:first-child{
	border: none;
}

#nav>li ul li:hover{ background: #252525;}

#nav>li ul li a:hover{ color: #f1f1f1; }


/* SOCIAL --------------------------------------------------------*/

.social{
	display: block;
	overflow: hidden;
	float: left;
}

.social li{
	display: block;
	width: 29px;
	height: 29px;
	float: left;
	margin-left: 4px;
	padding: 0px;
	text-indent: -9000px;
}


.social li a{ 
	display: block;
	height: 100%;
	width: 100%;
}

/* FRONT SLIDES -------------------------------------------------------*/

/*index*/
#front-slides-index{
	position: relative;
	margin-bottom: 15px;
}

#front-slides-index .slides_container-index {
	width:530px;
	height:370px;
	max-height:370px;
	padding-top:20px;
	padding-left:10px;
	float:left;
}
#front-slides-index .slides_container-index-cal {
	width:400px;
	height:370px;
	max-height:370px;
	padding-top:20px;
	float:left;
}

#front-slides-index .slides_container-index div {
	width:440px;
}

#front-slides-index .slides_container-index .caption {
	display: none;
}

#front-slides-index .pagination-index {
	display: block;
	position: absolute;
	top:30px;
	right: 10px;
	z-index: 4002;
}

#front-slides-index .pagination-index li {
	float: left;
	list-style: none outside none;
	margin: 0 2px;
	display: block;
	width: 10px;
	height: 10px;
}

#front-slides-index .pagination-index li a {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -9999px;
	background: #fff;
	opacity: 0.6;
	
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}


#front-slides-index .pagination-index li a:hover,
#front-slides-index .pagination-index li.current a {
	opacity: 1;
}
/*------*/

#front-slides{
	position: absolute;
	top:284px;
	margin-bottom: 1px;
}

/* Set the height if not specified on the image */

#front-slides .slides_container {
	width:940px;
	height:360px;
	padding-top:20px;
}

#front-slides .slides_container div {
	width:940px;
	display:block;
}


#front-slides .slides_container .caption {
	display: none;
}

/* FRONT SLIDES PAGINATION ----------------------------------------------*/

#front-slides .pagination {
	display: block;
	position: absolute;
	top:30px;
	right: 10px;
	z-index: 4002;
}

#front-slides .pagination li {
	float: left;
	list-style: none outside none;
	margin: 0 2px;
	display: block;
	width: 10px;
	height: 10px;
}

#front-slides .pagination li a {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -9999px;
	background: #fff;
	opacity: 0.6;
	
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}


#front-slides .pagination li a:hover,
#front-slides .pagination li.current a {
	opacity: 1;
}

/* HEADLINE -------------------------------------------------------*/

#headline{
	position: absolute;
	bottom: 0px;
	left: 55px;
	width: 665px;
	padding: 35px 70px 0px 70px;
	background: url(../img/headline-bg.png) no-repeat top center;
	z-index: 4000;
	text-align: center;
}

/* FEATURED TITLE -------------------------------------------------------*/

.featured-title{
	background: url(../img/shadow-divider.png) no-repeat center center;
	margin-bottom: 5px;
}

.featured-title .ribbon{
	margin: 0px auto;
}


/* RIBBON -------------------------------------------------------*/

.ribbon{
	display: table;
	font-family: 'Droid Serif', serif;
	color: #f2f2f2;
	line-height: 59px;
	padding-left: 49px;
	font-size: 20px;
	background: url(../img/ribbon.png) no-repeat top left;
	
	text-shadow: 0 -1px rgba(0, 0, 0, 0.9);
}

.ribbon span{
	background: url(../img/ribbon.png) no-repeat bottom right;
	display: block;
	line-height: 59px;
	padding-right: 49px;
}

.fotosaso{
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

/* FEATURED -------------------------------------------------------*/

.featured-posts{
	display: block;	
	overflow: hidden;
	margin-left: -10px;
	margin-bottom: 0px;
	width: 960px;
}


.featured-posts li{
	display: block;
	float: left;
	position: relative;
	width: 300px;
	margin: 10px;
}

.featured-posts li .thumb{
	display: block;
	width: 300px;
	margin-bottom: 0px;
	line-height: 0em;
	
	background: #25ba37 url(../img/plus.png) no-repeat bottom right ;
	
	-webkit-box-shadow: 0px 0px 2px rgba(0,0,0,.3); 
	-moz-box-shadow: 0px 0px 2px rgba(0,0,0,.3); 
	box-shadow: 0px 0px 2px rgba(0,0,0,.3); 
}

.featured-posts li .thumb img{
	margin: 5px;
}

.featured-posts li .thumb span:hover img{
	opacity: 0.4;
}


.featured-posts .link-button{
	opacity: 0;
}

.featured-posts li:hover .link-button{
	opacity: 1;
}

.featured-posts li .link-button:hover{
	background: #f1f1f1;

	padding: 2px 8px;
	
	-webkit-box-shadow: 0px 2px 0px rgba(56, 7, 7, 1); 
	-moz-box-shadow: 0px 2px 0px rgba(56, 7, 7, 1); 
	box-shadow: 0px 1px 0px rgba(0, 0, 0, .2); 
}

.featured-posts .excerpt-arrow{
	position: absolute;
	top: -10px;
	left: 20px;
	background: url(../img/excerpt-arrow.png) no-repeat top left;
}

.featured-posts .excerpt{
	position: relative;
	padding: 15px 15px 0px 15px;
	margin-bottom: 0px;
}

.featured-posts .excerpt .heading {
	font-weight: bold;
	font-size: 14px;
	border-bottom: 1px solid #ccc;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

#content-wrap .featured-posts .excerpt .heading a{
	text-decoration: none;
	color: #606060;
}

#content-wrap .featured-posts .excerpt .heading a:hover{
	color: #000000;
}

/* REEL ------------------------------------------------------------*/

#reel{
	position: relative;
	width: 980px;
	height: 265px;
	margin-left: -20px;
	margin-bottom: 15px;
	background: url(../img/reel-eventos.png) no-repeat;
}

#reel .prev{
	position: absolute;
	top: 140px;
	left: 0px;
	display: block;
	width: 45px;
	height: 40px;
	background: url(../img/reel-left.png) no-repeat;
}

#reel .next{
	position: absolute;
	top: 140px;
	right: 0px;
	display: block;
	width: 45px;
	height: 40px;
	background: url(../img/reel-right.png) no-repeat;
}


#reel .prev:hover,
#reel .next:hover{
	background-position: 0px -40px;
}

#reel .slides_container{
	position: absolute;
	overflow: hidden;
	top: 71px;
	left: 40px;
	width: 898px;
	height: 170px;
}

#reel .slides_container  .slide-box{
	width: 898px;
	height: 200px;
	padding-left: 10px;
	padding-right: 10px;
}

#reel .slides_container .box-container{
	overflow: hidden;
	float: left;
	width: 273px;
	margin: 0px 10px;
}

#reel .slides_container .box-container h6{
	color: #484848;
	margin-top: 5px;
	margin-bottom: 7px;
}

#reel .box-container img{
	margin-right:7px;
}

#reel .box-icon{
	float: left;
	margin-right: 10px;
}

#reel .slides_container .box-divider{
	clear: both;
	border-bottom: 1px solid #ccc;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

.hoy{margin: 2px 3px 2px 1px; float: left;}


#reel-2{
	position: relative;
	width: 985px;
	height: 185px;
	margin-left: -22px;
	background: url(../img/reel-back-2.png) no-repeat;
}


#reel-2 .prev{
	position: absolute;
	top: 72px;
	left: -4px;
	display: block;
	width: 45px;
	height: 40px;
	background: url(../img/reel-left-2.png) no-repeat;
}

#reel-2 .next{
	position: absolute;
	top: 72px;
	right: -2px;
	display: block;
	width: 45px;
	height: 40px;
	background: url(../img/reel-right-2.png) no-repeat;
}


#reel-2 .prev:hover,
#reel-2 .next:hover{
	background-position: 0px -40px;
}





/** Esto es prueba de carrusel**/
#reel-3{
	position: relative;
	width: 492px;
	height: 185px;
	margin-left: -22px;
	background: url(../img/reel-back-3.jpg) no-repeat;
}


#reel-3 .prev{
	position: absolute;
	top: 72px;
	left: -4px;
	display: block;
	width: 45px;
	height: 40px;
	background: url(../img/reel-left-2.png) no-repeat;
}

#reel-3 .next{
	position: absolute;
	top: 72px;
	right: -6px;
	display: block;
	width: 45px;
	height: 40px;
	background: url(../img/reel-right-2.png) no-repeat;
}


#reel-3 .prev:hover,
#reel-3 .next:hover{
	background-position: 0px -40px;
}








#reel-4{
	position: relative;
	width: 452px;
	height: 185px;
	margin-left: -22px;
	background: url(../img/reel-back-4.jpg) no-repeat;
}


#reel-4 .prev{
	position: absolute;
	top: 72px;
	left: -4px;
	display: block;
	width: 45px;
	height: 40px;
	background: url(../img/reel-left-2.png) no-repeat;
}

#reel-4 .next{
	position: absolute;
	top: 72px;
	right: -2px;
	display: block;
	width: 45px;
	height: 40px;
	background: url(../img/reel-right-2.png) no-repeat;
}


#reel-4 .prev:hover,
#reel-4 .next:hover{
	background-position: 0px -40px;
}

/** Final de  prueba de carrusel**/





#reel-2 .slides_container{
	position: absolute;
	overflow: hidden;
	top: 7px;
	left: 22px;
	width: 940px;
	height: 170px;
}



#reel-2 .slides_container  .slide-box{
	width: 940px;
	height: 200px;
	padding:0px;
}

#reel-2 .slides_container .box-container{
	overflow: hidden;
	float: left;
	width: 310px;
	margin-right:2px;
}

#reel-2 .slides_container .box-container h6{
	color: #484848;
	margin-top: 5px;
	margin-bottom: 7px;
}

#reel-2 .box-container img{
	margin-right:7px;
}

#reel-2 .box-icon{
	float: left;
	margin-right: 10px;
}

#reel-2 .slides_container .box-divider{
	clear: both;
	border-bottom: 1px solid #ccc;
	padding-bottom: 5px;
	margin-bottom: 5px;
}



/** Esto es prueba de carrusel**/



#reel-3 .slides_container{
	position: absolute;
	overflow: hidden;
	 float:left;
	top: 7px;
	left: 22px;
	width: 470px;
	height: 170px;
}



#reel-3 .slides_container  .slide-box{
	width: 470px;
	height: 100px;
	padding:0px;
}

#reel-3 .slides_container .box-container{
	overflow: hidden;
	float: left;
	width: 310px;
	margin-right:2px;
}

#reel-3 .slides_container .box-container h6{
	color: #484848;
	margin-top: 5px;
	margin-bottom: 7px;
}

#reel-3 .box-container img{
	margin-right:1px;
}

#reel-3 .box-icon{
	float: left;
	margin-right: 10px;
}

#reel-3 .slides_container .box-divider{
	clear: both;
	border-bottom: 1px solid #ccc;
	padding-bottom: 5px;
	margin-bottom: 5px;
}



#reel-4 .slides_container{
	position: absolute;
	overflow: hidden;
	 float:left;
	top: 7px;
	left: 22px;
	width: 430px;
	height: 170px;
}



#reel-4 .slides_container  .slide-box{
	width: 430px;
	height: 100px;
	padding:0px;
}

#reel-4 .slides_container .box-container{
	overflow: hidden;
	float: left;
	width: 310px;
	margin-right:2px;
}

#reel-4 .slides_container .box-container h6{
	color: #484848;
	margin-top: 5px;
	margin-bottom: 7px;
}

#reel-4 .box-container img{
	margin-right:1px;
}

#reel-4 .box-icon{
	float: left;
	margin-right: 10px;
}

#reel-4 .slides_container .box-divider{
	clear: both;
	border-bottom: 1px solid #ccc;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

/** Final de  prueba de carrusel**/

/* GALLERY ----------------------------------------------------*/


#gallery-holder{

}

.gallery-thumbs a,
.work-thumbs a{
	text-decoration: none;
	color: #333333;
}

.gallery-thumbs,
.work-thumbs{
	overflow: hidden;
	margin: 10px 0px;
	line-height: 0em;
	width: 980px;
	margin-left: -10px;
}

.gallery-thumbs>li,
.work-thumbs>li{
	float: left;
	margin: 10px;
	width: 300px;
}

.gallery-thumbs>li a.plusbg,
.work-thumbs>li a.plusbg{
	display: block;
	background: #f1f1f1 url(../img/plus.png) no-repeat center center;
	
	-webkit-box-shadow: 0px 0px 2px  rgba(0,0,0,.3); 
	-moz-box-shadow: 0px 0px 2px  rgba(0,0,0,.3); 
	box-shadow: 0px 0px 2px rgba(0,0,0,.3); 
}

.gallery-thumbs>li img,
.work-thumbs>li img{
	margin: 8px;
}

.gallery-thumbs>li .thumb-description,
.work-thumbs>li .thumb-description{
	line-height: 1.5em;
	margin-top: 15px;
}

.gallery-thumbs>li .thumb-description p,
.work-thumbs>li .thumb-description p{
	margin-bottom: 0px;
}

.gallery-thumbs>li .thumb-description .thumb-title,
.work-thumbs>li .thumb-description .thumb-title{
	display: block;
	font-size: 16px;
	font-weight: bold;
	color: #333333;
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

/* FILTER ------------------------------------------------------------*/

.gallery-filter{
}

.gallery-filter li{
	display: block;
	float: left;
	height: 100%;
	line-height: 33px;
	padding: 0px 5px;
	font-weight: bold;
	margin-bottom: 10px;
}

.gallery-filter a{
	text-decoration: none;
	color: #606060;
	padding: 0px 10px 0px 10px;
	display: block;
	
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #e9e9e9;
	
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e9e9e9)); 
	background: -moz-linear-gradient(top,  #ffffff,  #e9e9e9);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e9e9e9', GradientType=0);
	
	-webkit-box-shadow: 0px 0px 2px rgba(0,0,0,.5); 
	-moz-box-shadow: 0px 0px 2px rgba(0,0,0,.5); 
	box-shadow: 0px 0px 2px rgba(0,0,0,.5); 
}

.gallery-filter a:hover{
	
	color: #f1f1f1;
	
	text-shadow: 0 -1px rgba(0, 0, 0, 0.7);
		
	background: -webkit-gradient(linear, left top, left bottom, from(#626262), to(#353535)); 
	background: -moz-linear-gradient(top,  #626262,  #353535);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#626262', endColorstr='#353535', GradientType=0);	
}


/* LAYOUT BUTTONS -----------------------------------------------------*/

.gallery-filter li.layout-label{
	float: right;
}


.gallery-filter li.layout-text,
.gallery-filter li.layout-notext{
	display: block;
	float: right;
	width: 33px;
	height: 33px;
	padding: 0px;
	margin-right: 5px;
	background: url(../img/layout-buttons.png) no-repeat;
	cursor: pointer;
}

.gallery-filter li.layout-text{
	background-position: -33px 0px;
}

.gallery-filter li.layout-text:hover,
.gallery-filter li.layout-text.active{
	background-position: -33px -33px;
}

.gallery-filter li.layout-notext:hover,
.gallery-filter li.layout-notext.active{
	background-position: 0px -33px;
}

/* FOOTER ------------------------------------------------------------*/

#footer{
	position: relative;
	width: 100%;
	padding-bottom: 10px;
	background: #4b4b4b url(../img/png-patterns/ver-1x1.png);
	border-bottom: #383838 solid 1px;
	border-top: 2px solid #ccc;
}


.footer-wrapper{
	overflow: hidden;
	width: 980px;
	margin: 0 auto;	
}


.footer-wrapper{
	background: url(../img/footer-glare.png) no-repeat top center;
}

#footer h1,
#footer h2,
#footer h3,
#footer h4,
#footer h5,
#footer h6{
	color: #dcdcdc;
	text-shadow: 0 -1px rgba(0, 0, 0, 0.8);
	margin-bottom: 10px;
}

/* FOOTER COLS ------------------------------------------------------------*/

#footer-cols{
	display: block;
	overflow: hidden;
	margin-top: 20px;
	padding: 0px 10px;
}

#footer-cols>li{
	display: block;
	float: left;
	width: 300px;
	margin: 0px 10px;
}

#footer-cols > li > ul > li{
    background: url("../img/footer-divider.png") repeat-x scroll left bottom ;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

#footer-cols > li > ul > li:last-child{
	background: none;
}

#footer-cols > li a{
	text-decoration: none;
	color: #aeaeae;
}

#footer-cols > li a:hover{
	color: #fff;
}

/* FOOTER-BOTTOM ------------------------------------------------------------*/

#footer-bottom{ 
	overflow: hidden;
	background: #0e0e0e;
	font-size: 13px;
	padding-top: 15px;
	padding-bottom: 15px;
}

.bottom-wrapper{
	overflow: hidden;
	width: 940px;
	margin: 0 auto;	
}

#footer-bottom #bottom-left{
	float: left;
}

#footer-bottom #bottom-center{
	text-align:center;
}

#footer-bottom #bottom-right{
	float: right;
	text-align:right;
}

#footer-bottom a{
	text-decoration: none;
	color: #787878;
}

#footer-bottom a:hover{
	color: #fff;
}

/* FOOTER-NAV ------------------------------------------------------------*/

#footer-nav{
	display: block;
	overflow: hidden;
}

#footer-nav li{
	display: block;
	float: left;
	margin-left: 10px;
}

/* FAC-NOTI-NAV ------------------------------------------------------------*/

.facnoti{
	background-color: rgba(60, 160, 230, 0.4); 
	position:absolute; 
	top:220px; 
	left:14px;
	max-width:300px; 
	width:300px; 
	height:100px; 
	color:#FFF; 
	font-size:14px; 
	padding:15px;
}

.facnoti span{
	font-size:10px;
	margin-top:5px;
}

.facnoticchh{
	background-color: rgba(147, 187, 78, 0.4); 
	position:absolute; 
	top:220px; 
	left:14px;
	max-width:300px; 
	width:300px; 
	height:100px; 
	color:#FFF; 
	font-size:14px; 
	padding:15px;
}

.facnoticchh span{
	font-size:10px;
	margin-top:5px;
}

.facnoticcss{
	background-color: rgba(183, 54, 36, 0.4); 
	position:absolute; 
	top:220px; 
	left:14px;
	max-width:300px; 
	width:300px; 
	height:100px; 
	color:#FFF; 
	font-size:14px; 
	padding:15px;
}

.facnoticcss span{
	font-size:10px;
	margin-top:5px;
}

.facnotiedu{
	background-color: rgba(240, 174, 62, 0.4); 
	position:absolute; 
	top:220px; 
	left:14px;
	max-width:300px; 
	width:300px; 
	height:100px; 
	color:#FFF; 
	font-size:14px; 
	padding:15px;
}

.facnotiedu span{
	font-size:10px;
	margin-top:5px;
}


.facnoticu{
	background-color: rgba(78, 49, 90, 0.4); 
	position:absolute; 
	top:220px; 
	left:14px;
	max-width:300px; 
	width:300px; 
	height:100px; 
	color:#FFF; 
	font-size:14px; 
	padding:15px;
}

.facnoticu span{
	font-size:10px;
	margin-top:5px;
}


.facnotiadm{
	background-color: rgba(186, 204, 34, 0.4); 
	position:absolute; 
	top:220px; 
	left:14px;
	max-width:300px; 
	width:300px; 
	height:100px; 
	color:#FFF; 
	font-size:14px; 
	padding:15px;
}

.facnotiadm span{
	font-size:10px;
	margin-top:5px;
}



/*CONTENT-------------------------------------------------------------------*/

.alignrightContact {
	display:inline;
	float:right;
	margin:1px;
	min-width:241px;
	max-width:241px;
	background-color:#2b4a76;
	color:#FFF;
	text-align:left;
	padding-left:5px;
	padding-right:5px;
}

.alignrightContact a{
		text-decoration:none;
		color:#FFF;
}

.alignFacultad {
	position:absolute;
	margin:1px;
	min-width:940px;
	min-height:50px;
	max-height:80px;
	color:#FFF;
	text-align:left;
	top:220px;
}

.alignCalendario{
	margin:1px;
	min-width:420px;
	color:#FFF;
	position:absolute;
	left:504px;
}


/*---------Deportes---------------------------------------------------------------*/

.der-deporte {
	width:495px;
	height:800px;
	float:left;
	margin:-35px 0px 0px 0px;
}

.izq-deporte {
	width:440px;
	height:800px;
	float:left;
	margin-right:5px;
	margin-top:-32px;
}

.fb-deporte {
	float:left;
}

.calendario-deporte {
	float:left;
	margin-bottom:3px;
}

.entrenos-deporte {
	float:left;
	background-color:#42393a;
	width:440px;
	height:490px;
	color:#d9d8c6;
}

.entrenos-deporte h4{
	margin-bottom:0px;
	margin-left:15px;
}
.entrenos-deporte h3{
	margin-top:10px;
	margin-left:15px;
	margin-bottom:0px;
}

.entrenos-deporte p{
	margin-left:25px;
}

.arte {
	float:left;
	background-color:#42393a;
	width:600px;
	height:550px;
	color:#d9d8c6;
}

.arte h4{
	margin-bottom:0px;
	margin-left:15px;
}
.arte h3{
	margin-top:10px;
	margin-left:15px;
	margin-bottom:0px;
}

.arte p{
	margin-left:25px;
}

.contacto-deporte {
	float:left;
	width:240px;
	height:150px;
	background-color:#a3ab46;
	color:#42393a;
	text-align:left;
	padding-left:5px;
	padding-right:5px;
}

.contacto-deporte a{
	color:#42393a;
	text-decoration:none;
}

.bases-deporte {
	float:left;
	width:237px;
	height:150px;
	background-color:#c94036;
	color:#d9d8c6;
	text-align:left;
	padding:0px;
	margin-right:5px;
	margin-bottom:3px;
}

.bases-deporte h1{
	margin: 40px 0px 0px 25px;
}




/*-INGENIERIA--------------------------------------------------------------------*/

.INGalignInfo1A{
	display:inline;
	float:left;
	margin:1px;
	min-width:250px;
	max-width:250px;
	min-height:154px;
	max-height:154px;
	background-color:#4e5cbb;
	color:#FFF;
}

.INGalignInfo1{
	display:inline;
	float:left;
	margin:1px;
	min-width:250px;
	max-width:250px;
	min-height:154px;
	max-height:154px;
	background-color:#994966;
	color:#FFF;
	font-size:24px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:center;
	overflow:auto;
	line-height:35px;
}

.INGalignInfo2{
	display:inline;
	float:left;
	margin:1px;
	min-width:500px;
	max-width:506px;
	min-height:154px;
	max-height:154px;
	background-color:#ff234e;
	color:#FFF;
}

.INGalignInfo3{
	float:left;
	margin:1px;
}

.INGalignInfo4{
	float:left;
	margin:1px;
	min-height:479px;
	min-width:426px;
	max-width:426px;
	background-color:#db2929;
	color:#FFF;
	font-size:16px;
	font-family: Arial, Helvetica, sans-serif;
	overflow:auto;
	line-height:20px;
}

.INGalignInfo4 h1{
	margin:35px;
}

.INGalignInfo4 ul{
	margin:35px;
	margin-left:50PX;
}

.INGalignInfo4 ul li{
	list-style:circle;
	margin:8px;
}

.INGalignInfo5{
	margin:1px;
	min-height:403px;
	min-width:506px;
	max-width:506px;
	position:absolute;
	top: 1264px;
	background-color:#38a0bb;
	color:#FFF;
	font-size:16px;
	font-family: Arial, Helvetica, sans-serif;
	text-align:justify;
	overflow:auto;
	line-height:20px;
}

.INGalignInfo5 p{
	margin:40px;
}

.INGalignInfo6{
	margin:1px;
	position:absolute;
	top: 1429px;
	left: 508px;
}
/*-INGENIERIA--------------------------------------------------------------------*/

/*-INGENIERIA CIVIL--------------------------------------------------------------------*/
 @import url(http://fonts.googleapis.com/css?family=Open+Sans:400);

@import "//netdna.bootstrapcdn.com/font-awesome/3.0/css/font-awesome.css";




#buttons1 {
    border-radius: 5px;
    padding: 14px 7px;
    background: white;
    width: 260px;
    overflow: hidden;
    margin: 150px auto 0;
    box-shadow:0 2px 3px rgba(71, 71, 71, 0.31);
}


.button {
	background: #DCE0E0;
	position: relative;
	display: block;
	float: left;
	height: 120px;
	margin: 0 7px;
	overflow: hidden;
	width: 240px;
	border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.icon {
    display: block;
    float: left;
    position: relative;
    z-index: 3;
    height: 100%;
    vertical-align: top;
    width: 38px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-radius: 3px 0px 0px 3px;
    border-radius: 3px 0px 0px 3px;
    text-align: center;
}

.icon i {
    color: #fff;
    line-height: 125px;
}

.slide {
    z-index: 2;
    display: block;
    margin: 0;
    height: 100%;
    left: 38px;
    position: absolute;
    width: 240px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 0px;
    -webkit-border-radius: 0px 3px 3px 0px;
    border-radius: 0px 3px 3px 0px;
}

.slide p {
    font-family: Open Sans;
    font-weight: 400;
    border-left: 1px solid #fff;
    border-left: 1px solid rgba(255,255,255,0.35);
    color: #fff;
    font-size: 17px;
    left: 0;
    margin: 0;
    position: absolute;
    text-align: center;
    top: 23px;
    width: 86%;
}

.button .slide {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.facebook iframe {
    display: block;
    position: absolute;
    right: 54px;
    top: 52px;
    z-index: 1;
}


.facebook:hover .slide {
    left: 250px;
}

.facebook .icon, .facebook .slide {
    background: #305c99;
}




/*-INGENIERIA CIVIL--------------------------------------------------------------------*/


/*-INGENIERIA--------------------------------------------------------------------*/

/*-INGENIERIA CIVIL--------------------------------------------------------------------*/



/*-CCHH--------------------------------------------------------------------*/

.CCHHalignInfo1A{
	display:inline;
	float:left;
	margin:1px;
	min-width:250px;
	max-width:250px;
	min-height:154px;
	max-height:154px;
	color:#FFF;
}

.CCHHalignInfo1{
	display:inline;
	float:left;
	margin:1px;
	min-width:250px;
	max-width:250px;
	min-height:154px;
	max-height:154px;
	background-color:#3b1919;
	color:#FFF;
	font-size:24px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:center;
	overflow:auto;
	line-height:35px;
}

.CCHHalignInfo2{
	display:inline;
	float:left;
	margin:1px;
	min-width:500px;
	max-width:506px;
	min-height:154px;
	max-height:154px;
	background-color:#ff234e;
	color:#FFF;
}

.CCHHalignInfo3{
	float:left;
	margin:1px;
}

.CCHHalignInfo4{
	float:left;
	margin:1px;
	min-height:479px;
	min-width:426px;
	max-width:426px;
	background-color:#80bf85;
	color:#FFF;
	font-size:16px;
	font-family: Arial, Helvetica, sans-serif;
	overflow:auto;
	line-height:20px;
}

.CCHHalignInfo4 h1{
	margin:35px;
}

.CCHHalignInfo4 ul{
	margin:35px;
}

.CCHHalignInfo4 ul li{
	list-style:circle;
	margin:8px;
}

.CCHHalignInfo5{
	margin: 1px;
	min-height: 303px;
	min-width: 506px;
	max-width: 506px;
	position: absolute;
	top: 1265px;
	background-color: #c7b242;
	color: #3b1919;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: justify;
	overflow: auto;
	line-height: 20px;
	left: 0px;
}

.CCHHalignInfo5 p{
	margin:40px;
}

.CCHHalignInfo6{
	margin: 1px;
	position: absolute;
	top: 1429px;
	left: 508px;
}

.CCHHalignInfo7{
	margin: 1px;
	min-height: 153px;
	min-width: 306px;
	max-width: 306px;
	position: absolute;
	top: 1620px;
	font-size: 16px;
	overflow: auto;
	line-height: 20px;
	left: 93px;
}


/*-CCHH--------------------------------------------------------------------*/


/*-CCSS--------------------------------------------------------------------*/

.CCSSalignInfo1A{
	display:inline;
	float:left;
	margin:1px;
	min-width:250px;
	max-width:250px;
	min-height:154px;
	max-height:154px;
	color:#FFF;
}

.CCSSalignInfo1{
	display:inline;
	float:left;
	margin:1px;
	min-width:250px;
	max-width:250px;
	min-height:154px;
	max-height:154px;
	background-color:#f5f7d0;
	color:#e65059;
	font-size:24px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:center;
	overflow:auto;
	line-height:35px;
}

.CCSSalignInfo2{
	display:inline;
	float:left;
	margin:1px;
	min-width:500px;
	max-width:506px;
	min-height:154px;
	max-height:154px;
	background-color:#ff234e;
	color:#FFF;
}

.CCSSalignInfo3{
	float:left;
	margin:1px;
}

.CCSSalignInfo4{
	float:left;
	margin:1px;
	min-width:431px;
	max-width:431px;
	background-color:#b9d984;
	color:#7a343e;
	font-size:14px;
	text-align:justify;
	font-family: Arial, Helvetica, sans-serif;
	overflow:auto;
	line-height:30px;
	padding:40px;
}

.CCSSalignInfo4 h1{
	margin:35px;
}

.CCSSalignInfo4 ul{
	margin:35px;
}

.CCSSalignInfo4 ul li{
	list-style:circle;
	margin:8px;
}

.CCSSalignInfo5{
	
	margin:1px;
	min-height:308px;
	min-width:501px;
	max-width:501px;
	background-color:#a63344;
	color:#efebe3;
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
	text-align:justify;
	padding-top:0px;
	overflow:auto;
	line-height:30px;
}

.CCSSalignInfo5 p{
	margin:40px 40px 7px 40px;
}

.CCSSalignInfo6{
	margin:1px;
	position:absolute;
	top: 1429px;
	left: 508px;
}

#consejeria {
  height:177px;
  width:431px;
  margin:1px;
}

#consejeria img {
  position:absolute;
	top:0px;
	left:0px;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}

#.ADMalignExtra img.top:hover {
  opacity:0;
}

#desarrollo {
  height:177px;
  width:431px;
  margin:1px;
}

#desarrollo img {
  position:absolute;
	top:153px;
	left:0px;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}

#desarrollo img.top:hover {
  opacity:0;
}

#gestion {
  height:80px;
  width:431px;
  margin:1px;
}

#gestion img {
  position:absolute;
	top:306px;
	left:0px;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}

#gestion img.top:hover {
  opacity:0;
}


/*-CCSS--------------------------------------------------------------------*/


/*-EDUCACION--------------------------------------------------------------------*/

.EDUalignInfo1A{
	display:inline;
	float:left;
	margin:1px;
	min-width:250px;
	max-width:250px;
	min-height:154px;
	max-height:154px;
	color:#FFF;
}

.EDUalignInfo1{
	display:inline;
	float:left;
	margin:1px;
	min-width:250px;
	max-width:250px;
	min-height:154px;
	max-height:154px;
	background-color:#ed666a;
	color:#f7f3ea;
	font-size:24px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:center;
	overflow:auto;
	line-height:35px;
}

.EDUalignInfo2{
	display:inline;
	float:left;
	margin:1px;
	min-width:500px;
	max-width:506px;
	min-height:154px;
	max-height:154px;
	background-color:#ff234e;
	color:#FFF;
}

.EDUalignInfo3{
	float:left;
	margin:1px;
}

.EDUalignInfo4{
	float:left;
	margin:1px;
	min-height:479px;
	min-width:426px;
	max-width:426px;	color:#f7f3ea;
	font-size:16px;
	font-family: Arial, Helvetica, sans-serif;
	overflow:auto;
	line-height:20px;
}

.EDUalignInfo4 h1{
	margin:35px;
}

.EDUalignInfo4 ul{
	margin:35px;
}

.EDUalignInfo4 ul li{
	list-style:circle;
	margin:8px;
}

.EDUalignInfo5{
	margin: 1px;
	height: 308px;
	min-width: 502px;
	max-width: 502px;
	position: absolute;
	background-color: #f0c157;
	color: #3c4355;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: justify;
	overflow: auto;
	line-height: 20px;
	left: -1px;
}

.EDUalignInfo5 p{
	margin:40px;
}

.EDUalignInfo6{
	margin:1px;
	position:absolute;
	top: 1429px;
	left: 508px;
}
/*-EDUCACION--------------------------------------------------------------------*/


/*-COLEGIO--------------------------------------------------------------------*/

.CUalignInfo1A{
	display:inline;
	float:left;
	margin:1px;
	width:250px;
	height:154px;
}

.CUalignInfo1{
	display:inline;
	float:left;
	margin:1px;
	width:250px;
	height:154px;
}

.CUalignInfo2{
	display:inline;
	float:left;
	margin:1px;
	min-width:500px;
	max-width:506px;
	min-height:154px;
	max-height:154px;
	background-color:#ff234e;
	color:#FFF;
}

.CUalignInfo3{
	float:left;
	margin:1px;
}

.CUalignInfo4{
	margin:1px;
	padding-right:25px;
	padding-left:10px;
	min-height:319px;
	max-height:319px;
	min-width:426px;
	max-width:426px;
	background-color:#758688;
	color:#f2e3e8;
	font-size:16px;
	font-family: Arial, Helvetica, sans-serif;
	overflow:auto;
	line-height:20px;
	position:absolute;
	left:508px;
}

.CUalignInfo4 h1{
	margin: 30px 0px 20px 10px;
}

.CUalignInfo4 ul{
	margin-left:30px;
}

.CUalignInfo4 ul li{
	list-style:circle;
	margin:8px;
}

.CUalignInfo5{
	margin: 1px;
	width: 506px;
	position: absolute;
	background-color: #573349;
	color: #c9d5db;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: justify;
	overflow: auto;
	line-height: 20px;
	left: -2px;
	height: 785px;
	top: -2px;
}

.CUalignInfo5 p{
	margin:40px;
}

.CUalignInfo6{
	margin: 1px;
	position: absolute;
	top: 1269px;
	left: 509px;
}

.CUalignInfo7{
	margin: 1px;
	align: center;
	
	top: 1569px;
	left: 109px;
}



/*-COLEGIO--------------------------------------------------------------------*/



/*-ADMISIONES--------------------------------------------------------------------*/

.ADMalignVideo{
	position:absolute;
	top: 0px;
	left:0px;
	margin:1px;
	min-width:506px;
	max-width:506px;
	min-height:285px;
	max-height:285px;
	color:#FFF;
}

.ADMalignCalendario{
	position:absolute;
	top: 0px;
	left:508px;
	margin:1px;
	min-width:430px;
	max-width:430px;
	min-height:285px;
	max-height:285px;
	color:#FFF;
	background-color:#063;
}

.ADMalignExtra{
/*	float:left;*/
	margin:2px;
}

#ayuda {
	width:250px;
}

#ayuda img {
  position:absolute;
  left:0;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}

#ayuda img.top:hover {
  opacity:0;
}

#estudiar {
 width:250px;
}

#estudiar img {
  position:absolute;
  left:0;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}

#estudiar img.top:hover {
  opacity:0;
}

#carreras {
  width:250px;
}

#carreras img {
  position:absolute;
	top:0px;
	left:510px;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}

#carreras img.top:hover {
  opacity:0;
}


#guias {
  width:250px;
}

#guias img {
  position:absolute;
	top:0px;
	left:725px;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}

#guias img.top:hover {
  opacity:0;
}


#pasos {
  height:562px;
  width:506px;
  margin:1px;
}

#pasos img {
  position:absolute;
	top:0px;
	left:0px;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}

#pasos img.top:hover {
  opacity:0;
}

#porque {
  height:385px;
  width:431px;
  margin:1px;
}

#porque img {
  position:absolute;
	top:0px;
	left:510px;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}

#porque img.top:hover {
  opacity:0;
}

#graduado {
  height:177px;
  width:431px;
  margin:1px;
}

#graduado img {
  position:absolute;
	top:385px;
	left:510px;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}

#graduado img.top:hover {
  opacity:0;
}





#inscripcion {
  height:177px;
  width:431px;
  margin:1px;
}

#inscripcion img {
  position:absolute;
	top:1px;
	left:1px;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}

#inscripcion img.top:hover {
  opacity:0;
}

.ADMalignGraduado{
	position:absolute;
	top:385px;
	left:508px;
	min-height:179px;
	min-width:431px;
}

/*-ADMISIONES--------------------------------------------------------------------*/


/*-DAE--------------------------------------------------------------------*/
#dae img {
	position: absolute;
	top: 0px;
	-webkit-transition: opacity 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	-o-transition: opacity 1s ease-in-out;
	transition: opacity 1s ease-in-out;
}

#dae img.top:hover {
  opacity:0;
}

.DAEalignCalendario{
	position:absolute;
	top: 0px;
	left:472px;
	margin:1px;
	min-width:468px;
	max-width:470px;
	min-height:406px;
	max-height:408px;
}

.vida{
	position:absolute;
	top: -217px;
	left:0px;
	margin:1px;
}

.vidaestudiantil{
	position:absolute;
	top:-218px;
}

.aso{
	position:absolute;
	left:0px;
}

.art{
	position:absolute;
	left:157px;
}

.dep{
	position:absolute;
	left:314px;
}

.rela{
	position:absolute;
	top: 191px;
	left:0px;
	margin:1px;
}

.rrpp{
	position:absolute;
	top: 6px;
	left:472px;
	margin:1px;
}

.egresados{
	position:absolute;
	top: 0px;
	left:0px;
	margin:1px;
}

.mediaoffice{
	position:absolute;
	top: 0px;
	left:472px;
	margin:1px;
}

.mercadeo{
	position:absolute;
	top: 187px;
	left:472px;
	margin:1px;
}

/*-DAE--------------------------------------------------------------------*/


.revistacivil {
	list-style-type:none;
	margin-left:85px;
}

.mapas {
	list-style-type:none;
	margin-left:10%;
	margin-right:10%;
}

.revistacivil li {
	display:inline;
	margin:10px;
	float:left;
}

.mapas li {
	display:inline;
	margin:10px;
	float:left;
}

.documentos{
	list-style-type:circle; 
	margin-left:50px;
}

.documentos2{
	list-style-type:decimal; 
	margin-left:50px;
}

.documentos3{
	list-style-type:lower-latin;
	margin-left:50px;
}

.documentos li a{
	text-decoration:none;
}

.documentos li a:hover{
	text-decoration:underline;
}

.doc{
	background:url(../img/doc.png);
	padding-left:20px;
	background-repeat:no-repeat;
}

.pdf{
	background:url(../img/pdf.png);
	padding-left:20px;
	background-repeat:no-repeat;
}

.xls{
	background:url(../img/xls.png);
	padding-left:20px;
	background-repeat:no-repeat;
}

.canada{
	background:url(../facultades/universitario/internacionales/img/Canada.png);
	padding-left:35px;
	background-repeat:no-repeat;
}

.canada{
	background:url(../facultades/universitario/internacionales/img/Canada.png);
	padding-left:35px;
	background-repeat:no-repeat;
}

.costa{
	background:url(../facultades/universitario/internacionales/img/Costa-Rica.png);
	padding-left:35px;
	background-repeat:no-repeat;
}

.guatemala{
	background:url(../facultades/universitario/internacionales/img/Guatemala.png);
	padding-left:35px;
	background-repeat:no-repeat;
}

.panama{
	background:url(../facultades/universitario/internacionales/img/Panama.png);
	padding-left:35px;
	background-repeat:no-repeat;
}

.usa{
	background:url(../facultades/universitario/internacionales/img/United-States.png);
	padding-left:35px;
	background-repeat:no-repeat;
}

.suiza{
	background:url(../facultades/universitario/internacionales/img/Sweden.png);
	padding-left:35px;
	background-repeat:no-repeat;
}

.finlandia{
	background:url(../facultades/universitario/internacionales/img/Finland.png);
	padding-left:35px;
	background-repeat:no-repeat;
}

.espana{
	background:url(../facultades/universitario/internacionales/img/Spain.png);
	padding-left:35px;
	background-repeat:no-repeat;
}

.colombia{
	background:url(../facultades/universitario/internacionales/img/Colombia.png);
	padding-left:35px;
	background-repeat:no-repeat;
}








/*-NOSOTROS--------------------------------------------------------------------*/

.nosotrosizquierda{
	float: right;
	margin:20px;}

.nosotrosderecha{
	float:left;
	margin:20px;}

.nosotroscentro{
	
	float:left;
	margin-top:20px;
	margin-bottom:20px;}

.directoriotabla{
	width:305px;
	height:150px;
	float:left;
	margin-left:8px;
	margin-top:8px;
}
.directoriotitulo1{
	background-color:#0b9e51;
	color:#FFF;
	text-align:left;
	font-family: 'Oswald', sans-serif;
	font-size:16px;
	padding-left:10px;
	padding-top:10px;}
	
.directoriotitulo2{
	background-color:#09C;
	color:#FFF;
	text-align:left;
	font-family: 'Oswald', sans-serif;
	font-size:16px;
	padding-left:10px;
	padding-top:10px;}
	
.directoriotitulo3{
	background-color:#93bb4e;
	color:#FFF;
	text-align:left;
	font-family: 'Oswald', sans-serif;
	font-size:16px;
	padding-left:10px;
	padding-top:10px;}
	
	.directoriotitulo4{
	background-color:#b73624;
	color:#FFF;
	text-align:left;
	font-family: 'Oswald', sans-serif;
	font-size:16px;
	padding-left:10px;
	padding-top:10px;}
	
	.directoriotitulo5{
	background-color:#f0ae3e;
	color:#FFF;
	text-align:left;
	font-family: 'Oswald', sans-serif;
	font-size:16px;
	padding-left:10px;
	padding-top:10px;}
	
	.directoriotitulo6{
	background-color:#0078ac;
	color:#FFF;
	text-align:left;
	font-family: 'Oswald', sans-serif;
	font-size:16px;
	padding-left:10px;
	padding-top:10px;}
	
	.directoriotitulo7{
	background-color:#4E315A;
	color:#FFF;
	text-align:left;
	font-family: 'Oswald', sans-serif;
	font-size:16px;
	padding-left:10px;
	padding-top:10px;}
	
	.directoriotitulo8{
	background-color:#2f6939;
	color:#FFF;
	text-align:left;
	font-family: 'Oswald', sans-serif;
	font-size:16px;
	padding-left:10px;
	padding-top:10px;}

.directoriogmbi{
	background-color:#215294;
	color:#FFF;
	text-align:left;
	font-family: 'Oswald', sans-serif;
	font-size:16px;
	padding-left:10px;
	padding-top:10px;}

.directoriodia{
	background-color:#e95060;
	color:#FFF;
	text-align:left;
	font-family: 'Oswald', sans-serif;
	font-size:16px;
	padding-left:10px;
	padding-top:10px;}

.directoriocontenido{
	background-color:#e6e7e6;
	text-align:right;
	font-family: 'Oswald', sans-serif;
	font-size:12px;
	color:#000;
	padding:10px;
	}
	.directoriocontenido1{
	width:305px;
	height:135px;
	background-color:#e6e7e6;
	text-align:center;
	font-family: 'Oswald', sans-serif;
	font-size:28px;
	color:#000;
	padding:10px;
	}
	      
/*-Fin Nosotros--------------------------------------------------------------------*/



/*-Publicaciones--------------------------------------------------------------------*/
.publicaciones{
	float:left;
	margin:2px;
}

.tablaacaprincipal{
	width:600px;
	}
	
.tablaacaprincipal td{
	vertical-align:middle;
	}

.tablaacaprincipal a{
	text-decoration:none;
	}

.tablaaso{
	width:600px;
}


.tablaaso a{
	text-decoration:none;
}

.tablaaso th{
	background-color:#2b4a76; 
	color:#FFF; 
	border:1px solid #999;
}

.tablaaso tr{
	border:1px solid #999;
}



.tablaasoo{
	width:920px;
}

.tablaasoo a{
	text-decoration:none;
}


.tablaasoo th{
	background-color:#106446; 
	color:#FFF; 
	border:1px solid #999;
}

.tablaasoo tr{
	border:1px solid #999;
}




.even{
	background-color:#e5ecf6;
}

.logosaso{
	text-align:center;
}



/*Egresadps*/
.grid {
	padding: 20px 20px 100px 40px;
	max-width: 1300px;
	margin: 0 auto;
	list-style: none;
	text-align: center;
}

.grid li {
	display: inline-block;
	width: 370px;
	margin: 0;
	padding: 20px;
	text-align: left;
	position: relative;
}

.grid figure {
	margin: 0;
	position: relative;
}

.grid figure img {
	max-width: 100%;
	display: block;
	position: relative;
}

.grid figcaption {
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px;
	background: #2c3f52;
	color: #ebf0f4;
}

.grid figcaption h3 {
	margin: 0;
	padding: 0;
	color: #fff;
}

.grid figcaption span:before {
	content: '- ';
}

.grid figcaption a {
	text-align: center;
	padding: 5px 10px;
	border-radius: 2px;
	display: inline-block;
	background: #6c3a53;
	color: #fff;
}


/* Caption Style 4 */
.cs-style-4 li {
	-webkit-perspective: 1700px;
	-moz-perspective: 1700px;
	perspective: 1700px;
	-webkit-perspective-origin: 0 50%;
	-moz-perspective-origin: 0 50%;
	perspective-origin: 0 50%;
}

.cs-style-4 figure {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.cs-style-4 figure > div {
	overflow: hidden;
}

.cs-style-4 figure img {
	-webkit-transition: -webkit-transform 0.4s;
	-moz-transition: -moz-transform 0.4s;
	transition: transform 0.4s;
}

.no-touch .cs-style-4 figure:hover img,
.cs-style-4 figure.cs-hover img {
	-webkit-transform: translateX(25%);
	-moz-transform: translateX(25%);
	-ms-transform: translateX(25%);
	transform: translateX(25%);
}

.cs-style-4 figcaption {
	height: 100%;
	width: 80%;
	opacity: 0;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: rotateY(-90deg);
	-moz-transform: rotateY(-90deg);
	transform: rotateY(-90deg);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
	-moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
	transition: transform 0.4s, opacity 0.1s 0.3s;
}

.no-touch .cs-style-4 figure:hover figcaption,
.cs-style-4 figure.cs-hover figcaption {
	opacity: 1;
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	transform: rotateY(0deg);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
	-moz-transition: -moz-transform 0.4s, opacity 0.1s;
	transition: transform 0.4s, opacity 0.1s;
}

.cs-style-4 figcaption a {
	position: absolute;
	bottom: 20px;
	right: 20px;
}

@media screen and (max-width: 31.5em) {
	.grid {
		padding: 10px 10px 100px 10px;
	}
	.grid li {
		width: 100%;
		min-width: 300px;
	}
}


.contact_form{
	max-width:500px;
	min-width:500px;
}

.contact_form h2 {
    background: none repeat scroll 0 0 #F3F3F3;
    border-radius: 5px;
    color: #5CD053;
    display: block;
    font-family: sans-serif;
    font-size: 20px;
    padding: 5px;
    text-shadow: 1px 1px 1px #CCCCCC;
    width: 433px;
}

/*--- estilos para los ul y li del formulario ---*/
.contact_form ul {
    width:750px;
    list-style-type:none;
    margin:0px;
    padding:0px;
}
.contact_form li{
    padding:12px;
    border-bottom:1px solid #eee;
    position:relative;
	max-width:500px;
	min-width:500px;
}

.contact_form label {
    color: #555555;
    display: inline-block;
    float: left;
    font-family: sans-serif;
    font-size: 13px;
    font-weight: bold;
    margin-top: 3px;
    padding: 3px;
    width: 90px;
}

.contact_form input {
    height:20px;
    width:220px;
    padding:5px 8px;
}
.contact_form textarea {
    padding:8px;
    width:300px;
}
.contact_form button {
    margin-left:90px;
}

/*----- estilos visuales de los elementos --------*/
.contact_form input, .contact_form textarea {
    border:1px solid #aaa;
    box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
    border-radius:2px;
    color: #888;
    font-size: 12px;
    padding-right:30px;
    -moz-transition: padding .25s;
    -webkit-transition: padding .25s;
    -o-transition: padding .25s;
    transition: padding .25s;
}
.contact_form input:focus, .contact_form textarea:focus {
    background: #fff;
    border:1px solid #555;
    box-shadow: 0 0 3px #aaa;
    padding-right:80px;
}

/* === Estilos de Validacion === */
 
.contact_form input:required:valid, .contact_form textarea:required:valid {
    box-shadow: 0 0 5px #5cd053;
    border-color: #28921f;
}
.contact_form input:focus:invalid, .contact_form textarea:focus:invalid {
    box-shadow: 0 0 5px #d45252;
    border-color: #b03535
}

/* === Estilos del boton de Envio === */
button.submit {
   padding: 9px 17px;
   font-family: Helvetica, Arial, sans-serif;
   font-weight: bold;
   line-height: 1;
   color: #444;
   border: none;
   text-shadow: 0 1px 1px rgba(255, 255, 255, 0.85);
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#bbb));
   background-image: -moz-linear-gradient(0% 100% 90deg, #BBBBBB, #FFFFFF);
   background-color: #fff;
   border: 1px solid #f1f1f1;
   border-radius: 10px;
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}
button.submit:hover {
    opacity:.55;
    cursor: pointer;
    color:#CCC;
}
button.submit:active {
    border: 1px solid #222;
    box-shadow: 0 0 10px 5px #444 inset;
}



.personaje{
	float:left;
	margin-bottom:10px;
	margin-right:15px;
}

.personaje p{
	margin-top:5px;
}







/* FEATURED -------------------------------------------------------*/

.featured-posts2{
	display: block;	
	overflow: hidden;
	margin-left: 5px;
	margin-bottom: 0px;
	width: 635px;
	float:left;
	position:absolute;
	left:350px;
	top:900px;
	border: 1px solid #CCC;
}

.uvg-hoy{
	display: block;
	overflow: hidden;
	margin-left: -10px;
	margin-bottom: 0px;
	width: 300px;
	float: left;
	position: absolute;
	left: 44px;
	top: 901px;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 15px;
	height: 576px;
}

.uvg-hoy .noticia{
	text-align:justify;
	font-size:11px;
	margin-top:20px;
	border-bottom: 1px solid #CCC;
	padding-bottom:13px;
}

.noticia-sin-borde{
	text-align:justify;
	font-size:11px;
	margin-top:20px;
	border-bottom: 0px solid #CCC;
	}

.uvg-hoy .noticia-sin-borde span{
	font-weight:bold;
	color:#093;
}

.uvg-hoy .noticia-sin-borde img{
	float:left;
	margin-right:5px;
	margin-bottom:1px;
	margin-top:5px;
}

.uvg-hoy .noticia span{
	font-weight:bold;
	color:#093;
}

.uvg-hoy .noticia img{
	float:left;
	margin-right:5px;
	margin-bottom:1px;
	margin-top:5px;
}


.featured-posts2 li{
	display: block;
	float: left;
	position: relative;
	width: 200px;
	margin: 5px;
	height:285px;
}

.borde-derecho{
	border-right: 1px solid #CCC;
	}
	
.borde-abajo{
	border-bottom: 1px solid #CCC;
	}


.featured-posts2 li .thumb{
	display: block;
	width: 193px;
	margin-bottom: 0px;
	line-height: 0em;
	
	background:  url(../img/plus.png) no-repeat bottom right ;
	
	-webkit-box-shadow: 0px 0px 2px rgba(0,0,0,.3); 
	-moz-box-shadow: 0px 0px 2px rgba(0,0,0,.3); 
	box-shadow: 0px 0px 2px rgba(0,0,0,.3); 
}

.featured-posts2 li .thumb img{
	margin: 1px;
}

.featured-posts2 li .thumb span:hover img{
	opacity: 0.4;
}


.featured-posts2 .link-button{
	opacity: 0;
}

.featured-posts2 li:hover .link-button{
	opacity: 1;
}

.featured-posts2 li .link-button:hover{
	background: #f1f1f1;

	padding: 2px 8px;
	
	-webkit-box-shadow: 0px 2px 0px rgba(56, 7, 7, 1); 
	-moz-box-shadow: 0px 2px 0px rgba(56, 7, 7, 1); 
	box-shadow: 0px 1px 0px rgba(0, 0, 0, .2); 
}

.featured-posts2 .excerpt-arrow{
	position: absolute;
	top: -10px;
	left: 20px;
	background: url(../img/excerpt-arrow.png) no-repeat top left;
}

.featured-posts2 .excerpt{
	position: relative;
	padding: 15px 15px 0px 15px;
	margin-bottom: 0px;
	font-size:11px;
}

.featured-posts2 .excerpt .heading {
	font-weight: bold;
	font-size: 14px;
	border-bottom: 1px solid #ccc;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

#content-wrap .featured-posts2 .excerpt .heading a{
	text-decoration: none;
	color: #606060;
}

#content-wrap .featured-posts2 .excerpt .heading a:hover{
	color: #000000;
}

/* REEL2 ------------------------------------------------------------*/

#reel-ccss{
	position: relative;
	width: 980px;
	height: 265px;
	margin-left: -20px;
	margin-bottom: 15px;
	background: url(../img/reel-ccss.png) no-repeat;
}

#reel-ccss .prev{
	position: absolute;
	top: 80px;
	left: 0px;
	display: block;
	width: 45px;
	height: 40px;
	background: url(../img/reel-left.png) no-repeat;
}

#reel-ccss .next{
	position: absolute;
	top: 80px;
	right: 0px;
	display: block;
	width: 45px;
	height: 40px;
	background: url(../img/reel-right.png) no-repeat;
}


#reel-ccss .prev:hover,
#reel-ccss .next:hover{
	background-position: 0px -40px;
}

#reel-ccss .slides_container{
	position: absolute;
	overflow: hidden;
	top: 15px;
	left: 40px;
	width: 898px;
	height: 170px;
	
}

#reel-ccss .slides_container  .slide-box{
	width: 898px;
	height: 200px;
	padding-left: 10px;
	padding-right: 10px;
}

#reel-ccss .slides_container .box-container{
	overflow: hidden;
	float: left;
	width: 273px;
	margin: 0px 10px;
}

#reel-ccss .slides_container .box-container h6{
	color: #484848;
	margin-top: 5px;
	margin-bottom: 7px;
}

#reel-ccss .box-container img{
	margin-right:7px;
}

#reel-ccss .box-icon{
	float: left;
	margin-right: 10px;
}

#reel-ccss .slides_container .box-divider{
	clear: both;
	border-bottom: 1px solid #ccc;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

.hoy{margin: 2px 3px 2px 1px; float: left;}


.idioma{
			background:#0D98FB; 
			background-image: -webkit-linear-gradient(top,#0D98FB,#1A5DB3);
			background-image: -moz-linear-gradient(top,#0D98FB,#1A5DB3);
			background-image: -o-linear-gradient(top,#0D98FB,#1A5DB3);  
			background-image: linear-gradient(to bottom,#0D98FB,#1A5DB3);   
			border: 1px solid #125CB5;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			-o-border-radius: 5px;  
			border-radius: 5px;
			-moz-box-shadow: 0 1px 1px #71C0FD inset;
			-webkit-box-shadow: 0 1px 1px #71C0FD inset;
			-o-box-shadow: 0 1px 1px #71C0FD inset; 
			box-shadow: 0 1px 1px #71C0FD inset;
			padding: .8em 1.8em;
			color: white;
			font-weight:normal;
			text-decoration:none;
		}
		.idioma:hover {
			background:#1A5DB3;
			background-image: -webkit-linear-gradient(bottom,#0D98FB,#1A5DB3);
			background-image: -moz-linear-gradient(bottom,#0D98FB,#1A5DB3);
			background-image: -o-linear-gradient(bottom,#0D98FB,#1A5DB3);   
			background-image: linear-gradient(to top,#0D98FB,#1A5DB3);
			cursor: pointer;
		}


.revistauvg{
	width:600px;}
.revistauvg ul{
	width:590px;
	height:250px;}

.revistauvg ul li{
	float:left; margin-right:20px;}

.revistauvg a{
	text-decoration:none;}
	

/*--EXPO----------------------------------------------------------------------------------------------------*/



.grid-expo {
	margin: 0px;
}

.grid-expo figure {
	display: block;
	float: left;
	margin: 0 12px 10px 0;
	cursor: pointer;
	overflow: hidden;
}

.grid-expo figure img {
	display: block;
}

.grid-expo figure figcaption {
	position: absolute;
	font-size: 36px;
	left: auto;
	width: 100%;
	height: 45px;
	bottom: -100px;
	padding: 20px;
	color: #ddd;
	background: #094120;
	-webkit-font-smoothing: antialiased;
	-webkit-transition: bottom 0.2s ease;
	-moz-transition: bottom 0.2s ease-in-out;
	-ms-transition: bottom 0.2s ease-in-out;
	-o-transition: bottom 0.2s ease-in-out;
	transition: bottom 0.2s ease-in-out;
}

.grid-expo figure figcaption a {
	color: #fff;
	text-decoration:none;
}

.grid-expo figure figcaption a:hover {
	color: #ffd468;
}

.grid-expo figure:hover figcaption {
	bottom: 0px;
}


.container-expo {
	width: 940px;
	position: relative;
}

.main-expo{
	width: 940px;
	max-width: 940px;
	margin:0px;
}
.container-expo > header {
	width: 90%;
	max-width: 335px;
	margin: 0 auto;
	position: relative;
	padding: 0 0 5px 0px
}

.container-expo > header {
	padding: 30px 0;
	border-bottom: 1px solid rgba(0,0,0,0.1);
}

.container-expo > header h1 {
	font-size: 28px;
	line-height: 38px;
	margin: 0;
	font-weight: 700;
	color: #555;
	float: left;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.5);
}

.container-expo > header h1 span {
	display: block;
	font-size: 18px;
	font-weight: 300;
}

.container-expo > header p {
	float: right;
	padding: 50px 0 0 0;
	color: #b9953e;
	font-weight: 300;
	text-shadow: 0 1px rgba(255,255,255,0.6);
}

/*--EXPO fin----------------------------------------------------------------------------------------------------*/


.ceab-inv{
	float:left;
	margin:10px 20px 10px 10px;
	}
	
	
.newad{
	width:300px;
	margin:5px;
	float:left;
}


/*--SLIDER INDEX BEGIN----------------------------------------------------------------------------------------------------*/
			#cssSlider {
			   width: 530px;
			   height: 370px;
			   overflow: hidden;
			   position:relative;
		
			   
			}
			#cssSlider figure {
			   width: 530px;
			   height: 370px;
			   margin: 0;
			   position: absolute;
			   top: 0;
			   left: -700px;
			   z-index: 1;
			   transition: all linear 0.5s;
			   -o-transition: all linear 0.5s;
			   -moz-transition: all linear 0.5s;
			   -webkit-transition: all linear 0.5s;
	
			   
			   
			}
			
			@keyframes fi {
				0%{ margin-left:0;}
				20%{ margin-left:0;}
				25%{margin-left:-100;}
				40%{margin-left:-100}
				55%{margin-left:-200;}
				70%{margin-left:-200}
				75%{margin-left:-300;}
				100%{margin-left:-300}
				}
			#cssSlider figure:target {
			   left: 0;
			}
			#cssSlider figure:first-child {
			   left: 0;
			}
			#cssSlider figure figcaption {
			   position: absolute;
			   bottom: 0;
			   right: 530px;
			   z-index: 2;
			   color: #fff;
			   padding: 10px 20px;
			   width: 0px;
			   background: #000;
			   transition: all linear 1s;
			   -o-transition: all linear 1s;
			   -moz-transition: all linear 1s;
			   -webkit-transition: all linear 1s;
			   opacity: 0;
			}
			#cssSlider figure:target figcaption {
			   right: 0;
			   opacity: 1;
			}
			#sliderPagination {
			   position: absolute;
			   right: 10px;
			   bottom: 10px;
			   z-index: 10;
			   	   animation:fi 20s infinite alternate;
			}
			#sliderPagination a {
			   text-decoration: none;
			   background: rgba(255,255,255,0.5);
			   padding: 4px 8px;
			   color: #333;
			   border-radius: 20px;
			   transition: all linear 0.5s;
			   -o-transition: all linear 0.5s;
			   -moz-transition: all linear 0.5s;
			   -webkit-transition: all linear 0.5s;
			}
			#sliderPagination a:hover {
			   background: #fff;
			   color: #666;
			   width: auto;
			}
			
			
/*--SLIDER INDEX END----------------------------------------------------------------------------------------------------*/


.botones {
  display: inline-block;
  *display: inline;
  padding: 4px 12px;
  margin-bottom: 0;
  *margin-left: .3em;
  font-size: 18px;
  width:400px;
  height:70px;
  line-height: 20px;
  color: #333333;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  cursor: pointer;
  background-color: #f5f5f5;
  *background-color: #e6e6e6;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border: 1px solid #cccccc;
  *border: 0;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  *zoom: 1;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.botones-primary {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #006dcc;
  *background-color: #0044cc;
  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  background-image: linear-gradient(to bottom, #0088cc, #0044cc);
  background-repeat: repeat-x;
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.botones-primary:hover,
.botones-primary:focus,
.botones-primary:active,
.botones-primary.active,
.botones-primary.disabled,
.botones-primary[disabled] {
  color: #ffffff;
  background-color: #0044cc;
  *background-color: #003bb3;
}

.botones-primary:active,
.botones-primary.active {
  background-color: #003399 \9;
}


/*--MENU NUEVOS ----------------------------------------------------------------------------------------------------*/
.Nuevoing{
		  letter-spacing:1px;
		    background-color:#0078AC;
	  		width: 38px;
	  			text-align:center;
	 			 color:#FFF;
				  display: inline-block;
				 font-weight:500;
				 font-size:70%;	 
		  } 
		  .Nuevocuae{
		  letter-spacing:1px;
		    background-color:#4e315a;
	  		width: 38px;
	  			text-align:center;
	 			 color:#FFF;
				  display: inline-block;
				 font-weight:500;
				 font-size:70%;	 
		  }  

.nuevodia{
		  letter-spacing:1px;
		    background-color:#e95060;
	  		width: 38px;
	  			text-align:center;
	 			 color:#FFF;
				  display: inline-block;
				 font-weight:500;
				 font-size:70%;	 
		  }  

.Becacc{
	letter-spacing:1px;
      background-color:#93BB4E;
	  width: 58px;
	 text-align:center;
	 			 color:#FFF;
			  display: inline-block;
				 font-weight:500;
				  font-size:68%;
   }
   
   .Becass{
	   letter-spacing:1px;
      background-color:#B73624;
	  width:58px;
	  text-align:center;
	  color:#FFF;
	   display: inline-block;
	   font-weight:500;
	   font-size:68%;		
   }

   .Becam{
	   letter-spacing:1px;
      background-color:#056545;
	  width:58px;
	  text-align:center;
	  color:#FFF;
	   display: inline-block;
	   font-weight:500;
	   font-size:70%;		
   }
   
   .Becapro{
	   letter-spacing:1px;
      background-color:#F09E3E;
	  width:57px;
	  text-align:center;
	  color:#FFF;
	   display: inline-block;
	   font-weight:500;
	   font-size:68%;		
   }
   .documentos li{
	   text-align:justify;
	   margin-bottom:20px;
	   width:95%;
 	}
	.margen{
		margin-left:20px;
	}
	.ac-container input:checked ~ article.ac-large0{
	   height: 500px;
    }
	/*inicio nuevo css*/
	.newimg{
		display:inline-block;
		margin:0 auto;
	}
    .tablaaso tr td {
		padding:10px;
		font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
	}
	.sinjustify{
		text-align:left !important;
	}
	.centrado{
		text-align:center;
	}
	.bordes, .bordes tr td{
		border:1px solid grey;
		
	}
	.bordes tr td{
		width:20%;
		text-align:left !important;
		font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
		padding:10px;
	}
	
	.contenedor-flujograma{
		width:900px;
		margin:0 auto;
		}
		
	#inicio{
		border:1px solid grey;
		padding:10px 15px;
		width:40px;
		text-align:center;
	}
	.flecha{
		margin-top:10px;
		font-size:30px;
		margin-left: 25px;
		
	}
	.flechahorizontal{
		font-size:30px;
		margin-top:40px;
	}
	.flechaabajo{
		position: absolute;
		font-size:50px;
		margin-top:-40px;
		margin-left:730px;
		
	}
	
	.border-general{
		border:1px solid grey;
		margin-top:10px;
		width:250px;
		padding:10px;
		font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
		margin-top:0px;
	
	}
	.flotantes{
		position:relative;
		float:left;
	}
	
	.boder-general-top{
		position:relative;
		top:-60px;
		margin-left:40px;
		}
		.arriba,.abajo{
			position:relative;
		}
		
		.contenedor-figuras{
			margin-top:-20px;
			
		}
		
		.figuras{
			float:left;
			padding:10px 18px;
			margin-left:250px;
			background:url(../vidaestudiantil/internacionales/img/hexagono.png) center center;
			
		}
		
		.figura-1{
			position:relative;
			right:18px;
			}
		
		.figura-2{
			position:relative;
			right:11px;
			}
			.abajo{
				margin-top:30px;
			}
			.izquierda{
				margin-left:50px;
			}
			
.centrar-curriculum{
	width:800px;
	margin:0 auto;
}
.texto li{
	text-align:left !important;
	margin-bottom:0px !important;
}
.curriculum{
	width:390px;
	text-align:left !important;		
}
/* Gerber Barillas diciembre 2016*/
.guia{
	width:920px;
	margin:0 auto;
}
.guia li{
	margin-left:20px;
}
.guia li div{
	float:left;
	margin-bottom: 100px;
	margin-top:80px;
	padding: 0 0 0 20px;
}
.guia li div.centrar-text-img{
	position:relative;
	margin-top:110px;
	text-align:center;
}
.altura{
	height:60px;
}

.text-justificado{
	text-align:justify;
}
.text-centrado{
	text-align:center;
}
.text-left{
	text-align:left;
}
.sinmargen li{
	margin-bottom: 0px !important;
}


/*
Agregado por herz para principal.html

 Tabs 
.tabs {
    width:686px;
    display:inline-block;
}
 
 Tab Links

    .tab-links:after {
        display:block;
        clear:both;
        content:'';
    }
 
    .tab-links li {
        margin:0px 2px;
        float:left;
        list-style:none;
    }
 
.c-img{
	position:relative;
	width:40px;
	top:10px;
	left:8px;
}
.boton-ing{
	display:inline-block;
	padding:10px 20px;
	background-color:#0076AE;
	color:#fff;
	font-weight:normal !important;
}
.boton-ing:hover{
	color:#fff;
}
        .tab-links a {
            padding:9px 15px;
            display:inline-block;
            border-radius:3px 3px 0px 0px;
            background:#0078AC;
            font-size:15px;
            color:#fff;
            transition:all linear 0.15s;
			font-weight:bolder;

        }
 
        .tab-links a:hover {
            background: -moz-linear-gradient(#4e4e4e, #767676);
		background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #767676),color-stop(1, #4e4e4e));
		background: -webkit-linear-gradient(#4e4e4e, #767676);
		background: -o-linear-gradient(#4e4e4e, #767676);
		background: -ms-linear-gradient(#4e4e4e, #767676);
		background: linear-gradient(#4e4e4e, #767676);
            text-decoration:none;
			color:#fff;
        }
 
    li.active a, li.active a:hover {
        background: -moz-linear-gradient(#4e4e4e, #767676);
		background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #767676),color-stop(1, #4e4e4e));
		background: -webkit-linear-gradient(#4e4e4e, #767676);
		background: -o-linear-gradient(#4e4e4e, #767676);
		background: -ms-linear-gradient(#4e4e4e, #767676);
		background: linear-gradient(#4e4e4e, #767676);
        color:#ffff;
		font-weight:bolder;
    }
 
 Content of Tabs 
    .tab-content {
        padding:15px;
        border-radius:3px;
        box-shadow:-1px 1px 1px rgba(0,0,0,0.15);
        background:#fff;
		width:940px;
    }
 
        .tab {
            display:none;
        }
 
        .tab.active {
            display:block;
        }
		-----*/
		

/*Agregado por herz para principal.html*/

/* Tabs */
.tabs {
    width:100%;
    display:inline-block;
}
 
/* Tab Links*/

    .tab-links:after {
        display:block;
        clear:both;
        content:'';
    }
 
    .tab-links li {
        margin:0px 5px;
        float:left;
        list-style:none;
    }
 
.c-img{
	position:relative;
	width:40px;
	top:10px;
	left:8px;
}
.boton-ing{
	display:inline-block;
	padding:10px 20px;
	background-color:#0076AE;
	color:#fff;
	font-weight:normal !important;
}
.boton-ing:hover{
	color:#fff;
}
        .tab-links a {
            padding:9px 15px;
            display:inline-block;
            border-radius:3px 3px 0px 0px;
            background:#0078AC;
            font-size:15px;
            color:#fff;
            transition:all linear 0.15s;
			font-weight:bolder;

        }
 
        .tab-links a:hover {
            background: -moz-linear-gradient(#4e4e4e, #767676);
		background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #767676),color-stop(1, #4e4e4e));
		background: -webkit-linear-gradient(#4e4e4e, #767676);
		background: -o-linear-gradient(#4e4e4e, #767676);
		background: -ms-linear-gradient(#4e4e4e, #767676);
		background: linear-gradient(#4e4e4e, #767676);
            text-decoration:none;
			color:#fff;
        }
 
    li.active a, li.active a:hover {
        background: -moz-linear-gradient(#4e4e4e, #767676);
		background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #767676),color-stop(1, #4e4e4e));
		background: -webkit-linear-gradient(#4e4e4e, #767676);
		background: -o-linear-gradient(#4e4e4e, #767676);
		background: -ms-linear-gradient(#4e4e4e, #767676);
		background: linear-gradient(#4e4e4e, #767676);
        color:#ffff;
		font-weight:bolder;
    }
 
/* Content of Tabs */
    .tab-content {
        padding:15px;
        border-radius:3px;
        box-shadow:-1px 1px 1px rgba(0,0,0,0.15);
        background:#fff;
    }
 
        .tab {
            display:none;
        }
 
        .tab.active {
            display:block;
        }
	


.fondoadmisiones{
	position: absolute;
	right: 170px;
	top:30px;
}

.listanumerica1 {
	margin-top: 20px;
	margin-bottom: 30px;
}
.listanumerica1 li{
	padding-top: 10px;
}



/*css pagina instituto de investigaciones*/
.clear{
	clear:both;
}
.bloque-separador{
	position: relative;
	margin-bottom: 80px;
	margin-top: 80px;
	margin-left: 5px;
}

.columna{
	position: relative;
	float: left;
}
.ancho1{
	width: 313px;
}
.ancho2{
	width: 627px;
}

.botones-final{
	position: relative;
	margin-top: 40px;
	background-color: #056545;
	color:#fff;
	padding: 15px 30px;
}

.titulo-centros-investigacion{
	width: 125px;
	position: relative;
	background: #096235;
	padding: 16px 22px;
	float: right;
	right: 42px;
}
.titulo-centros-investigacion span{
	border:1px solid #23965e;
	padding: 5px 12px;
	margin-right: 50px;
	color:#fff;
}

.columna50{
	width: 450px;
	float: left;
	margin-left: 15px;
}
.margen-interno{
	padding: 0px 20px;
}

.titulo-centros-investigacion2{
	width: 310px;
	position: relative;
	background: #096235;
	padding: 16px 22px;
}
.titulo-centros-investigacion2 span{
	border:1px solid #23965e;
	padding: 5px 12px;
	color:#fff;
}
.margen-top{
	margin-top: 40px;
}
.columna3{
	position: relative;
	width: 305px;
	float: left;
}
.fondoverde{
	background-color: #30602e;
	color:#fff;
}
.fondogris{
	background-color:#d8d9dd;
}
.fondogris h3{
	color:#5f813d;
}
.colormas{
	float:right;
	border:1px solid #5f813d;
	padding: 5px 8px;
	color:#5f813d;
}
.colormas:hover{
	color:#fff;
	background-color:#5f813d;
}
.columna3 ul li{
	margin-bottom: 10px;
}

.interno-top{
	padding-top: 20px;
}
.margen-externo-rigth{
	margin-right: 20px;
}
.columna3dir{
	position: relative;
	width: 310px;
	float: left;
}

.rangos h3{
	font-size: 20px; 
	color:#5f813d;
	text-align: center;
} 

.registro h4{
	color:#5f813d;
	font-size: 20px;
}
.peque{width:50px; margin: 0 auto; color:#5f813d;}
.separador-investigacion{color:#5f813d;}

.columna3dir h3{
	font-size: 17px;
	color:#5f813d;
	text-align: center;
} 
.verticalizquierda{
	border-left: 1px solid #5f813d;
}
.vertical{
	border-right: 1px solid #5f813d;
	border-right-width:  80%;
	border-left: 1px solid #5f813d;
	margin: 0 auto;
}

.profesor{
	width: 280px;
	float: left;
	margin-left: 25px;
}
.profesor img{
	width: 100%;
}

.postgrado{
	padding: 15px 10px;
	border:1px solid #7F1819;
	width: 280px;
	text-align: center;
	color:#7F1819;
	float: left;
}
.separador-postgrado{
	margin-left: 15px;
	margin-right: 15px;
}
.desarrollo-ma{
	padding: 15px 10px;
	background-color: #7F1819;
	width: 280px;
	text-align: center;
	color:#fff;
	display: inline-block;
	margin-left: 25px;
}

.desarrollo-maf{
	padding: 15px 10px;
	border:1px solid #7F1819;
	width: 280px;
	text-align: center;
	color:#7F1819;
	display: inline-block;

}

.videos-y{
	
	width: 560px;
	margin: 0 auto;
}
.videos-yl{
	margin-top:30px;
}
.videos-yl div{
	width: 200px; 
	display: inline-block;
	margin-left: 20px;
}
.videos-yl div img{
	width: 100%;
}
.videos-yl div h6{
	font-size: 14px;
	text-align: left;
}
.titulomallac{
	background-color:#e2e2e2 !important;
	color:#056545 !important;
	width: 150px;
	padding: 15px;
}
.titulosPrincipales{
	background-color: #125431;
	color:#fff;
	padding: 12px 15px;
	width: 300px;
}

.documentos > h4{
	color:#056545 !important;
}