/**--------------INDEX------------------**/

 /*---PAGINA MATRIZ---*/
   /*-fonts-*/ 
   /*---GENERALIDADES---*/

 /*------NO LOGUEADO--------*/
   /*--index.html--*/
   /*--catedra.html--*/
   /*--galeria.html--*/
   /*--plantel.html--*/
   /*--registro.html--*/
   /*--web.html--*/
   /*--web.html--*/
   /*--web.html--*/
   /*--web.html--*/
   /*--web.html--*/
   /*--web.html--*/

 /*----FOTOS DE GALERIA-----*/
     /*galerias.css*/

/*****************INDEX*******************/


/*-fonts-*/
@font-face{
font-family: exo1;
src: url(fonts/Exo-Regular.otf);
}
@exo1{
font-family: exo1;
}

@font-face{
font-family: exo2;
src: url(fonts/Exo-Medium.otf);
}
@exo2{
font-family: exo2;
}

@font-face{
font-family: exo3;
src: url(fonts/Exo-Bold.otf);
}
@exo3{
font-family: exo3;
}
/**fonts**/
/*---GENERALIDADES---*/
h1{
color: rgba(1,1,1,0);
font-size: 1px;    
}

h2{
color: #999;
font-family: exo1;
}

h3{
font-size: 16px;
color: rgb(2, 127, 165);
margin:0px 0 0 5px;
font-family: exo2;
}

h4{
font-size: 20px;
color: rgb(0,0,0);
margin-top:20px;
font-family: exo1;
}

a{  
font-family: exo2;
text-decoration: none;
list-style-type: none;
}

p{
font-family: exo1;
font-size: 15px;
}

.azul{
color:rgb(0, 196, 255);
}

.grey{
    background-color: rgba(255,0,0,0.0);
    margin-top:0px;
    color:#999;
	width: 528px;
    margin: 0px 0px 0px 0px;
}

.black{
    margin-top:-10px;
    color:rgb(0,0,0);
	width: 528px;
}

.blanco{
color:rgb(255, 255, 255); 
background-color:rgba(0, 196, 255,0);   
width: auto; height: 60px;
display:block;     
margin: 25px auto 0 auto; 
width:1020px; height: auto;
text-align:center;
line-height: normal;
}

#fle-der a{
    background-color: rgba(1,1,1,0);
    display:block;
    margin: -35px 0 0 200px;
    width: 16px; height: 17px;
    background-image:url(imagenes_vec/flech-der.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    float:left;
}
/****GENERALIDADES****/
/*---PAGINA MATRIZ---*/
body {
	background-color: #393834;
    background-image: url(imagenes_vec/body-fondo.svg);
    background-position: center top;
    background-size: 100%;
	margin: auto;
    width:1020px 100%; height:auto;
	padding: 0;
	color: #999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	line-height: 1.4;
}

header {   
background-color: rgba(0, 196, 255,0.0);
width:1020px; height:30px;
margin: 0 auto 0 auto;
display:block;
height:300px;
}

#cabeza{
display:block;    
background-color: rgba(153, 153, 153,0);
width:1280px 100%; height:230px;
margin:0 auto 0px auto;
padding:30px 0 30px 0;
}

#logos{   
display:block;    
background-color: rgba(0, 196, 255,0.0);
width:650px; height:200px;
margin:auto;    
}

#logoz{

display:block;    
background-color: rgba(255,255,0,0.0);
background-image:url(imagenes_vec/tituto_zachin.svg);
background-position: center;
background-repeat: no-repeat;
background-size: 100%;
width:450px; height:200px;

}

#logof{
display:block;    
background-color: rgba(255,255,0,0.0);    
background-image:url(imagenes_vec/titulo_uba.svg);
background-position: center;
background-repeat: no-repeat;
background-size: 100%;    
width:150px; height:150px;  
float:right;
margin: -145px 0 0 0;
}

header a{
display:block;    
background-color: rgba(153, 153, 255,0);
width:1280px 100%; height:300px;
margin:0 auto 0px auto;
padding:0px 0 0px 0;
}


#barra1{
display:block;
width:1020px; height:10px;
margin: -23px 0 0 0;
background-color:rgb(255, 255, 255);
}

#barra1 nav{    
display:inline-block;
width:200px; height:13px;
margin: 0px 0 0px 815px;
background-color:rgba(255, 0, 0,0);
align-content: center;  
padding-left:5px    
}

