@import url(http://fonts.googleapis.com/css?family=Rokkitt:400,700|Roboto+Condensed:400italic,400,700);


/* header y footer */


*{
    margin: 0;
    padding: 0;
}

a{
    text-decoration: none;
}

body{
    font-family: 'Roboto Condensed', sans-serif;
}



#redesocialesfondo{
    background: #fff100;
    height: 34px;
    width: 100%;
    padding-top: 5px;
    box-sizing: border-box;
}
#redesociales{
    margin: 0 auto;
    text-align: right;
    max-width: 960px;
    width: 100%;
}

header{
    width: 100%;
    box-shadow: 7px 5px 21px #efefef;
}

#contenedor{
    max-width: 960px;
    width: 100%;
}

header nav{
    font-family: 'Rokkitt', serif;
    max-width: 960px;
    width: 100%;
    margin: 0 auto;
    padding-top: 0px;
  /*  background: #fff;*/
    height: 65px;
}
#logo{
    float: left;
    padding-left: 15px; 
}
header ul{
    float: right;
    /*padding-left:20px;*/
    padding-top:24px;
    
    }

ul li {
    float: left;
    list-style: none;
    padding-right: 25px;
}

ul li a{
    color:#757575;
    text-decoration: none;
}
ul li.activo a, ul li a:hover{
    color:#fea100;
    text-decoration: none;
}

#parte2 {
    display: table;
    margin: 10px auto 3px;
    max-width: 960px;
    width: 100%;
    border-bottom: 2px solid #e0e0e0;
}
footer #parte2 {
    border-bottom: 0;
}


footer{
    width: 100%;
    display: table;
    margin-top: 10px;
}

footer p {
    color: #000;
    font-family: "Roboto Condensed",sans-serif;
    font-size: 10pt;
    font-style: italic;
    text-align: center;
    margin: 20px 0;
}
footer #parte1{
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
    display: table;
    height: auto;
}

footer #parte1 .uno{
    width: 153px;
    float: left;
}

footer #parte1 .dos {
    box-sizing: border-box;
   
    margin-right: 10px;
    padding: 20px 0 20px 20px;
    width: 426px;
}

footer #parte1 .dos a{
    color: #9c9c9c;
    text-decoration: none;
}

footer #parte1 .tres {
    border-left: 2px solid #c7c5c6;
    box-sizing: border-box;
    height: 160px;
    padding: 20px 0 0 20px;
    width: 324px;
}

.mapita{
    border: 2px solid #c7c5c6;
    height: 300px;
}

#parte3 {
    background: #fff100 none repeat scroll 0 0;
    box-sizing: border-box;
    overflow: auto;
    width: 100%;
}

#parte3 p{
    color:#757575; 
    width: 100%;
    max-width: 960px;
    margin: 0px auto;
    padding: 8px 0;
}

#redes{
    float:right;
    
}

h7{
    font-family: 'Rokkitt', serif;
    color: #757575;
    font-size: 21pt;
    font-weight: 400;
}





/*--------------------------------------------------------------------------------------------------------------*/

/* muestrospibes */



#galeria{
  width: 960px;
  margin:0 auto;
}

a:hover{
  /*background-color: red;*/
}

a{
  text-decoration: none;
  list-style:none;
}


.menu{
  overfloaw: auto;
  float:left;
  margin:0 auto;
  /*padding: 1rem;*/
}



.a{
  background-color: rgb(255,92,92);
  margin-right: 1rem;
  height: 200px;
  width: 270px;
  border-left: solid 7px yellow;
}

.b{
  background-color: rgb(219,17,17);
  margin-right:1rem;
  height: 200px;
  width: 270px;
  border-left: solid 7px yellow;
}

.c{
  background-color: rgb(168,2,2);
  height: 200px;
  width: 270px;
  border-left: solid 7px yellow;
}

.d{
  height: 470px;
  padding-left: 50px;
  width: auto;
    padding-top: 15%;
}

h1{
  text-align: center;
  font-size: 57px;
  font-family: 'Rokkitt', serif;
  color: black;
}

h2{
  text-align: left;
  font-size: 18px;
  font-family: 'Rokkitt', serif;
  margin-left: 15px;
  margin-bottom: 2%;
}

h3{
  float: right;
  text-align: right;
  font-size: 20px;
  font-family: 'Rokkitt', serif;
  color:black;
  width: 130%;    
}

.central{
  float:left;
  display:block;
  background-color:#f9f9fb;
  margin-top:10px;
  height: 500px;
  width: 75%;
}

