/*
 * CSS Desenvolvido para agilizar o desenvolvimentos dos layouts
 * Created on : 25/03/2016
 * Author     : William Monte Element Web
*/


/***********************************
############ RESET #############
***********************************/

*{
    margin: 0;
    padding: 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

object,
embed,
video,
iframe,
iframe['style']{
    max-width: 100%;
    height: auto;
}

img{
    max-width: 100%;
    vertical-align: middle;
}

a img {
    border: none;
}

ul{
    list-style: none;
}

fieldset{border: 0;}
input,
.input,
select,
textarea{
    padding: 8px;
    width: 100%;
    font-size: 0.875em;
    font-weight: 300;
    border: 1px solid #ccc;
}

/***********************************
############ ATALHOS #############
***********************************/

.limpar{
    clear: both;
}

.espaco{
    height: 10px;
}
.espaco20{
    height: 20px;
}
.espaco30{
    height: 30px;
}
.espaco40{
    height: 40px;
}
.espaco50{
    height: 50px;
}

h1 {
    font-size: 2em;
    padding-top: 5px;
}

p {
    text-align: justify;
    padding: 10px;     
}

a{
    color: #000;
    text-decoration: none;
}
a:hover{
    color: #3e3e3e;
}



/***********************************
############ CONTAINERS #############
***********************************/
.Container_Pagina{
    width: 100%;
    background-image:url(http://albireo.com.br/images/fundo.jpg);

    background-position: center top; 

    background-repeat: no-repeat;


}


@media (max-width:992px){
    .Container_Pagina{
    width: 100%;
    background:#fff;

}



}

.Container_Site{
    margin: 0 auto;
    width: 100%;
    /* max-width: 1000px; */
    

}

.conteudo{
    margin: 0 auto; 
    width: 100%;
    max-width: 993px;

    /* max-width: 1000px;  */

    overflow: hidden;

}

.conteudoP{
    margin: 0 auto; 
    width: 100%;
    max-width: 993px;

    /* max-width: 1000px;  */

    overflow: hidden;
    padding: 0 10px 0 10px;
}




.tamanho-box100{
    height: 100px;
    overflow: hidden;
}
.tamanho-box150{
    height: 150px;
    overflow: hidden;
}

.tamanho-box200{
    height: 200px;
    overflow: hidden;
}

.tamanho-box250{
    height: 250px;
    overflow: hidden;
}

.tamanho-box300{
    height: 300px;
    overflow: hidden;
}

.tamanho-box350{
    height: 350px;
    overflow: hidden;
}

.tamanho-box400{
    height: 400px;
    overflow: hidden;
}



/***********************************
############ BOX MODEL #############
***********************************/
.box{
    display: inline-block;
    vertical-align: top;
    margin-left: -4px;
    padding: 5px;

}



.box20{ width: 18.8%; margin: 1% 1% 1% 0px;}
.box20:nth-of-type(5n+0){margin-right: 0;}

.box25{ width: 22.4%; margin: 1.5% 3% 1.5% 0px;}
.box25:nth-of-type(4n+0){margin-right: 0; }


.box30{ width: 30.55%;  margin: 1.75% 3.5% 1.75% 0px;}
.box30:nth-of-type(3n+0){margin-right: 0;}


.box50{ width: 48%; margin: 1.5% 3% 1.5% 0px;}
.box50:nth-of-type(2n+0){margin-right: 0;}

.box100{ width: 100%; margin: 1.5% 0% 1.5% 0px;}


.boxInicio20{ width: 18.8%; margin: 1% 1% 1% 0px;}
.boxInicio20:nth-of-type(5n+0){margin-right: 0;}

.boxInicio25{ width: 22.4%; margin: 1.5% 3% 1.5% 0px;}
.boxInicio25:nth-of-type(4n+0){margin-right: 0; }


.boxInicio30{ width: 30.55%; margin: 1.75% 3% 1.75% 0px;}
.boxInicio30:nth-of-type(3n+0){margin-right: 0; } 


.boxInicio50{ width: 48%; margin: 0% 3% 0% 0px;}
.boxInicio50:nth-of-type(2n+0){margin-right: 0;}

.boxInicio100{ width: 100%; margin: 0% 0% 0% 0px;}


.box20L{float: left; width: 20%; margin: 1.75% 0% 1.75% 0%}
.box20C{width: 20%; margin: 0 auto;}
.box20R{float: right; width: 20%; margin: 1.75% 0% 1.75% 0%}

.box30L{float: left; width: 28%; margin: 1.75% 0% 1.75% 0%}
.box30C{width: 30%; margin: 0 auto;}
.box30R{float: right; width: 28%; margin: 1.75% 0% 1.75% 0%}

.box40L{float: left; width: 38%; margin: 1.75% 0% 1.75% 0%}
.box40C{width: 40%; margin: 0 auto;}
.box40R{float: right; width: 38%; margin: 1.75% 0% 1.75% 0%}

.box50L{float: left; width: 48%; margin: 1.75% 0% 1.75% 0%}
.box50C{width: 50%; margin: 0 auto;}
.box50R{float: right; width: 48%; margin: 1.75% 0% 1.75% 0%}

.box60L{float: left; width: 58%; margin: 1.75% 0% 1.75% 0%}
.box60C{width: 60%; margin: 0 auto;}
.box60R{float: right; width: 58%; margin: 1.75% 0% 1.75% 0%}

.box70L{float: left; width: 67%; margin: 1.75% 0% 1.75% 0% }
.box70C{width: 70%; margin: 0 auto;}
.box70R{ float: right; width: 67%; margin: 1.75% 0% 1.75% 0% }

.box80L{float: left; width: 77%; margin: 1.75% 0% 1.75% 0% }
.box80C{width: 80%; margin: 0 auto;}
.box80R{ float: right; width: 77%; margin: 1.75% 0% 1.75% 0% }

.box100L{float: left; width: 100%; }
.box100R{ float: right; width: 100%; }

/***************************************
############ FIM BOX MODEL #############
***************************************/


/***************************************
############ FORMATAÇÃO CORES, TAMANHOS, FONTE, ALINHAMENTO #############
***************************************/
.fundo_branco{background: #fff !important; border-color: #ccc !important; }
.fundo_preto{background: #000 !important; border-color: #444 !important; }
.fundo_azul{background: #24336c !important; border-color: #096397 !important; }
.fundo_verde{background: #00B494 !important; border-color: #008068 !important; }
.fundo_amarelo{background: #E7E12E !important; border-color: #EEA306 !important; }
.fundo_vermelho{background: #a50303 !important; border-color: #C63D3A !important; }
.fundo_rosa{background: #F7ADAD !important; border-color: #F38182 !important; }
.fundo_pink{background: #EC268F !important; border-color: #DC2C83 !important; }
.fundo_roxo{background: #9155A0 !important; border-color: #8A4C9C !important; }
.fundo_transparente{ opacity:0.65; -moz-opacity: 0.65; filter: alpha(opacity=65);}

.cor_branco{ color: #fff;}
.cor_brancoH{ color: #fff;}
.cor_brancoH:hover{ color: #fff000;}
.cor_preto{ color: #000;}
.cor_pretoH{ color: #000;}
.cor_pretoH:hover{ color: #333333;}
.cor_azul{ color: #24336c;}
.cor_azulH{ color: #24336c;}
.cor_azulH:hover{ color: #fff;}
.cor_verde{ color: #00B494;}
.cor_verdeH{ color: #00B494;}
.cor_verdeH:hover{ color: #00B494;}
.cor_amarelo{ color: #E7E12E;}
.cor_amareloH{ color: #E7E12E;}
.cor_amareloH:hover{ color: #E7E12E;}
.cor_rosa{ color: #F7ADAD;}
.cor_rosaH{ color: #F7ADAD;}
.cor_rosaH:hover{ color: #F7ADAD;}
.cor_pink{ color: #EC268F;}
.cor_pinkH{ color: #EC268F;}
.cor_pinkH:hover{ color: #EC268F;}
.cor_roxo{ color: #9155A0;}
.cor_roxoH{ color: #9155A0;}
.cor_roxo:hover{ color: #9155A0;}

.font1{font-family: 'Open Sans', sans-serif;}
.font2{font-family: 'Montserrat', sans-serif;}
.font3{font-family: 'Poiret One', cursive;}
.font4{font-family: 'Kaushan Script', cursive;}

.tamanho1 {font-size: 1.8em;}
.tamanho2 {font-size: 1.5em;}
.tamanho3 {font-size: 1.3em;}
.tamanho4 {font-size: 1.1em;}
.tamanho5 {font-size: 0.8em;}

.alinhamentoJ {
    text-align: justify;
}

.alinhamentoC {
    text-align: center;
    float: none;
}




/***************************************
############ FIM FORMATAÇÃO CORES, TAMANHOS, FONTE, ALINHAMENTO #############
***************************************/

/***************************************
############ REGUA #############
***************************************/
hr.requa1{
    height: 1px;
    margin: 0 auto;
    width: 100%
}

hr.requa2{
    height: 2px;
    margin: 0 auto;
    width: 100%
}
hr.requa5{
    height: 5px;
    margin: 0 auto;
    width: 100%
}
/***************************************
############ FIM REGUA #############
***************************************/



/***************************************
############ BOTOES #############
***************************************/

.botao_azul{
    float: left;
    margin: 5px;
    background: #0E96E5; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#0E96E5, #0D85B1); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#0E96E5, #0D85B1); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#0E96E5, #0D85B1); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#0E96E5, #0D85B1); /* Standard syntax */

    border: solid;
    border-color: #0D85B1 !important;
    color: #fff;
    width: 100%;
    max-width: 300px;
    padding: 10px;
    text-align: center;
    font-size: 15px;
    cursor: pointer;

    -moz-border-radius:7px;
    -webkit-border-radius:7px;
    border-radius:7px;
}

.botao_azul:hover{
    background: #0D85B1 !important; 
    border-color:#0E96E5  !important;

}

.botao_verde{
    float: left;
    margin: 5px;
    background: #00B494; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#00B494, #008068); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#00B494, #008068); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#00B494, #008068); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#00B494, #008068); /* Standard syntax */

    border: solid;
    border-color: #008068 !important;
    color: #fff;
    width: 100%;
    max-width: 300px;
    padding: 10px;
    text-align: center;
    font-size: 15px;
    cursor: pointer;

    -moz-border-radius:7px;
    -webkit-border-radius:7px;
    border-radius:7px;
}

.botao_verde:hover{
    background: #008068 !important; 
    border-color:#00B494  !important;

}

.botao_vermelho{
    float: left;
    margin: 5px;
    background: #FF524F; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#FF524F, #C63D3A); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#FF524F, #C63D3A); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#FF524F, #C63D3A); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#FF524F, #C63D3A); /* Standard syntax */

    border: solid;
    border-color: #C63D3A !important;
    color: #fff;
    width: 100%;
    max-width: 300px;
    padding: 10px;
    text-align: center;
    font-size: 15px;
    cursor: pointer;

    -moz-border-radius:7px;
    -webkit-border-radius:7px;
    border-radius:7px;
}

.botao_vermelho:hover{
    background: #C63D3A !important; 
    border-color: #FF524F  !important;

}


.botao_rosa{
    float: left;
    margin: 5px;
    background: #F7ADAD ; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#F7ADAD, #F38182); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#F7ADAD, #F38182); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#F7ADAD, #F38182); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#F7ADAD, #F38182); /* Standard syntax */

    border: solid;
    border-color: #F38182 !important;
    color: #fff;
    width: 100%;
    max-width: 300px;
    padding: 10px;
    text-align: center;
    font-size: 15px;
    cursor: pointer;

    -moz-border-radius:7px;
    -webkit-border-radius:7px;
    border-radius:7px;
}

.botao_rosa:hover{
    background: #F38182 !important; 
    border-color: #F7ADAD  !important;

}

.botao_pink{
    float: left;
    margin: 5px;
    background: #EC268F ; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#EC268F, #DC2C83); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#EC268F, #DC2C83); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#EC268F, #DC2C83); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#EC268F, #DC2C83); /* Standard syntax */

    border: solid;
    border-color: #DC2C83 !important;
    color: #fff;
    width: 100%;
    max-width: 300px;
    padding: 10px;
    text-align: center;
    font-size: 15px;
    cursor: pointer;

    -moz-border-radius:7px;
    -webkit-border-radius:7px;
    border-radius:7px;
}

.botao_pink:hover{
    background: #DC2C83 !important; 
    border-color: #EC268F  !important;

}



.botao_roxo{
    float: left;
    margin: 5px;
    background: #9155A0 ; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#9155A0, #8A4C9C); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#9155A0, #8A4C9C); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#9155A0, #8A4C9C); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#9155A0, #8A4C9C); /* Standard syntax */

    border: solid;
    border-color: #8A4C9C !important;
    color: #fff;
    width: 100%;
    max-width: 300px;
    padding: 10px;
    text-align: center;
    font-size: 15px;
    cursor: pointer;

    -moz-border-radius:7px;
    -webkit-border-radius:7px;
    border-radius:7px;
}

.botao_roxo:hover{
    background: #8A4C9C !important; 
    border-color: #9155A0 !important;

}

.botao_vermais{

    width: 70%;
    max-width: 180px;
    margin-left: 10px;
    padding: 7px;
    text-align: center;
    font-size: 15px;
    cursor: pointer;

}

.botao_vermais:hover{
    opacity: 0.6;
    filter: alpha(opacity=40); /* For IE8 and earlier */
}

/***************************************
############ FIM BOTOES #############
***************************************/


/***********************************
############ IMAGENS ALINHAMENTO #############
***********************************/



.imagem_circle20 {
    border-radius: 20%;

}

.imagem_circle50 {
    border-radius: 50%;
}


.imagem20L img {
    width: 20%;
    float: left;
    padding: 10px;
}

.imagem30L img {
    width: 30%;
    float: left;
    padding: 10px;
}
.imagem40L img {
    width: 40%;
    float: left;
    padding: 10px;
}

.imagem50L img {
    width: 50%;
    float: left;
    padding: 10px;
}

.imagem60L img {
    width: 60%;
    float: left;
    padding: 10px;
}

.imagem70L img {
    width: 70%;
    float: left;
    padding: 10px;
}

.imagem100L img {
    width: 100%;
    float: left;
    padding: 10px;
}


.imagem20R img {
    width: 20%;
    float: right;
    padding: 10px;
}

.imagem30R img {
    width: 30%;
    float: right;
    padding: 10px;
}

.imagem40R img {
    width: 40%;
    float: right;
    padding: 10px;
}

.imagem50R img {
    width: 50%;
    float: right;
    padding: 10px;
}

.imagem60R img {
    width: 60%;
    float: right;
    padding: 10px;
}

.imagem70R img {
    width: 70%;
    float: right;
    padding: 10px;
}

.imagem100R img {
    width: 100%;
    float: right;
    padding: 10px;
}

.imagem100 img {
    width: 100%;


}

/***********************************
############ FIM IMAGENS ALINHAMENTO #############
***********************************/

/***********************************
############ TITULOS #############
***********************************/


h1.titulo1 {
    font-size: 2.5em;
    float: left;
    margin-bottom: 5px;
}

h1.titulo2 {
    font-size: 2.0em;
    float: left;
    margin-bottom: 5px;
}

h1.titulo3 {
    font-size: 1.5em;
    float: left;
    margin-bottom: 5px;
}

h2.titulo1 {
    font-size: 2em;
    float: left;
    margin-bottom: 5px;
}

h2.titulo2 {
    font-size: 1.5em;
    float: left;
    margin-bottom: 5px;
}

h2.titulo3 {
    font-size: 1em;
    float: left;
    margin-bottom: 5px;
}

h3.titulo1 {
    font-size: 1.5em;
    float: left;
    margin-bottom: 5px;
}

h3.titulo2 {
    font-size: 1em;
    float: left;
    margin-bottom: 5px;
}

h3.titulo3 {
    font-size: 0.8em;
    float: left;
    margin-bottom: 5px;
}

h5.vermais{ 
    float: right;
    margin-top: 20px;
    font-size: 1em;
}



h1.alinhamentoC{text-align: center; float: none;}
h1.alinhamentoJ{text-align: justify; float: none;}

h2.alinhamentoC{text-align: center; float: none;}
h2.alinhamentoJ{text-align: justify; float: none;}

h3.alinhamentoC{text-align: center; float: none;}
h3.alinhamentoJ{text-align: justify; float: none;}

h4.alinhamentoC{text-align: center; float: none;}
h4.alinhamentoJ{text-align: justify; float: none;}


/***********************************
############ FIM TITULOS #############
***********************************/

/***********************************
############ PARAGRAFOS #############
***********************************/



p.alinhamentoC{text-align: center; float: none;}
p.alinhamentoJ{text-align: justify; float: none;}

p.cor_branco{color: #fff;}
p.cor_preto{color: #000;}
p.cor_azul{color: #0E96E5;}
p.cor_verde{color: #00B494;}
p.cor_vermelho{color: #FF524F;}
p.cor_rosa{color: #F7ADAD;}
p.cor_pink{color: #EC268F;}
p.cor_roxo{color: #9155A0;}
p.cor_vermelho{color: #FF524F;}

p.paragrafo1{
    font-size: 1.1em;
    margin-bottom: 5px;
}

p.paragrafo2{
    font-size: 1em;
    margin-bottom: 5px;
}

p.paragrafo3{
    font-size: 0.9em;
    margin-bottom: 5px;
}


/***********************************
############ FIM PARAGRAFOS #############
***********************************/

/***********************************
############ Rodape #############
***********************************/

.rodape{
    height: 350px;
    max-width: 815px;
    margin: 0 auto;

}



/***********************************
############ Rodape #############
***********************************/


/***********************************
############ CONTATO #############
***********************************/

.form_left{
    width: 48%;
    float: left;
    margin-left: 5px;
}

.form_right{
    width: 48%;
    float: right;
    margin-right: 5px;
}

/***********************************
############ FIM CONTATO #############
***********************************/


/***********************************
############ VIDEO 100% #############
***********************************/

.ratiohd{
    position: relative;
    padding-bottom: 56.25%;
    float: left;
    width: 100%;
    height: 0;
    margin-bottom: 30px;


}

.ratio_el{
    position:absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top:0;
}

/***********************************
############ FIM VIDEO 100% #############
***********************************/


/***********************************
############ GOOGLE MAPS #############
***********************************/
.google-maps {
    position: relative;
    padding-bottom: 25%; // This is the aspect ratio
    height: 0px;
    overflow: hidden;
}
.google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}


/***********************************
############ FIM GOOGLE MAPS #############
***********************************/

/***********************************
############ FACEBOOK BOTÃO COMPARTILHAR #############
***********************************/

#fb-root {
    display: none;
}
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
    width: 100% !important;

}

.fb-share-button {
    margin: 15px;
    transform: scale(1.5);
    -ms-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -o-transform: scale(1.5);
    -moz-transform: scale(1.5);
    transform-origin: top left;
    -ms-transform-origin: top left;
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -webkit-transform-origin: top left;
    overflow: hidden;
    max-width: 200px;
}

.fb-like{

    margin: 15px;
    transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -moz-transform: scale(1);
    transform-origin: top left;
    -ms-transform-origin: top left;
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -webkit-transform-origin: top left;
    overflow: hidden;
    max-width: 200px;

}

/***********************************
############ FIM FACEBOOK BOTÃO COMPARTILHAR #############
***********************************/


/***********************************
############ MEDIA QUERY 960 #############
***********************************/

@media(max-width:960px){

}

@media(max-width:840px){


    .boxInicio20{ width: 100%; margin: 1.5% 3% 1.5% 0px;}


    .boxInicio25{ width: 30.55%; margin: 1.75% 3% 1.75% 0px;}
    .boxInicio25:nth-of-type(3n+0){margin-right: 0;}


    .boxInicio30{ width: 46%; margin-top: 1%; margin-bottom: 1%;  margin-right: 2% ; margin-left:2%; }
    .boxInicio30:nth-of-type(2n+0){margin-right: 0; }
    .boxInicio30 img{width: 100%; }

    .boxInicio50{ width: 100%; margin: 0% 0% 0% 0px;}


    .boxInicio100{ width: 100%; margin: 0% 0% 0% 0px;}


    .box20L{float: left; width: 38%; margin: 1.75% 0% 1.75% 0%}
    .box20C{width: 100%; margin: 0}
    .box20R{float: right; width: 100%; margin: 0}

    .box30L{float: left; width: 48%; margin: 1.75% 0% 1.75% 0%}
    .box30C{width: 58%; margin: 0 auto;}
    .box30R{float: right; width: 100%; margin: 1.75% 0% 1.75% 0%}

    .box40L{float: left; width: 100%; margin: 0}
    .box40C{width: 100%; margin: 0}
    .box40R{float: right; width: 100%; margin: 0}

    .box50L{float: left; width: 100%; margin: 0}
    .box50C{width: 100%; margin: 0}
    .box50R{float: right; width: 100%; margin: 0}

    .box60L{float: left; width: 100%; margin: 0}
    .box60C{width: 100%; margin: 0}
    .box60R{float: right; width: 100%; margin: 0}

    .box70L{float: left; width: 100%; margin: 0}
    .box70C{width: 100%; margin: 0}
    .box70R{ float: right; width: 100%; margin: 0}

    .box80L{float: left; width: 100%; margin: 0}
    .box80C{width: 100%; margin: 0}
    .box80R{ float: right; width: 100%; margin: 0}

    .box100L{float: left; width: 100%; }
    .box100R{ float: right; width: 100%; }


    h1.titulo1 {
        font-size: 2.0em;
        margin-bottom: 5px;
    }

    h1.titulo2 {
        font-size: 1.5em;
        margin-bottom: 5px;
    }

    h1.titulo3 {
        font-size: 1.0em;
        margin-bottom: 5px;
    }

    h2.titulo1 {
        font-size: 1.5em;
        margin-bottom: 5px;
    }

    h2.titulo2 {
        font-size: 1.0em;
        margin-bottom: 5px;
    }

    h2.titulo3 {
        font-size: 0.8em;
        margin-bottom: 5px;
    }

    h3.titulo1 {
        font-size: 1.2em;
        margin-bottom: 5px;
    }

    h3.titulo2 {
        font-size: 1em;
        margin-bottom: 5px;
    }

    h3.titulo3 {
        font-size: 0.8em;
        margin-bottom: 5px;
    }



}

@media(max-width:600px){

    .boxInicio30{ width: 100%; margin: 0% 3% 0% 0px;}
    .boxInicio30:nth-of-type(2n+0){margin-right: 0;}

}

@media(max-width:480px){





}