#barra2{
display:block;
width:1020px; height:8px;
margin: 8px 0 0 0;
background-color:rgba(0, 196, 255,0.58);
}


.sing{
display:inline-block;
width:81px; height:40px;
background-color: rgb(0, 196, 255);
margin: 0 7px 0 7px;
}

/**aside**/
#side {
    margin:0px 0 0 0;
	float: left;
	width:207px; height:135px;
	background-color: rgb(0, 196, 255);
}

#side a{
background-color: rgba(255, 255, 0,0);
color:rgb(40, 40, 40);
display: block;
height: 25px; width:185px;;    
margin: -5px 0 0 0;
padding:7px 0 0 20px;
}
#side a hover{
background-color:rgb(0, 196, 255);
color:rgb(255, 255, 255);
font-family: exo1;
font-size: 16px;
text-align-last: center;
}

aside ul{
margin-top:-1px;
height: 125px; width: 167px;
background-color:#666;

}

aside li {
display: block;
height: 25px; width:207px;
margin-left: -40px;
margin-top:1px;
background-color:#999;
color:rgb(1,1,1);
text-decoration: none;
list-style-type: none;
padding-top:5px;
}

/*formulario*/

#formul {
    margin:0px 0 0 0;
	float: right;
	width:207px; height:200px;
	background-color: #999;
}

#ingreso{
    margin: 0px 0px 0px 0px;
    display:block;
    width:207px; height:173px;
    background-color: rgb(0, 196, 255);
    padding-top:15px;
}

#ingreso a {
    text-align-last: center;
    text-align: center;
}

label{
color:rgb(4, 112, 142);
text-align:right;
margin:0px 0 0px 0;}
input{
width: 180px;
border-radius:75px;
margin:0px 0 0px 0;
}

fieldset{
border-color:rgba(0,0,0,0);
}

.in{
display:inline-block;
width:84px; height:16px;
margin: 8px 0 10px 10px;
background-color: #42413C;
color:rgb(255, 255, 255);
border-radius: 5px;
text-align: center;
float:left;
padding:5px;
font-size: 12px;
}
.in2{
display:inline-block;
width:35px; height:16px;
margin: 8px 0 10px 6px;
background-color: #42413C;
color:rgb(255, 255, 255);
border-radius: 5px;
text-align: center;
float:left;
padding:5px;
font-size: 12px;
}
.in3{
display:inline-block;
width:35px; height:16px;
margin: 8px 0 10px 6px;
background-color: #42413C;
color:rgb(255, 255, 255);
border-radius: 5px;
text-align: center;
float:left;
padding:5px;
font-size: 12px;
}

.in:hover{
background-color: rgb(140, 224, 248);
color:rgb(0, 78, 95);
font-size: 13px;    
font-family: exo2;    
}
.in2:hover{
background-color: rgb(255, 248, 93);
color:#585800;
font-size: 13px;    
font-family: exo2; 
}
.in3:hover{
background-color: rgb(248, 140, 223);
color:rgb(95, 0, 80);
font-size: 13px;    
font-family: exo2; 
}


.in a{
font-size: 100px;
}

#wh{
display:block;
width:160px; height:10px;
margin: 0px auto 0 auto;
background-color: rgba(1,255,255,0);
color:#42413C;
font-size: 10px;
}

#wh:hover{
color:rgb(255,255,255);
}

/**formulario**/
/*contenedores*/

#container h2 {
display: block;
font-size: 70px;
margin: 0 0 30px 0;
text-align: center;
text-align-last: center;
}

#container {
	width: 1020px; height: auto;
	background-color: #FFF;
    background-image: url(imagenes_vec/fondoblanco.svg) ;
	margin: 0px auto; 
}

#container2 {
	width: 1020px; height: 1500px;
	background-color: #FFF;
    background-image: url(imagenes_vec/fondoblanco.svg) ;
	margin: 0px auto; 
}

#container3 {
	width: 1020px; height: 1900px;
	background-color: #FFF;
    background-image: url(imagenes_vec/fondoblanco.svg) ;
	margin: 0px auto; 
}

#container4 {
	width: 1020px; height: 1460px;
	background-color: #FFF;
    background-image: url(imagenes_vec/fondoblanco.svg) ;
	margin: 0px auto; 
}