#menu2{
  float:right;
  display:block;
  background-color:#ccc;
  margin-top:10px;
  height: 68%;
  width: 23%;
  font-family: Arial;
  border-bottom-left-radius: 50px;
  border-right: solid 7px yellow;
    
}

.central{
  width: 74%;
  height:68%;
  margin: 8px;
}


.imagenc img{
  width: 670px;  
  height:250px;
  margin: 8px;
}

.otrasfotos img{
  width:118px;
  height:115px;
  margin-left: 8px;
}


hr{
    background:#c7c5c6;
    border-top: 0;
    /*margin: 0 auto;*/
    width: 100%;
}

.clear{
    clear: both;
}


/*--------------------------------------------------------------------------------------------------------------*/

/* muestrogente */


.e{
  background-color: rgb(123,147,227);
  margin-right: 1rem;
  height: 200px;
  width: 270px;
  border-left: solid 7px yellow;
}

.f{
  background-color: rgb(44,158,219);
  margin-right:1rem;
  height: 200px;
  width: 270px;
  border-left: solid 7px yellow;
}

.g{
  background-color: rgb(8,87,199);
  height: 200px;
  width: 270px;
  border-left: solid 7px yellow;
}


/*--------------------------------------------------------------------------------------------------------------*/

/* contacto */


#pagina{
  width: 960px;
  margin:0 auto;
  margin-top: 2%;
}

.contacto{
   display: block;
    float: left;
    width: 750px;
    margin-right: 20px;
}




.campo{
    display: block;
    background-color: #f9f9fb;
    border: #f9f9fb;
    width: 100%;
    height: 4%;
    margin-bottom: 2%;  
    
}


.campo1{
    display: block;
    background-color: #f9f9fb;
    border: #f9f9fb;
    width: 100%;
    height: 15%;    
    margin-bottom: 5%;
}

.campo2{
    display: block;
    margin-left: 73%;
    background-color: #fff100;
    width: 200px;
    height: 4%; 
    margin-bottom: 5%;
    font-family: 'Rokkitt', serif;
    font-size: 18pt;
    color: white;
}


.titulocontacto{
background-color: #fff100;
text-align: center;
margin-bottom: 10px;
    
}



h10{
    
    font-family: 'Rokkitt', serif;
    color: #757575;
    font-size: 40pt;
    font-weight: 400;
    text-align: center;
    margin-bottom: 3%;
    padding: 5px;
}

h11{
    font-family: 'Rokkitt', serif;
    color: #757575;
    font-size: 16pt;
    font-weight: 400;
}

h12{
    font-family: 'Rokkitt', serif;
    color: #757575;
    font-size: 16pt;
    font-weight: 400;
}

h13{
    font-family: 'Rokkitt', serif;
    color: #757575;
    font-size: 16pt;
    font-weight: 400;
}

h14{
    font-family: 'Rokkitt', serif;
    color: #757575;
    font-size: 16pt;
    font-weight: 400;
}

h15{
    font-family: 'Rokkitt', serif;
    color: #757575;
    font-size: 16pt;
    font-weight: 400;
}


h16{
    font-family: 'Rokkitt', serif;
    color: black;
    font-size: 16pt;
    font-weight: 400;
}



.haceteusuario img{
    display: block;
    width: 190px;
    float: left;
    margin-bottom: 5px;
}


.haceteusuario1 {
    display: block;
    width: 190px;
    height: 272px;
    float: left;
    background-color: #35d1cf;
}

.hacete{
    margin: 0 auto;
        width: 190px;
  display: block;
    color: white;
    text-align: center;
    font-family:'Rokkitt', serif;
    font-size: 30pt;
    margin-top: 40px;
}



.comentaritos{
      display: block;
      width: 960px;
      float: left;
    margin-bottom: 20px;
}


.comentarios{ 
    width: 30%;
    background-color: #fff100;
    padding-left: 5px;

}



.tabla{
    display: block;
    overflow: auto;
    width: auto;
    height: 40%;
}


table, th, td {
    border-bottom: 8px solid #fff100;
    border-collapse: collapse;
}


th, td {
    background-color: #f9f9fb;
    padding: 8px;
}




.tabla img{
    width: 80px;
    margin:0 auto;
}

.nombrecitousuarito{
background-color: #2e2e2e;
    color: white;
    font-family: "Roboto Condensed",sans-serif;
    width: 150px;
    height: 20px;
    margin-bottom: 12px;
}

.nombrecitousuarito img{
    display: block;
    position: absolute;
    width: 150px;
    height: 40px;
}




.tabla hr{
  width: 800px;
  border: solid 2px #2e2e2e;
  margin-bottom: 20px;
}


/*--------------------------------------------------------------------------------------------------------------*/


