/* CSS Document */
	
/*-----Estructura de la pagina de inicio (index)-----*/
.image1 {
	position:relative;
	background: url('../imagenes/vec.png') no-repeat fixed, url('../imagenes/uni.jpg') no-repeat fixed;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	min-height: 500px;
	min-width:100%;	
}
.image2 {
	position:relative;
	background: url('../imagenes/e2.jpg') no-repeat fixed, url('../imagenes/uni.jpg') no-repeat fixed;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	min-height: 450px;
	min-width: 100%;
}
.index_c_1 {
	clear: both;
	width: 90%;
	display: block;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
}
.img-center{
	text-align:center;
	margin:0 auto;
}
.logo {
	text-align:center;
	margin: 60px auto;
	position:relative;
	max-width:80%;
}
.continfo{
	margin-left:auto;
	margin-right:auto;
	margin-bottom:60px;
	margin-top:40px;
	padding:0px;
	width:90%;
}

/*Fin de la estructura de la paina de inicio (index)*/


/*-----inicio estructura general-----*/
/*.general contenedor general */
.general{
	width: 97%;
	max-width: 1000px;
	margin: 0 auto;
	box-sizing: border-box;
	position: relative;
	background: #FFF;
	z-index:2;
	border-right: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
}
.pie_pagina {
	min-height:100px;
	background-color:#464E4D;
}
.contenedor_contacto{
	clear: both;
	width: 100%;
	overflow:hidden;
	height:1%;
	max-width:1100px;
	display: block;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
}
.datos_contacto{
	clear: both;
	width: 98%;
	max-width:500px;
	min-width:200px;
	float:left;
	display: block;
	text-align: left;
	margin-top: 30px;
	margin-bottom: 0px;
}
.lineaDoble {
	border: 0 ; 
	border-top: 4px double #9F9F9F; 
	width: 95%;
}
.lineasencilla {
	border: 0; 
    border-top: 1px solid #C4C4C4; 
    border-bottom: 1px solid #C4C4C4; 
    height:0;
	width:90%;
}
.lineaDelgada {
	border: 0;
	border-top: 1px solid #D5D5D5;
	opacity:0.5;
	height: 0;
	width: 90%;
}
.marcoGris {
	border: 1px solid #B9B9B9;
	padding: 2%;
	margin: 2%;
	border-radius:20px;
}

/*contenido para informacion del jefe o director*/
.cont_info_jd {
	width:100%;
	display:block;
	clear:both;
	border:thick;
    overflow:hidden;
    height: 1%;
	border-bottom:#BFBFBF solid 1px;
	border-top:#BFBFBF solid 1px;
	margin:40px auto;
	min-height:50px;
}
.cont_info_jd li {
	font-size:1.2rem;
	margin-top:5px;
	margin-bottom:5px;	
}
.datos_info_jd {
	width:55%;
	margin-top:12px;
	float:left;
	margin-left:20px;
	display:block;
	min-height:200px;
	min-width:250px;
	padding:8px 0px;
}
.foto_jd {
	width:200px;
	margin-top:12px;
	display:block;
	float:left;
	margin-left:10px;
	min-height:230px;
	min-width:200px;
	margin-bottom:10px;
	
}
/*fin de la información del jefe o director*/

/*fin de la estructura general*/


/*-----Fuentes y tamaños-----*/
/*encabezados y sub encabezados*/
h1{
	color: #000;
	font-size: 2.8rem;
	text-align:center;
	margin: 0 auto;
	position:relative;
	padding-top:20px;
	width:90%;
	font-family: 'Lato', sans-serif;
}

/*encabezado para la preentacion*/	
h2{
	color: #000;
	font-size: 2.7rem;
	text-align:center;
	margin: 0 auto;
	position:relative;
	padding-top:10px;
	max-width:80%;
	font-family: 'Lato', sans-serif;
	font-weight: bold;
}

/*encabezado para usar al iniciar un tema*/
h3{
	color: #4E4E4E;
	font-size: 2.8rem;
	text-align:left;
	margin-left:2%;
	position:relative;
	padding-top:10px;
	font-weight: bold;
	font-family: 'Lato', sans-serif;
}
/*sub encabezados para encabezados de presentacion*/
h4{
	color: #444;
	font-size:2.3rem;
	text-align:left;
	margin-left:2%;
	font-family: 'Lato', sans-serif;
}
.encabezadojd {
	color:#373435;
	font-weight: bold;
	font-size:2.7rem;
	font-family: 'Lato', sans-serif;
}
/*estilo para botones*/
.blanco1{
	color:#FFF;
	font-size:33px;
	max-width:290px;
	font-family: 'Lato', sans-serif;
	text-decoration:none;
}
.blanco2 {
	color:#FFFFFF;
	font-family: 'Latio', sans-serif;
	text-decoration:none;
}
.textG {
	font-family: 'Lato', sans-serif;
	font-size:2rem;
	line-height: 25px;
	margin: 30px auto;
	text-align:justify;
	max-width:90%;
	list-style-type:none;
}
.textList {
	font-size:1.8rem;
	font-family: 'Lato', sans-serif;
	line-height: 25px;
	margin: 10px auto;
	text-align:justify;
	max-width:90%;
	list-style-type:none;
}
.textAcordeon {
	font-size:1.5rem;
	font-family: 'Lato', sans-serif;
	line-height: 25px;
	margin: 10px auto;
	text-align: left;
	max-width:90%;
	list-style-type:none;
}
.textActualizacion {
	font-size:1.4rem;
	font-family: 'Lato', sans-serif;
	line-height: 20px;
	text-align: right;
	list-style-type:none;
}
	