/**contenedores**/
/*articulo*/

#content {
    background-color:rgba(255,255,0,0.0);
    width: 530px; height:auto;
    margin: 0 auto 0 auto;
	padding: 10px 0;
}

#content2 {
    background-color:#42413C;
    width: 528px; height:640px;
    margin-left:40px;
	padding: 10px 0;
	float: left;
    margin-top: 20px;
}

#content ul, #content ol { 
	padding: 0 15px 15px 40px; 
}

.doble{
background-color: rgba(240, 31, 31, 0.0);
width: 250px; height: 1200px; 
margin: 20px 5px 0 5px;
display:inline-block;
align-content: center;
}


.doble a{
display:block;
background-color:rgb(0, 196, 255);
float:right;
margin: -52px 24px 0 0;
border-radius:10px;
color:rgb(255,255,255);
padding:2px;
}

.doble p{
display:block;
width: 242px;
float:left;
font-family: exo1;
text-align: left;
}


.doble2{
background-color: rgba(240, 31, 31, 0.0);
width: 242px; height: 350px; 
margin-left:5px;
float:left;
}

.calle2{
background-color:rgba(73, 245, 166,0);
width: 30px; height: 350px; 
float:left;
}

/**articulo**/
/*footer*/

footer{
display:block;    
width:1020px; height:250px;
background-color:rgba(66, 65, 60, 0.65); 
margin: 0 auto 0 auto;    
}

#fuba{
background-color:rgba(255, 255, 0,0); 
background-image: url(imagenes_vec/pie-fadu.svg);
background-repeat: no-repeat;
background-size: 160px;
background-position: center;
width:180px; height: 136px;
display:inline-block; 
margin: 0px 20px 0 50px;     
}
#fuba a{
background-color:rgba(255, 255, 0,0); 
width:180px; height: 136px;
display:inline-block; 
margin: 0px 0px 0 0px;     
}

#fdgpc{
background-color:rgba(255, 255, 0,0);
background-image: url(imagenes_vec/pie-dgpc.svg);
background-repeat: no-repeat;
background-size: 230px;
background-position: center;    
width:249px; height: 144px;
display:inline-block; 
margin: 0px 20px 0 0px;     
}
#fdgpc a{
background-color:rgba(255, 255, 0,0); 
width:249px; height: 144px;
display:inline-block; 
margin: 0px 0px 0 0px;     
}
#fdgpc hover{
background-color:rgba(255, 255, 0,0);
background-image: url(imagenes_pix/gifs/pie-dgpc.gif);
background-repeat: no-repeat;
background-size: 230px;
background-position: center;    
width:249px; height: 144px;
display:inline-block; 
margin: 0px 20px 0 0px;     
}
#fzachin{
background-color:rgba(255, 255, 0,0); 
background-image: url(imagenes_vec/pie-zachin.svg);
background-repeat: no-repeat;
background-size: 250px;    
width:263px; height: 148px;
display:inline-block; 
margin: 25px 20px 0 0px; 
}

#fjt36{
background-color:rgba(255, 255, 0,0); 
background-image: url(imagenes_vec/pie-jt36.svg);
background-repeat: no-repeat;
background-size: 130px;
background-position: center;    
width:141px; height: 150px;
display:inline-block; 
margin: 0px 50px 0 0;     
}
#fjt36 a{
background-color:rgba(255, 255, 0,0); 
width:141px; height: 150px;
display:inline-block; 
margin: 0px 0px 0 0px;     
}


#fc{
background-color:rgba(0, 196, 255,0); 
background-image: url(imagenes_vec/pie2-face.svg);
background-repeat: no-repeat;
background-size: 30px;
background-position: center;    
width:30px; height: 30px;
display:inline-block; 
margin: 120px 10px 0 5px;     
}
#fc hover{
background-image: url(imagenes_vec/pie2b-face.svg);
}

