/*______________________________________________*/


RESETS CSS HOJAS DE ESTILO


/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}




/*____________FINAL RESET_________________*/


@font-face {
                font-family: 'Roboto';
                /* Antes de descargar el archivo, le decimos al buscador
                que intente buscar en local la fuente con nombre
                Cabin, Cabin Regular o Cabin-Regular */
                src: local('roboto.css');
              }

               /*

                 FORMA DE USARLO

               <p class="Roboto">


               */
            
              .Roboto {
                  font-family: 'Roboto';
              }




body {font-family:'Roboto_Slab', Arial, sans-serif;}
h1,h2,h3,h4,h5,h6,p,a {font-family:'Caladea', Arial, sans-serif;}



    .cajax1{


      background: #0000FF 0% 0% no-repeat padding-box;

      
            
      
    }

    .cajax2{

      background: #0000FF 0% 0% no-repeat padding-box;
      
      
    }

    .cajax3{
      
      background: #0000FF 0% 0% no-repeat padding-box;
      
      
    }

    

    .contacto{

        
        background-color: white;

        /*font-size: 14px;*/
        width:220px;


        height:49px;
        padding-top: 9px;

        border: 2px solid #FF0000;
        border-radius: 25px;
        opacity: 1;

        font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) 20px/27px var(--unnamed-font-family-segoe-ui);
        text-align: center;
        font: normal normal bold 20px/27px Segoe UI;
        letter-spacing: 4px;
        color: #000000;
        opacity: 1;

    }



    .btn{

    	border-radius: 87px 87px 87px 87px;
		  -moz-border-radius: 87px 87px 87px 87px;
		  -webkit-border-radius: 87px 87px 87px 87px;
		  border: 1px solid red;
		
    }




    /***COLOR DE LOS LINK***/


    a{ color: black; } 
    a:hover{ color: red; } 
    a:active{ color: blue; }



    
.fa-user-circle-o{
  color: gray;
}



 .bloquesvarios{

    display: inline-flex;
    width: 100%;
   
      
    /*background: var(--unnamed-color-0000ff) 0% 0% no-repeat padding-box;*/
    background: #0000FF 0% 0% no-repeat padding-box;
    opacity: 1;


 }

 

 #escri{

   margin-top: 10px;

   color:#ffffff;

   margin-bottom: 10%;

 }

 #escri2{

   margin-top: 10px;

   color:#ffffff;

   

 }



.comunicate{

    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) 20px/27px var(--unnamed-font-family-segoe-ui);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-ffffff);
    text-align: center;
    font: normal normal bold 20px/27px Segoe UI;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;

    padding-bottom: 2%;

  
 }


 .comunicate2{

    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) 20px/27px var(--unnamed-font-family-segoe-ui);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-ffffff);
    text-align: center;
    font: normal normal bold 20px/27px Segoe UI;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;

    padding-bottom: 2%;

  
 }

 

 .sociales{


    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) 20px/27px var(--unnamed-font-family-segoe-ui);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-ffffff);
    text-align: center;
    font: normal normal bold 20px/27px Segoe UI;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;

    padding-bottom: 2%;

 }


 .sociales2{


    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) 20px/27px var(--unnamed-font-family-segoe-ui);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-ffffff);
    text-align: center;
    font: normal normal bold 20px/27px Segoe UI;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;

    padding-bottom: 2%;

 }




 .contenido{
   
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) 20px/27px var(--unnamed-font-family-segoe-ui);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-ffffff);
    text-align: center;
    font: normal normal bold 20px/27px Segoe UI;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;

    padding-bottom: 2%;
 }

 .contenido2{
   
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) 20px/27px var(--unnamed-font-family-segoe-ui);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-ffffff);
    text-align: center;
    font: normal normal bold 20px/27px Segoe UI;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;

    padding-bottom: 2%;
 }




 


 .opcicontenido{

      font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) 21px/28px var(--unnamed-font-family-segoe-ui);
      letter-spacing: var(--unnamed-character-spacing-0);
      color: var(--unnamed-color-ffffff);
      text-align: center;
      font: normal normal normal 21px/28px Segoe UI;
      letter-spacing: 0px;
      color: #FFFFFF;
      opacity: 1;

      padding-bottom: 2%;


 }

 .opciultimo{

  padding-bottom: 25%;
  
 }


.centradof{

  line-height: 46px;

}


.centradoy{

  line-height: 56px;

}


 #faceb{

        background-color: white;


        /*font-size: 14px;*/
        width:196px;
        height:72px;
        padding-top: 6px;
        margin-bottom: 4%;
        margin-top: 195%
        

        font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) 20px/27px var(--unnamed-font-family-segoe-ui);
        letter-spacing: var(--unnamed-character-spacing-0);
        text-align: left;
        font: normal normal bold 20px/27px Segoe UI;
        letter-spacing: 0px;
        color: #000000;
        opacity: 1


        vertical-align: middle;


 }

 #youtub{

        background-color: white;

        top: 1674px;
        left: 585px;
        

        /*font-size: 14px;*/
        width:196px;
        height:72px;
        padding-top: 2px;
        margin-bottom: 12%;

        font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) 20px/27px var(--unnamed-font-family-segoe-ui);
        letter-spacing: var(--unnamed-character-spacing-0);
        text-align: left;
        font: normal normal bold 20px/27px Segoe UI;
        letter-spacing: 0px;
        color: #000000;
        opacity: 1

 }




/*DESDE AQUI COMIENZAN LOS MEDIA QUERY*/


/*HASTA AQUI LOS MEDIA QUERY*/