/* iniciar sesión (registro) */

.titulocontacto2015{
    display: block;
    float: left;
    width: 960px;
background-color: #fff100;
text-align:left;
    padding: 5px;
margin-bottom: 25px;
 font-family: 'Rokkitt', serif;
    font-size: 20pt;
    
}

.contacto2015{
   display: block;
    float: left;
    width: 500px;
    margin-right: 20px;
}

.campo2015{
    display: block;
    background-color: #f9f9fb;
    border: #f9f9fb;
    width: 100%;
    height: 4%;
    margin-bottom: 2%;  
    
}


.campo22015{
    display: block;
    margin-left: 60%;
    background-color: #fff100;
    width: 200px;
    height: 4%; 
    margin-bottom: 5%;
    font-family: 'Rokkitt', serif;
    font-size: 18pt;
    color: #444444;
}


.contacto20152{
 display: block;
    float: left;
    width: 440px;
    height: 146px;
    background-color: #FFE44A;
    margin-top: 50px
}

.contacto20152 img{
 display: block;
    width: 380px;
    margin: 0 auto;
}





.registrate2015{
   display: block;
    float: left;
    width: 500px;
    margin-right: 20px;
}

.tituloregistro2015{
    display: block;
    float: left;
    width: 960px;
background-color: #444444;
text-align:left;
    padding: 5px;
    margin-top: 30px;
margin-bottom: 20px;
 font-family: 'Rokkitt', serif;
    font-size: 20pt;
    color: white;
}

.listo22015{
    display: block;
    margin-left: 60%;
    background-color: #444444;
    width: 200px;
    height: 4%; 
    margin-bottom: 5%;
    font-family: 'Rokkitt', serif;
    font-size: 18pt;
    color:#fff100 ;
}

.registro20152{
    display: block;
    float: left;
    width: 428px;
    height: 370px;
    border: solid 6px #fff100;
    margin-top: 80px;
    background-image: url(imagenes/img4.jpg)
    
}


.registro20152 p{
    display: block;
    text-align: center;
    font-family: 'Rokkitt', serif;
    font-size: 23pt;
    width: 200px;
    margin: 0 auto;
    height: 150px;
    margin-top: 60px;
    padding: 30px;
    border: solid 9px #fff100;
    color: #fff100;
    font-weight: 700;
}







/*--------------------------------------------------------------------------------------------------------------*/


/* iniciada sesión */


.perfil{
    display: block;
    border-style: dotted;
    border-color: #35d1cf;
    border-width: 2px;
}


#menusx{
    display: block;
    width: 960px;
    margin: 0 auto;
      overfloaw: auto;
  margin:0 auto;
  padding: 1rem;
    
    
}

.h{
  background-color: #35d1cf;;
  margin-right: 1rem;
  height: 170px;
  width: 270px;
  border-left: solid 7px yellow;
}

.i{
  background-color: 35d1cf;;
  margin-right:1rem;
  height: 170px;
  width: 270px;
  border-left: solid 7px yellow;
}

.j{
  background-color: #35d1cf;
  height: 170px;
  width: 270px;
  border-left: solid 7px yellow;
}



.primera{
  float:left;
  display:block;
  background-color:#f9f9fb;
  margin-top:10px;
  height: 500px;
  width: 75%;
}

#noticitas{
  float:right;
    overflow: auto;
  display:block;
  margin-top:10px;
  height: 68%;
  width: 23%;
  font-family: Arial;
  border-bottom-left-radius: 50px;
  border-right: solid 7px yellow;
    
}

.central{
  width: 74%;
  height:68%;
  margin: 10px;
}


.imagenc img{
  width: 670px;  
  height:250px;
  margin: 16px;
}

.otrasfotos img{
  width:118px;
  height:115px;
  margin-left: 16px;
}


hr{
    background:#c7c5c6;
    border-top: 0;
    /*margin: 0 auto;*/
    width: 100%;
}

p{
    font-family: "Helvetica Std", sans-serif;
    font-size: 8pt;
    text-align: right;
}



.clear{
    clear: both;
}




/*--------------------------------------------------------------------------------------------------------------*/


/* error */

.centroi img{
width: 100%;
margin-bottom: 15px;
}



.upsi{
    width: 23%;
    display: block;
    position:absolute;
    top: 47%;
    left: 38%;
    text-align: center;
    background-color: #fff100;
    padding: 8px;
    opacity: 0.75;
}

.upsi1{
    font-family:  'Rokkitt', serif;
    text-align: center;
    font-size: 16pt;
}

h20{
    font-family:  'Rokkitt', serif;
    font-size: 62pt;
}