#tw{
background-color:rgba(0, 196, 255,0); 
background-image: url(imagenes_vec/pie2-tw.svg);
background-repeat: no-repeat;
background-size: 30px;
background-position: center;    
width:30px; height: 30px;
display:inline-block; 
margin: 0px 10px 0 10px;   
}
#tw hover{
background-image: url(imagenes_vec/pie2b-tw.svg);   
}
#gm{
background-color:rgba(0, 196, 255,0); 
background-image: url(imagenes_vec/pie2-google.svg);
background-repeat: no-repeat;
background-size: 30px;
background-position: center;    
width:30px; height: 30px;
display:inline-block; 
margin: 0px 10px 0 10px;  
}
#gm hover{
background-image: url(imagenes_vec/pie2b-google.svg);
;  
}
#in hover{
background-image: url(imagenes_vec/pie2b-istagram.svg);
}
#in{
background-color:rgba(0, 196, 255,0); 
background-image: url(imagenes_vec/pie2-istagram.svg);
background-repeat: no-repeat;
background-size: 30px;
background-position: center;    
width:30px; height: 30px;
display:inline-block; 
margin: 0px 10px 0 10px;   
}
#in:hover{
background-image: url(imagenes_vec/pie2b-istagram.svg);  
}
#ml{
background-color:rgba(0, 196, 255,0); 
background-image: url(imagenes_vec/pie2-mail.svg);
background-repeat: no-repeat;
background-size: 30px;
background-position: center;    
width:30px; height: 30px;
display:inline-block; 
margin: 0px 0px 0 10px;   
}
#ml hover{
background-image: url(imagenes_vec/pie2b-mail.svg); 
}
/**footer**/
/*-*-*-*-anexo-*-*-*-*-*/

#negrisimo1{
display:block;
width: 1020px; height:950px;
position:relative;
margin:0 0 0 0 ; 
background-color:rgba(37, 36, 31,0.9);
}

#negrisimo2{
background-color:rgba(37, 36, 31,0.9);
width: 1020px; height:2500px;
position:relative;
margin: 0 auto -2500px auto;     
}

#negrisimo3{
display:block;
width: 520px; height:400px;
position:absolute;
margin:auto; 
background-color:rgba(66, 65, 60,0.9);
margin: 50px auto 0px auto;
}

#negrisimo4{
width: 1020px; height:1300px;
position:relative; 
background-color:rgba(37, 36, 31,0.9);
margin: 0px auto -1300px auto;
}

#negri4{
background-color:rgba(66, 65, 255,0.0);
display:block;
width: 1200px; height:950px;
margin: 0px 0px 0px -95px;
}

#alerta{
display:block;
width: 500px; height:400px;
margin: 150px 0 0px 200px; 
background-color: rgb(190, 148, 148);
border-radius: 10px;
padding:10px;
border:8px;
border-color:#f00;
border-style:solid;
position:absolute;    
}

#alerta p{
display:block;
width: 450px; height:65px;
margin: 10px auto 0px auto;
text-align: center;
color: rgb(0,0,0)
}

#alerta h3{
font-size: 30px;
margin: 10px auto 0px auto; 
text-align: center;
font-family: exo2;
color:rgb(200,0,0);
}

#error{
display:block;
margin:auto;
width: 500px; height:275px; 
background-image:url(imagenes_vec/error-video.svg);
background-position: center;
background-repeat: no-repeat;
background-size:90%;
border:10px;
}

#error1{
display:block;
margin:auto;
width: 500px; height:275px; 
background-image:url(imagenes_vec/error-video.svg);
background-position: center;
background-repeat: no-repeat;
background-size:90%;
border:10px;
}
#error2{
display:block;
margin:auto;
width: 500px; height:275px; 
background-image:url(imagenes_vec/error-llamando.svg);
background-position: center;
background-repeat: no-repeat;
background-size:25%;
border:10px;
}
#error3{
display:block;
margin:auto;
width: 500px; height:275px; 
background-image:url(imagenes_vec/error-buscando.svg);
background-position: center;
background-repeat: no-repeat;
background-size:50%;
border:10px;
}

#volver {
display:block;
margin:-90px -40px 0 0;
width: 50px; height:50px; 
background-image:url(imagenes_vec/cruz-1.svg);
border-radius:50px;
float:right;
}

#volver a{
display:block;
width: 60px; height:60px; 
border-radius:50px;
margin: -5px 0 0 -5px;
}

#volver hover {
background-image:url(imagenes_vec/cruz-2.svg);
}



/*-***-***-anexo-***-***-*/

/****PAGINA MATRIZ****/
/*------NO LOGUEADO--------*/
/*--index.html--*/

#video1{
margin: 0 auto 0 auto;
}

