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

*{
	border:0;
	margin:0;
	padding:0;
	
}


body{background:#000000;}

span#ic{ font-size: 50px;}

h1{text-align: center; font-family: 'Open Sans', sans-serif; }

.hard-text{color:#959595;}
.hjustify{text-align: justify; padding-left: 1em;}
.center-image{ text-align: center;}

h2{text-align: center;}

hr{width: 40%; margin: 0.6em auto;}

hr.red{width: 40%; margin: 0.6em auto; border:1px solid #b30e19;}


.fot{width: 100%}
.fot1{width: 75%}
.fot2{width: 40%}
.fot2-5{width: 25%}
.fot3{width:5%}

.inic{ font-size: 25px; text-align: left;}

.red-title{color:#b30e19;}
.link-grey{color:#A4A1A1;}

.link-grey:hover{color:#A4A1A1;}

.number{list-style-type:decimal; text-align: justify;}
.point{list-style:disc; text-align: justify;}
.roman{list-style-type:lower-roman; text-align: justify;}

u{color:#A4A1A1;}


.button {
  display:block;
  border-radius: 0px;
  background-color: #f4511e;
  border:3px solid #000;
  color: #FFFFFF;
  text-align: center;
  font-size: 13px;
  padding: 10px;
  width: 80px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 0.9em auto;
}

.button span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.button span:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

.button:hover span {
  padding-right: 25px;
}

.button:hover span:after {
  opacity: 1;
  right: 0;
}

.med-ic{font-size:3rem; }

/* --------Home Front---------- */


section.principal{ width:100%; height: 480px; background-image: url(../img/inicio.png); background-position: center; background-size:98%; background-repeat:no-repeat; margin-top: 120px;}

/* --------Boton ---------- */

h1#centlog{ width: 50%;  text-align: center;  color: white; position:absolute; top:-90px; margin:9em;}


/* --------CONTENIDO HOME---------- */

section#contenido1{ width:100%; margin:0 auto; text-align: center; color:#959595; font-family: 'Open Sans', sans-serif;}
#con1{  background: #ffffff; border:4px solid #b30e19;  color:#959595; display:inline-block; font-family: 'Open Sans', sans-serif;  text-align: justify; font-size:18px;  width: 27%; height: 510px; vertical-align: text-top;  margin:0.8em; margin-top:-60px; padding: 2em;}
#acon1{  background: #ffffff; border:4px solid #b30e19; color:#959595;  display:inline-block; font-family: 'Open Sans', sans-serif; text-align: justify; font-size:18px;  width: 27%; height: 510px; vertical-align: text-top; margin:0.8em; margin-top:-60px; padding: 2em;}
#bcon1{  background: #ffffff; border:4px solid #b30e19; color:#959595;  display:inline-block; font-family: 'Open Sans', sans-serif; text-align: justify; font-size:18px;  width: 27%; height:510px; vertical-align: text-top; margin:0.8em; margin-top:-60px; padding: 2em;}


/* --------NORMATIVIDAD---------- */

#acona3{  background:transparent; color:#959595;  display:block; font-family: 'Open Sans', sans-serif; text-align:justify; font-size: 18px;  width: 90%; height: 100%; vertical-align: text-top; margin:0.2em auto; padding: 1em;}

blockquote{ width: 90%;}



table, th, td {
    border: 2px solid #b30e19;
}
table{width:90%; height:100%; margin: 0.3em auto;}

td{text-align:justify; padding: 0.5em;}

tr{ width:40%;}
th{width:40%;}



/* --------CONTENIDO ACERCA---------- */

section.cabez{ width:100%; height:200px; background-image: url(../img/struc.jpg); background-position: center; background-size:cover; margin: 0;}


section#contenido-ac{ width:100%; margin:0 auto; height: 100%; text-align: center;}
#cona1{  background:transparent;  color:#959595; display:block; font-family: 'Open Sans', sans-serif; text-align: center;  width: 90%; height:100%; vertical-align: text-top;  margin:0.8em auto; padding: 1em;}

#acona1{  background:transparent; color:#959595;  display:block; font-family: 'Open Sans', sans-serif; text-align:justify; font-size: 18px;  width: 70%; height: 100%; vertical-align: text-top; margin:0.8em auto; padding: 1em;}

#acona2{  background:transparent; color:#959595;  display:block; font-family: 'Open Sans', sans-serif; text-align:justify; font-size: 18px;  width: 70%; height: 100%; vertical-align: text-top; margin:0.8em auto; padding: 1em;}





/* --------CONTENIDO SERVICIOS---------- */


#s1{  background:white;  color:#959595; border:4px solid #b30e19; display:inline-block; font-family: 'Open Sans', sans-serif;  text-align: justify;  width: 30%; height:400px; vertical-align: text-top;  margin:0.8em; padding: 1em;}



#serv1{  background:transparent;  color:#959595; display:block; font-family: 'Open Sans', sans-serif; text-align: center;  width: 90%; height:100%; vertical-align: text-top;  margin:0.8em auto; padding: 1em;}

#serv2{  background:none;  color:#959595; display:inline-block; font-family: 'Open Sans', sans-serif; text-align:justify;  width: 40%; height:100%; vertical-align: text-top;  margin:0.4em; }


#cons, #capa, #diag, #ries {padding:3em;}

/* --------BOLSA DE TRABAJO---------- */

#bol-1{  background:transparent;  color:#b30e19; display:block; font-family: 'Open Sans', sans-serif;  text-align: center;  width: 90%; height: 70%; vertical-align: text-top;  margin:0.8em auto; padding: 1em;}

#bol-2{  background:transparent; color:#343434; display:block; font-family: 'Open Sans', sans-serif; text-align: center; font-size: 18px;  width: 70%; height: 100%; vertical-align: text-top; margin:0.8em auto; padding: 1em;}


/* --------CONTACTO---------- */

#con-1{  background:transparent;  color:#959595; display:inline-block; font-family: 'Open Sans', sans-serif;  text-align: left;  width: 40%; height: 70%; vertical-align: text-top;  margin:1em; padding: 1em;}

#con-2{  background:transparent; color:#959595; display:inline-block; font-family: 'Open Sans', sans-serif; text-align:left; font-size: 15px;  width: 50%; height: 100%; vertical-align: text-top; margin:1em; padding: 1em;}


input{background:none;  border: 1px solid #b30e19;
	font-size:20px; text-align:left; width:100%; padding:0.4em; height:30px; color:#959595;;
	font-family: 'Open Sans', sans-serif; }

input#sub{background: #b30e19; font-size:16px; padding:0.2em auto; text-align:center; 
	width:90px; height: 100%; color:#fff; font-family: 'Open Sans', sans-serif;}
	
textarea{background:none; border: 1px solid #b30e19;font-family: 'Open Sans', sans-serif; font-weight: bold; font-size:20px; text-align:left; width:100%; padding:0.4em; color:#959595;}



.verif{ display: none; }


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

footer{ width: 100%; height: 100%; padding: 0.8em;  margin: 0 auto;  background: #606060; text-align: center; }

#foot1{width:60%; display:inline-block; }
#foot2{width:30%; display:inline-block; text-align: right;}
#f1{  text-align: justify; font-family: 'Open Sans', sans-serif;  width: 95%; color:#fff; font-size:12px;   margin:0.5em auto; padding: 0.5em;}
#f2{ text-align: justify;  font-family: 'Open Sans', sans-serif;  width: 95%; color:#bfff; font-size:12px;   margin:0.5em auto; padding: 0.5em;}





@media (max-width: 2000px) {
img#log{width:60%;}

}


@media (max-width: 800px) {
	
	
	section.principal{ height:180px;}
	
	h1#centlog{ width: 80%;  text-align: center; position:absolute; top:100px; margin:1em;}
	img#centl{width:100%;}
	img#log{width:80%;}
	
	/* --------HOME ---------- */
	#con1{ display: block; width: 90%; margin: 1em auto;}
	#acon1{ display: block; width: 90%; margin: 1em auto;}
	#bcon1{ display: block; width: 90%; margin: 1em auto;}
	button#circ{left:40%; margin-left: -40px; }
	
	/* --------ACERCA ---------- */
	#cona1{ background-size:cover; display: block; width: 90%; margin: 1em auto;}
	#cona2{ background-size:cover; display: block; width: 90%; margin: 1em auto;}
	#acona1{ display: block; width: 90%; margin: 1em auto; height: 530px;}
    /* --------Normatividad ---------- */
	table{width:90%; height:100%; font-size: 12px; margin: 0.3em auto;}
	
	blockquote{ width: 90%}
	
	#acona3{ display: block; font-size: 18px; width: 90%; margin: 0.2em auto; height:100%;}
	/* --------SERVICIOS---------- */
	#s1{ display: inline-block; width: 90%; height: 100%; margin: 0.5em auto;}
	
	/* --------BOLSA DE TRABAJO---------- */
      #bol-1{ background-size:cover; display: block; width: 90%; margin: 1em auto;}
	#bol-2{ background-size:cover; display: block; width: 90%; margin: 1em auto;}
	
	
	
	

	
	/* --------CONTACTO---------- */
	
	#con-1{ display:block;   width: 90%; height: 100%; vertical-align: text-top;  margin:0.5em auto; padding: 1em;}

		#con-2{ display:block;   width: 90%; height: 100%; vertical-align: text-top;  margin:0.5em auto; padding: 1em;}

	#foot1{width:90%; margin: 0.3em auto; display:block; }
    #foot2{width:90%; margin: 0.3em auto; display:block; text-align: center;}
	
	
	
}
@media (max-width: 600px) {
	img#log{width:100%;}
	
	#serv2{  display:block; font-family: 'Open Sans', sans-serif; text-align:justify;  width: 90%; height:100%; vertical-align: text-top;  margin:0.4em auto; }
	
	button#circ{left:30%; margin-left: -30px; }
	
}