h21{
    font-family: "Roboto Condensed",sans-serif;
    font-size: 16pt;
    color: #fff100;
}


#grillafinal{
    display: block;
    width: 960px;
    height: 160px;
    margin: 0 auto;
      overfloaw: auto;
  margin:0 auto;
    background-color: #2e2e2e; 
}

.negrito{
 display: block;
     width: 944px;
    height: 130px;
     background-color: #444444;
    padding-top: 10px;
    padding-left: 16px;
}


.columna1x{
 display: block;
    float: left;
    width: 212px;
    margin-right: 20px;
    color: white;
    margin-left: px;
}




hr {
margin-bottom: 4%;
border: solid 2px;
border-color: #fff100;
}


ol{
 text-decoration: none;
  list-style: none;  
}

ol li a{
 text-decoration: none;
 color: white;
}



/*--------------------------------------------------------------------------------------------------------------*/

/* busqueda */

#grillafinal2{
    display: block;
    width: 960px;
    margin: 0 auto;
    overfloaw: auto;

}

.negrito2{
 display: block;
    width: 680px;
margin: 0 auto;
    float: left;
    padding-top: 10px;
    padding-left: 16px;
}





.negrito3{
 display: block;
    width: 260px;
margin: 0 auto;
    float: left;
    padding-top: 10px;
}


.haceteusuario3 {
    display: block;
    width: 260px;
    height: 272px;
    float: left;
    background-color: #35d1cf;
}

.haceteusuario4 {
    display: block;
    width: 252px;
    height: 400px;
    float: left;
    background-color: #444444;
    border: solid 5px #e28329;
}




.lorecientito{
    display: block;
    float:left;
    width: 98%;
    margin-bottom: 15px;
    margin-top: 15px;
    text-align:center;
    background-color: #444444;    
}


.lorecientito1{
    display: block;
    float:left;
    width: 260px;
    margin-bottom: 15px;
    margin-top: 24px;
    text-align:center;
    background-color: #444444;   
}




h25{
    display: block;
    padding: 8px;
    color: white;
    font-family:  'Rokkitt', serif;
    font-size: 16pt; 
    background-color: #fff100;
    color: black;
    margin-bottom: 5px;
}

h26{
    display: block;
    color: white;
    font-family:  'Rokkitt', serif;
    font-size: 16pt; 
    color: #757575;
    margin-bottom: 5px;
    text-align: center;
}




h30{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 15pt;
    text-transform: uppercase;
    color: white;
}

h31{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 12pt;
    color: white;
}

.columna2x{
    display: block;
    float:left;
    width: 215px;
    height: 380px;
    margin-right: 10px;
    margin-bottom: 30px;
    background-color: #444444;

}


.columna2x span{
    display: block;
    margin-bottom: 8px;
    background-color: white;
    padding: 2.2px;
    color: #444444;
    font-family: 'Rokkitt', serif;
    font-size: 10pt;
    
}


.columna4x span{
    display: block;
    margin-bottom: 8px;
    color: #444444;
    font-family: 'Rokkitt', serif;
    font-size: 10pt;
    text-align: left;
    font-weight: 700;
}




.newsdesarrollo p{
    font-family: "Roboto Condensed",sans-serif;
    font-size: 9pt;
    color: white;
    text-align: left;
    margin-left: 5px;
    margin-right: 5px;
}


.newsdesarrollo1 p{
    font-family: 'Rokkitt', serif;
    font-size: 10pt;
    color: #757575;
    text-align: left;
    margin-left: 5px;
    margin-right: 5px;
    text-align: center;
}


.columna3x{
    display: block;
    float:left;
    width: 260px;
    height: 260px;
    margin-bottom: 25px;
    background-color: #f9f9fb;
        
}

.encuesta{
    display: block;
    float: left;
    width: 260px;
    margin-bottom: 30px;
    margin-top: 15px;
}



.encuesta input{
    width: 25px;
    border-color: orange;
    border-radius: 15px;
}

.sobrecito input{
    display: block;
    width: 100%;
    background-color: #fff100;
    border: #f9f9fb;
    height: 4%; 
    margin-top: 5%;
    margin-bottom: 5%;
    font-family: 'Rokkitt', serif;
    font-size: 14pt;
    
}


.columna4x{
    display: block;
    float:left;
    width: 646px;
    margin-bottom: 10px;
    margin-right: 10px;
    padding: 10px;
    border: solid 1px #c9c6c5;
}




.columna4x hr{
margin-bottom: 2%;
border: solid 1px;
border-color: #757575;
}
    
.columna4x h25{
display: block;
background-color: darkgray;
}