.imagena{
    margin:  0 0 30px -12px;
    width: 528px;
}

#imagen1{
    display:block;
    width: 528px; height: 250px;
    background-image:url(imagenes_pix/posible-video.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
}

#imagen1 a{
    display:block;
    width: 528px; height: 250px;    
    margin: 0px -10px 0px 0px;
}
/***index.html**/
/*--catedra.html--*/
#content h2 {
display: block;
font-size: 70px;
margin: 15px 0 15px 0;
text-align: center;
text-align-last: center;
}
#imagen2{
    background-color:rgb(255,255,255);
    display:block;
    width: 528px; height: 350px;
    background-image:url(imagenes_pix/mapa-tematico.jpg);
    background-repeat: no-repeat;
    background-size: 95%;
    background-position: center;
    border:4px;
    border-color:rgb(231,231,231);
    border-style:solid;
}
#imagen2 hover{
    border-color:rgb(171, 232, 250);
}

#imagen2 a{
    display:block;
    width: 554px; height: 374px;
    background-color:rgba(1,1,1,0.0);
    margin: -12px 0 0 -12px;
}

#imagen3{
    display:block;
    width: 161px; height: 401px;
    background-image:url(imagenes_pix/liniometro.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    margin: 0 auto 0 auto;
}

#imagen4{
    display:block;
    margin-top:40px;
    width: 242px; height: 381px;
    background-image:url(imagenes_pix/busca-hilo.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    float:right;
}

#imagen5{
    background-color:rgb(255,255,255);
    display:block;
    margin-top:180px;
    width: 222px; height: 170px;
    background-image:url(imagenes_pix/busca-hilo2.jpg);
    background-repeat: no-repeat;
    background-size: 90%;
    background-position: center;
    border:12px;
    border-color:rgb(231,231,231);
    border-style:solid;
}

/*-*-*-mapa tematico agrandado-*-*-*/
#mapat{
display:block;
width: 1000px; height:600px;
margin: 100px 100px -1700px -20px; 
background-color: rgb(255, 255, 255);
border-radius: 10px;
padding:20px;
border:10px;
border-color:#c9c9c9;
border-style:solid;
background-image: url(imagenes_vec/mapa-tematico.svg);
background-repeat: no-repeat;
background-position:center;
background-position: center;
background-size: 100%;
position:absolute;}

#mapat a{
background-color:rgba(255,2,2,1);    
display:block;
width:924px; height:624px;
margin:-12px 0 0 -12px;    
position:absolute}

/**-**-mapa tematico agrandado-**-**/
/***catedra.html***/
/***catedra.html***/
/*--galeria.html--*/
#container5 {
	width: 1020px; height: 700px;
	background-color: #FFF;
    background-image: url(imagenes_vec/fondoblanco.svg) ;
	margin: 0px auto; 
}

#container5 h2 {
width: 450px; height: 54px;
font-size: 40px;
margin:5px 0 5px 30px;
text-align: center;
}

#tecnos{
background-color: rgba(255,0,0,0.0);
width: 528px; height: 35px;
margin: 0px 0 20px 0px;
float: left;
}

#t1{
background-color:#838383;
width: 70px; height: 21px;
margin: 0px 0 0 180px;
text-align: center;
text-align-last: center;
padding:6px;
float:left;
color:#42413C;
font-family: exo3;
}
#t1 hover{
background-color:rgb(0, 196, 255);
color:#fff;
}
#t2{
background-color:#999;
width: 70px; height: 21px;
margin: 0 0 0 0;
text-align: center;
text-align-last: center;
padding:6px;
float:left;
color:#42413C;
font-family: exo3;
}
#t2 hover{
background-color:rgb(0, 196, 255);
color:#fff;
}

#raya{
background-color:rgba(1,1,1,0.7);
width: 500px; height: 1px;
margin: -2px 0 0 10px;
float:left; 
}