.greentext {
	color: green;
}
.bluetext {
	color: #0CADFB;
}
.redtext {
	color:#FF0004;
}
.gray1text {
	color:#323232;
}
/*estilos para enlaces en texto*/
.enlaces a:link{
	color:#333;
	text-align:left;
	max-width:90%;
	text-decoration: underline;
}
.enlaces a:hover{
	color:#FF0004;
	text-decoration: none;
}
.enlaces a:visited{
	color: #B11012;
	text-decoration: underline;
}

.enlaces a:actived{
	color:#B11012;
}

/*fin de fuentes y tamaños*/

/*-----formulario-----*/

.formulario {
	float:left;
	width: 98%;
	max-width:520px;
	display: block;
	text-align: center;
	/*margin-left: auto;
	clear: both;
	margin-right: auto;*/
	margin-left:1%;
	margin-top: 50px;
	margin-bottom: 0px;
}
/* === Remove input autofocus webkit === */  
*:focus {  
    outline: none;  
}  
  
/* === Form Typography === */  
/*
body {  
    font: 14px/21px "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;  
}  
  
.contact_form h2, .contact_form label {  
    font-family: Verdana, Geneva, sans-serif, serif;  
}  
  
.form_hint, .required_notification {  
    font-size: 11px;  
}  
*/  

/* === List Styles === */  
.contact_form ul {
	width: 100%;
	list-style-type: none;
	list-style-position: outside;
	margin: 0px;
	padding: 0px;
}  
  
.contact_form li {
	padding: 2%;
	position: relative;
	margin: 0%;
}  
  
    .contact_form li:first-child, .contact_form li:last-child {  
        border-top: 1px solid #FFFFFF;  
    }  
  
/* === Form Header === */  
.contact_form h2 {  
    margin: 0;  
    display: inline;  
}  
  
.required_notification {
	color: #66c;
	margin: 5px 0 0 0;
	display: inline;
	float: right;
}  
  
/* === Form Elements === */  
.contact_form label {
	width: 20%;
	margin-top: 3px;
	display: inline-block;
	float: left;
	padding: 0px;
	font-size: 1.7rem;
}  
  
.contact_form input {
	height: 20px;
	width: 60%;
	padding: 5px 8px;
}  
  
.contact_form textarea {
	padding: 8px;
	width: 60%;
}  
  
.contact_form button {
	margin-left: 50%;
}  
  
/* form element visual styles */  
.contact_form input, .contact_form textarea {
	border: 1px solid #FFF;
	box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
	border-radius: 2px;
	padding-right: 60px;
	-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 #DCDCDC;
	box-shadow: 0 0 3px #DCDCDC;
	padding-right: 60px;
    }  
  
    /* === HTML5 validation styles === */  
    .contact_form input:required, .contact_form textarea:required {  
        background: #fff url(images/red_asterisk.png) no-repeat 98% center;  
    }  
  
        .contact_form input:required:valid, .contact_form textarea:required:valid {  
            background: #fff url(images/valid.png) no-repeat 98% center;  
            box-shadow: 0 0 5px #DCDCDC;  
            border-color: #DCDCDC;  
        }  
  
    .contact_form input:focus:invalid, .contact_form textarea:focus:invalid {  
        background: #fff url(images/invalid.png) no-repeat 98% center;  
        box-shadow: 0 0 5px #FFFFFF;  
        border-color: #DCDCDC;  
    }  
  
/* === Form hints === */  
.form_hint {
	border-radius: 3px 3px 3px 3px;
	color: white;
	margin-left: 8px;
	padding: 1px 6px;
	z-index: 999; /* hints stay above all other elements */
	position: absolute; /* allows proper formatting if hint is two lines */
	display: none;
	background: #DCDCDC;
}  
  
    .form_hint::before {
	content: "\25C0";
	color: #DCDCDC;
	position: absolute;
	top: 1px;
	left: -6px;
    }  
  
.contact_form input:focus + .form_hint {  
    display: inline;  
}  
  
.contact_form input:required:valid + .form_hint {  
    background: #DCDCDC;  
}  
  
    .contact_form input:required:valid + .form_hint::before {  
        color: #DCDCDC;  
    }  
  