.columna5x{
    display: block;
    float:left;
    width: 103px;
    height: 150px;
    margin-right: 10px;
    margin-bottom: 10px;
    background-color: #c9c6c5;
    border-bottom: solid 5px #444444;
        
}

.columna5x p{
    display: block;
    text-align: center;
  font-family: 'Rokkitt', serif;
    font-size: 12pt;
    margin-top: 8px;
    
        
}


.lulupita img{
 display:block;
    float: left;
    widht: 10px;
    height: 25px;
    margin-right: 5px;
}

.columna3xbis{
    display: block;
    float:left;
    width: 260px;
    margin-bottom: 25px;
        
}

.columna3xbis input{
    display: block;
    float:left;
    width: 220px;
    height: 25px;
    margin-bottom: 10px;
    border-color: black;
}


.imagencitas img{
    width:215px; 
}


.imagencitas1 img{
    display: block;
    width:260px;
    margin-bottom: 5px;
}

.imagencitas4 img{
 display: block;
    width: 260px;
    margin-bottom: 10px;
}



/*--------------------------------------------------------------------------------------------------------------*/

/* Canal 5 */


.institucionalito{
  display: block;
    float: left;
    width: 960px;
    margin-bottom: 30px;

}

.institucionalito p{
  display: block;
   width: 960px;
  font-family: "Roboto Condensed",sans-serif;
  font-size: 12pt;
    text-align: center;
    margin-bottom: 8px
}


.institucionalito hr{
  width: 100%;
  border: solid 1.5px #fff100;
  margin-bottom: 20px;
}


.institucionalito img{
  display: block;
    float: left;
    width: 950px;
  border: solid 5px #fff100;
}

.mision1{
    display:block;
    float: left;
    width: 100%;
    background-color: #fff100;
    text-align: center;
    font-size: 30pt;
    font-family:'Rokkitt', serif;
    font-weight: 700;
    margin-bottom: 8px;
    
}



.institucionalitogral{
    display: block;
    float: left;
    margin-bottom: 20px;  
}


.institucionalito0{
 display: block;
 float: left;
    width: 600px;
    margin-right: 15px;
}



.queremos{
 display: block;
    float: left;
    width: 340px;
    height: 200px;
    background-color:#fff100;

    
}


.queremos1{
    text-align: center;
    font-family:'Rokkitt', serif;
    font-weight: 700;
    width: 300px;
    margin: 0 auto;
    color: white;
    padding: 10px;
    font-size: 24pt

}



.nacimiento0{
background-color: #2e2e2e;
    color: white;
    font-family: "Roboto Condensed",sans-serif;
    width: 200px;
    height: 20px;
    margin-bottom: 15px;
    padding: 2px;
}


.nacimiento1 p{
 text-align: left;
    font-family: "Roboto Condensed",sans-serif;;
    font-size: 10pt;
    margin-bottom: 20px;
    
}


.nacimiento hr{
    width: 600px;
  border: solid 1.5px #2e2e2e;
    margin-top: 5px;
  margin-bottom: 20px;
}

.nuestrasfotitos{
    display: block;
    float: left;
    width: 100%;
    margin-bottom: 30px;
    background-color: #f9f9fb
}

.aquiestamos{
    display: block;
    width: 950px;
    margin: 0 auto;
    text-align: center;
    font-family: "Roboto Condensed",sans-serif;
    font-size: 20pt;
    padding: 2px;
    margin-bottom: 10px;
    background-color: #2e2e2e;
    color: white;
}

.pictures{
 display: block;
    float: left;
    width: 190px;
    height: 350px;
    margin-right: 20px;
    border: solid 5px #fff100;
    margin-left: 20px;
    background-color: #2e2e2e;
    margin-bottom: 20px;   
}

.pictures img{
  width: 190px; 
  margin-bottom: 5px;
}


.name{
 font-family:'Rokkitt', serif;
 padding: 2px;
    text-align: center;
    color: white;
    font-size: 16pt;
}

.profile1 p{
 text-align: center;
    color: white;
    font-family: "Roboto Condensed",sans-serif;
    font-size: 10pt;
    padding: 6px;
    
}


.sesionclas {
    float: left;
    padding-left: 30px;
    text-decoration: none !important;
}


a .sesion {
    color: #000;
    font-family: "Rokkitt",serif;
    font-size: 11pt;
    left: 5px;
    padding: 0 !important;
    position: relative;
    top: -9px;
}


#redesocialesfondo {
    background: #fff100 none repeat scroll 0 0;
    box-sizing: border-box;
    height: 34px;
    overflow: hidden;
    padding-top: 5px;
    width: 100%;
}

#redesociales {
    text-align: right;
}