#tiempo{
background-color: rgba(255,0,0,0.0);
width: 528px; height: 35px;
margin: 0px 0 20px 0px;
float: left;
align-content: center;
}
#ti{
background-color: rgba(255,0,0,0.0);
width: 210px; height: 35px;
margin: 0px 0px 0px 160px;
float: left;
align-content: center;
}
#año1{
background-color:rgb(216, 244, 252);
width: 42px; height: 18px;
margin-top: 0px;
float:left;  
text-align: center;
text-align-last: center;
padding:6px;
float:left;
color:rgb(0, 142, 185);
font-family: exo3;
}
#año1 hover{
background-color:rgb(0, 196, 255);
color:#fff;
}
#año2{
background-color:rgb(150, 224, 245);
width: 43px; height: 18px;
margin-top: 0px;
float:left;  
text-align: center;
text-align-last: center;
padding:6px;
float:left;
color:rgb(0, 142, 185);
font-family: exo3;
}
#año2:hover{
background-color:rgb(0, 196, 255);
color:#fff;
}
#año3{
background-color:rgb(85, 216, 255);
width: 42px; height: 18px;
margin-top: 0px;
float:left;  
text-align: center;
text-align-last: center;
padding:6px;
float:left;
color:rgb(0, 142, 185);
font-family: exo3;
}
#año3:hover{
background-color:rgb(0, 196, 255);
color:#fff;
}
#izq{
 background-color: rgba(1,1,1,0);
    display:block;
    margin: 7px 5px 0 0px;
    width: 16px; height: 17px;
    background-image:url(imagenes_vec/flech-izq.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    float:left;}

#der{
 background-color: rgba(1,1,1,0);
    display:block;
    margin: 7px 0px 0 5px;
    width: 16px; height: 17px;
    background-image:url(imagenes_vec/flech-der.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    float:left;
}

#t1b{
background-color:#42413C;
width: 70px; height: 21px;
margin: 0 0 0 20px;
text-align: center;
text-align-last: center;
padding:6px;
float:left;
color:#FFF;
font-family: exo3;
}
#t2b{
background-color:#42413C;
width: 70px; height: 21px;
margin: 0 0 0 0;
text-align: center;
text-align-last: center;
padding:6px;
float:left;
color:#FFF;
font-family: exo3;
}
#año1b{
background-color:#42413C;
width: 42px; height: 18px;
margin-top: 0px;
float:left;  
text-align: center;
text-align-last: center;
padding:6px;
float:left;
color:#FFF;
font-family: exo3;
}
#año2b{
background-color:#42413C;
width: 43px; height: 18px;
margin-top: 0px;
float:left;  
text-align: center;
text-align-last: center;
padding:6px;
float:left;
color:#FFF;
font-family: exo3;
}
#año3b{
background-color:#42413C;
width: 42px; height: 18px;
margin-top: 0px;
float:left;  
text-align: center;
text-align-last: center;
padding:6px;
float:left;
color:#FFF;
font-family: exo3;
}

#galera{
background-color: rgba(255,0,0,0);
width: 600px; height: 450px;
margin: 20px 0 0 -40px;
float:left;
}

.display{
align-content: center;
display:block;
width: 100px; height: 20px;
margin: 0 auto 0 auto;
}

.estoy{
display:block;
background-color: rgb(0, 196, 255);
width: 15px; height: 15px;
margin: 2px 5px 0px 12px;
border-radius:10px;
float:left;
}

.no-estoy{
display:block;
background-color: #42413C;
width: 10px; height: 10px;
margin: 5px 5px 0px 12px;
border-radius:10px;
float:left;
}

.no-estoy a{
display:block;
width: 15px; height: 15px;
margin: 0px 0px 0px 0px;
}

/* ~~ REGISTRO ~~ */

#content2 h2{
background-color:rgba(0, 255, 255,0.0);
width: 300px; height: 30px;
font-size: 20px;
margin:20px 0 0 30px;
text-align: left;
text-align-last: center;
color:rgb(201, 201, 201);
}

#text1{
background-color: rgba(255,0,0,0.0);
width: 400px; height: 21px;
margin:30px auto 20px auto;
color:rgb(0, 196, 255);
text-align: center;
}

#text2{
background-color: rgba(255,0,0,0.0);
width: 400px; height: 21px;
margin:30px auto 20px auto;
color:#999;
text-align: center;
}


.foto{
   display:block;
   background-color:rgb(209, 221, 224);
   width: 117px; height: 117px;
   float:left;
   margin:7px 6px 7px 6px;
   border: 10px;
   border-color: rgb(170, 197, 204);
   border-style: solid;
   border-radius: 10px;}
.foto hover{
   border-color: rgb(171, 232, 250);
}