/* === Button Style === */  
button.submit {
	background-color: #DCDCDC;
	border: 1px solid #747474;
	border-bottom: 1px solid #DCDCDC;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	box-shadow: inset 0 1px 0 0 #DCDCDC;
	-webkit-box-shadow: 0 1px 0 0 #DCDCDC inset;
	-moz-box-shadow: 0 1px 0 0 #DCDCDC inset;
	-ms-box-shadow: 0 1px 0 0 #DCDCDC inset;
	-o-box-shadow: 0 1px 0 0 #DCDCDC inset;
	color: #3C3C3C;
	font-weight: bold;
	padding: 1% 10px;
	font-size:1.8rem;
	text-align: center;

}  
  
    button.submit:hover {  
        opacity: .85;  
        cursor: pointer;  
    }  
  
    button.submit:active {
	border: 1px solid #555555;
	box-shadow: 0 0 10px 5px 555555 inset;
	-webkit-box-shadow: 0 0 10px 5px 555555 inset;
	-moz-box-shadow: 0 0 10px 5px 555555 inset;
	-ms-box-shadow: 0 0 10px 5px 555555 inset;
	-o-box-shadow: 0 0 10px 5px 555555 inset;
    } 
	
/*------ tablas ------*/
.tabArts {
	margin-left:auto;
	margin-right:auto;
	margin-bottom:60px;
	margin-top:40px;
	padding:0px;
	width:90%;
	box-shadow: 2px 2px 2px #C4C4C4;
	border:1px solid #FFF;
	
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
	
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
	
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
	
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}.tabArts table{
    border-collapse: collapse;
    border-spacing: 0;
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
}
.tabArts tr:last-child td:last-child {
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
}
.tabArts table tr:first-child td:first-child {
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}
.tabArts table tr:first-child td:last-child {
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
}
.tabArts tr:last-child td:first-child{
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
}
.tabArts tr:hover td{	
}
.tabArts tr:nth-child(odd){ background-color:#EEE; }
.tabArts tr:nth-child(even){ background-color:#ffffff; }
.tabArts td{
	vertical-align:middle;
	border:1px solid #ffffff;
	border-width:0px 1px 1px 0px;
	text-align:left;
	padding:7px;
	font-size:1.5rem;
	font-family:'Lato', sans-serif;
	/*font-weight:bold;*/
	color:#272727;
}
.tabArts tr:last-child td{
	border-width:0px 1px 0px 0px;
}
.tabArts tr td:last-child{
	border-width:0px 0px 1px 0px;
}
.tabArts tr:last-child td:last-child{
	border-width:0px 0px 0px 0px;
}
.tabArts tr:first-child td{
	/*background: -o-linear-gradient(bottom, #E4E4E4 5%, #575757 100%);
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #E4E4E4), color-stop(1, #575757) );
	background: -moz-linear-gradient( center top, #E4E4E4 5%, #575757 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#E4E4E4", endColorstr="#575757");		background: -o-linear-gradient(top,#E4E4E4,#575757);*/
	background-color: #E0E0E0;
	border: 1px solid #B3B3B3;
	text-align: center;
	border-width: 0px 0px 1px 1px;
	font-size: 17px;
	font-family: 'Lato', sans-serif;
	font-weight: bold;
	color: #515151;
}
/*
.tabArts tr:first-child:hover td{
	background: -o-linear-gradient(bottom, #c06fff 5%, #c06fff 100%);
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #c06fff), color-stop(1, #c06fff) );
	background: -moz-linear-gradient( center top, #c06fff 5%, #c06fff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#c06fff", endColorstr="#c06fff");		background: -o-linear-gradient(top,#c06fff,c06fff);
	background-color: #666666;
}
*/
.tabArts tr:first-child td:first-child{
	border-width:0px 0px 1px 0px;
}
.tabArts tr:first-child td:last-child{
	border-width:0px 0px 1px 1px;
}
.tabArts a:link{
	color:#333;
	text-align:left;
	max-width:90%;
	text-decoration: underline;
}
.tabArts a:hover{
	color:#f00;
	text-decoration:blink;
}
.tabArts a:visited{
	color:#f00;
	text-decoration:line-through;
}

.tabArts a:actived{
	color:#999;
}
.tabArts img{
	border:0px;
}

/*----- listas -----*/
.listas {
	margin-left:auto;
	margin-right:auto;
	margin-bottom:60px;
	margin-top:40px;
	padding:0px;
	width:90%;
	text-align:left;
	font-size:1.8rem;
	color:#272727;
	font-family: 'Lato', sans-serif;
}
.tituloList {
	background-color:#C30003;
}
/*
.listas ul{
	list-style-image: url(../imagenes/imgArt/ico_list_red.png);
}
.listas li{
    border-top: 1px solid #C4C4C4; 
    border-bottom: 1px solid #C4C4C4; 
	width:90%;
	cursor:pointer;
}

.expList ul {
    list-style: none;
    margin:0;
    padding:0;
    cursor: pointer;
}

.expList li {
    line-height:140%;
    list-style: none;
    margin:0;
    padding:0;
    text-indent:0px;
    background-position: 0px 2px;
    padding-left: 5px;
    background-repeat: no-repeat;
}*/