#antes{
 background-color: rgba(250, 204, 0,0);
 display:block;
 width: 50px; height: 50px;
 background-image:url(imagenes_vec/flech-izq.svg);
 background-position: center;
 background-repeat: no-repeat;
 background-size: 100%;
 float:left;  
 margin:250px 0 0 -650px;}
#antes a{
 background-color: rgba(0, 196, 255,0);   
 display:block;
 width: 50px; height: 50px;   
 margin:0px 0px 0 0;
}

#despues{
display:block;
background-image:url(imagenes_vec/flech-der.svg);
background-position: center;
background-repeat: no-repeat;
background-size: 100%;
width: 50px; height: 50px;
float:right;    
margin:200px -110px 0 0;
}

#despues a{
display:block;
width: 50px; height: 50px;   
margin:0px 0px 0 0;
}

/*-imagen agrandada-*/
#antesf{
   background-color: rgba(250, 204, 0,0);
   display:block;
   width: 100px; height: 100px;
   background-image:url(imagenes_vec/flecha-b-izq-f.svg);
   background-position: center;
   background-repeat: no-repeat;
   background-size: 100%;
   float:left;  
   margin:220px 0 0 0px;
   position:absolute}

#antesf:hover{
   background-image:url(imagenes_vec/flecha-a-izq-f.svg);}

#antesf a{
   background-color: rgba(0, 196, 255,0);   
   display:block;
   width: 50px; height: 100px;  
   margin:0px 0px 0 15px;
   position:absolute}

#despuesf{
   display:block;
   background-image:url(imagenes_vec/flecha-b-der-f.svg);
   background-position: center;
   background-repeat: no-repeat;
   background-size: 100%;
   width: 100px; height: 100px;  
 margin:220px 0px 0 800px;
 position:absolute}

#despuesf:hover{
   background-image:url(imagenes_vec/flecha-a-der-f.svg);}

#despuesf a{
   background-color: rgba(0, 196, 255,0);   
   display:block;
   width: 50px; height: 100px;  
   margin:0px 0px 0 30px;}

.foto-grande{
  display:block;
  width: 900px; height:600px;
  margin: 100px auto 0px 40px; 
  background-color: #42413C;
  border-radius: 10px;
  padding:10px;
  border:10px;
  border-color:rgb(86, 125, 141);
  border-style:solid;
  align-content: center;       
  position:absolute;}

.foto-grande a{
  background-color:rgba(255,2,2,0.0);    
  display:block;
  width:724px; height:624px;
  margin:-12px 0 0 80px;
  position:absolute;
  align-content: center;}
/**imagen agrandada**/
/***galeria.html***/
/*--plantel.html--*/

#container4 h2 {
font-size: 28px;
margin:0  5px 5px;
text-align-last: center;
}

#titulos{
    background-color:rgb(255,255,255);
    display:block;
    width: 190px;
    float:left;
    border:4px;
    border-color:rgb(0, 196, 255);
    border-style:solid;  
    padding:15px;
    margin:0px 0 0px 7px;
}

#titulos p{
    margin: 3px 0 0 -3px; 
}

#cuadro-azul{
display:block;
background-color:rgba(255,2,2,0.0);
width: 258px;
float:left;
margin:80px 0 0 0;
}

.plante-pic{
display:block;
background-color:rgb(0, 196, 255);
width: 117px; height: 117px;
float:left;
margin:7px 6px 7px 6px;
}

#fotos-azul{
display:block;
background-color:rgba(255,2,2,0.0);
width: 258px;
float:left;
margin:0px 0 50px 0;
}

#pic1{
    width: 117px; height: 117px;
    background-image:url(imagenes_pix/Plantel/retrato-zachin2.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;}
#pic1:hover{
    width: 117px; height: 117px;
    background-image:url(imagenes_pix/Plantel/retrato-zachin1.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;}
#pic2{
    width: 117px; height: 117px;
    background-image:url(imagenes_pix/Plantel/retrato-marcela2.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;}
#pic2:hover{
    width: 117px; height: 117px;
    background-image:url(imagenes_pix/Plantel/retrato-marcela1.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;}
#pic3{
    width: 117px; height: 117px;
    background-image:url(imagenes_pix/Plantel/retrato-juan2.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;}
#pic3:hover{
    width: 117px; height: 117px;
    background-image:url(imagenes_pix/Plantel/retrato-juan1.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;}
#pic4{
    width: 117px; height: 117px;
    background-image:url(imagenes_pix/Plantel/retrato-nose2.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;}
#pic4:hover{
    width: 117px; height: 117px;
    background-image:url(imagenes_pix/Plantel/retrato-nose1.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;}
#pic5{
    width: 117px; height: 117px;
    background-image:url(imagenes_pix/Plantel/retrato-alguien2.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;}
#pic5:hover{
    width: 117px; height: 117px;
    background-image:url(imagenes_pix/Plantel/retrato-alguien1.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;}
#pic6{
    width: 54px; height: 54px;
    background-image:url(imagenes_vec/mas1.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    float:left;
    margin: 15px 0 -10px 7px;}
#pic6:hover{
    width: 54px; height: 54px;
    background-image:url(imagenes_vec/mas2.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;}

/***plantel.html***/
/*--registro.html--*/

.aceptando{
background-color: rgba(255,255,0,0.0);
width: 528px; height: 50px;
margin: 0px 0 0 0;
float:left;
}
#t1c{
background-color:#FFF;
width: 70px; height: 21px;
margin: 0px 0 0 180px;
text-align: center;
text-align-last: center;
padding:6px;
float:left;
color:rgb(0, 196, 255);
font-family: exo3;
}
#t1c:hover{
background-color:rgb(0, 196, 255);
color:#fff;
}
#t2c{
background-color:#FFF;
width: 70px; height: 21px;
margin: 0px 0 0 0px;
text-align: center;
text-align-last: center;
padding:6px;
float:left;
color:rgb(0, 196, 255);
font-family: exo3;
}
#t2c:hover{
background-color:rgb(0, 196, 255);
color:#fff;
}
#t3{
     background-color:#999;
     width: 100px; height: 21px;
     margin: 10px 50px 0 0;
     text-align: center;
     text-align-last: center;
     padding:6px;
     float:right;
     color:#42413C;
     font-family: exo3;
     border-radius:15px}
#t3:hover{
     background-color:rgb(133, 222, 248);
     border-radius:15px;
     color:#fff;}

.log{
background-color:rgba(255,255,0,0.0);
width: 200px; height: 300px;
margin: -10px 0 0 20px;
}

.log label{
color:rgb(4, 112, 142);
text-align:right;
margin:0px 0 0px 10px;
font-size:14px;
color:rgb(0, 196, 255);
}
.log input{
width: 180px;
border-radius:75px;
margin:5px 0 20px 0;}


#inputt{
width: 300px;
}

.callo{
background-color:rgba(255,255,0,0);
width: 528px; height: 20px;
}

.callo2{
background-color:rgba(255,255,0,0);
width: 528px; height: 95px;
}

/*- Rodillos -*/
#rodillos{
  display:block;
  background-color:rgba(255, 255, 0,0.0);
  width: 120px; height: 20px;
  margin:-25px 30px 0 0 ;
  float:right;}
#rod1{
  background-color:rgb(0, 196, 255);
  display:block;
  width: 20px; height: 20px;
  border-radius:10px;
  float:left;
  align-content: center;
  margin: 0 5px 0 5px;}
#rod2{
  background-color:rgb(255, 0, 255);
  display:block;
  width: 20px; height: 20px;
  border-radius:10px;
  float:left;
  align-content: center;
  margin: 0 5px 0 5px;}
#rod3{
  background-color:rgb(255, 255, 0);
  display:block;
  width: 20px; height: 20px;
  border-radius:10px;
  float:left;
  align-content: center;
  margin: 0 5px 0 5px;}
#rod4{
  background-color:rgb(0,0,0);
  display:block;
  width: 20px; height: 20px;
  border-radius:10px;
  float:left;
  align-content: center;
  margin: 0 5px 0 5px;}
.punto{
  background-color:rgb(255,255,255);
  display:block;
  width: 5px; height: 5px;
  border-radius:10px;
  border:1px;
  border-style: solid;
  border-color: rgb(1,1,1);
  margin:7px 7px;}
/** Rodillos **/

/***registro.html***/
/*******NO LOGUEADO*********/

 /*------LOGUEADO T1--------*/
 /*******LOGUEADO T1*********/

 /*------LOGUEADO T2--------*/
 /*******LOGUEADO T2*********/



 /*----FOTOS DE GALERIA: galerias.css* /