* {
padding: 0px;
margin: 0px;
}
@import url("https://fonts.googleapis.com/css?family=Bitter&display=swap");
@import url("https://fonts.googleapis.com/css?family=Open+Sans&display=swap");
@import url("https://fonts.googleapis.com/css?family=Raleway:400,700&display=swap");
@font-face {
font-family: 'Helvetica 57';
font-style: normal;
font-weight: normal;
src: local('Helvetica 57'), url(/wp-content/themes/jupiter/fonts/HelveticaNeueLTPro-LtCn.woff) format('woff');
}
@font-face {
font-family: 'Helvetica 67mc';
font-style: normal;
font-weight: normal;
src: local('Helvetica 67mc'), url(/wp-content/themes/jupiter/fonts/HelveticaNeueLTPro-MdCn.woff) format('woff');
}
@font-face {
font-family:'Helvetica Neue LT Pro 95 Black';
font-style: normal;
font-weight: normal;
src: local('Helvetica Neue LT Pro 95 Black'), url(/wp-content/themes/jupiter/fonts/HelveticaNeueLTPro-Blk.woff) format('woff');
}
@font-face {
font-family: 'Helvetica Neue LT Pro 35 Thin';
font-style: normal;
font-weight: normal;
src: local('Helvetica Neue LT Pro 35 Thin'), url(/wp-content/themes/jupiter/fonts/HelveticaNeueLTPro-Th.woff) format('woff');
}
@font-face {
font-family: 'Helvetica Neue LT Pro 45 Light';
font-style: normal;
font-weight: normal;
src: local('Helvetica Neue LT Pro 45 Light'), url(/wp-content/themes/jupiter/fonts/HelveticaNeueLTPro-Lt.woff) format('woff');
}
body{ background-size: cover;
background-position: center center;
position: relative;
top:0;
bottom:0;
height: 100vh;
z-index: -10;
}
.font95{
font-family: 'Helvetica Neue LT Pro 95 Black', sans-serif;
font-size: 17px;
}
.font35{
font-family: 'Helvetica Neue LT Pro 35 Thin', sans-serif;
font-size: 17px;
}
.font95_2{
font-family: 'Helvetica Neue LT Pro 95 Black', sans-serif;
font-size: 15px;
}
.font35_2{
font-family: 'Helvetica Neue LT Pro 35 Thin', sans-serif;
font-size: 15px;
}
.menu a, .container_categorias a {
color: white !important;
text-decoration: none;
}
.menu p, .container_categorias p{
color: white !important;
text-decoration: none;
margin: 0px !important;
line-height: 1.2em;
}
.main{
width: auto;
}
.container_main {
position: relative;
display: flex;
flex-direction: row;
justify-content: space-evenly;
height: 46vh;
align-items: center;
left: -119px;
}
.logo_menu_frase{
width: 90%;
}
.logo{
width: 1040px;
position: relative;
top: 45px;
}
.frase{
display: flex;
justify-content: flex-end;
position: relative;
top: -250px;
left: 471px;
width: 370px;
z-index: 10;
}
.contenedor_menu{
position: relative;
left: 100px;
width: 1060px;
top: 50px;
z-index: 2;
text-align: initial !important;
}
.menu{
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
list-style: none;
color: white;
}
.menu div{
margin: 0px 18px;
padding: 5px 0px;
}
.ciu_maravilla{
border-top: solid 5px #03bbf8;
}
.gob_municipal{
border-top: solid 5px #ffff;
}
.info_servicios{
border-top: solid 5px #01b854;
}
.mun_enlinea{
border-top: solid 5px #d61812;
}
.nos_cuidamos{
border-top: solid 5px #a9d6d2;
}
.containder_redess{
display: flex;
justify-content: flex-end;
width: 89%;
position: relative;
top: 75px;
}
.redess{ display: flex;
}
.tea{
position: fixed;
z-index: 1;
left: 12%;
top: 26%;
}
.tea2{
position: relative;
z-index: 2;
width: 650px;
}
.container_categorias{
display: flex;
background: #333333;
color: white;
text-decoration: none;
margin: 0px;
flex-direction: column;
padding: 10px;
line-height:1.5em !important;
}
.titulo_ciu_maravilla{
display: flex;
background: #03bbf8;
padding: 0 8px;
flex-direction: row;
justify-content: space-evenly;
align-items: center;
width: 145px;
}
.titulo_gobierno{
display: flex;
background:#6f6f6f;
padding: 0 8px;
flex-direction: row;
justify-content: space-evenly;
align-items: center;
width: 145px;
}
.titulo_info{
display: flex;
background:#01b854;
padding: 0 8px;
flex-direction: row;
justify-content: space-evenly;
align-items: center;
width: 145px;
}
.titulo_enlinea{
display: flex;
background:#d61812;
padding: 0 8px;
flex-direction: row;
justify-content: space-evenly;
align-items: center;
width: 145px;
}
.lista_maravilla{
padding: 5px;
width: 98%;
background:#03bbf887;
}
.lista_gobierno{
padding: 5px;
width: 98%;
background:#929290;
}
.lista_info{
padding: 5px;
width: 98%;
background:#01b85480;
}
.lista_enlinea{
padding: 5px;
width: 98%;
background:#d6181294;
}
.lista_maravilla ul, .lista_gobierno ul, .lista_info ul, .lista_enlinea ul {
display: flex;
list-style: none;
flex-flow: row wrap;
font-family: 'Helvetica Neue LT Pro 35 Thin', sans-serif;
font-size: 16px;
margin: 8px 0px;
}
.lista_maravilla li, .lista_gobierno li, .lista_info li, .lista_enlinea li {
margin: 0px 15px 0px 3px;
padding: 0px 5px;
}
.cat_cm1{
display: flex;
margin: 5px;
width: 99%;
}
.cat_cm1 li, .footer_flex a{
font-family: 'Open Sans', sans-serif;
font-size: 13px;
}
.menu div{
margin: 0px 18px;
padding: 5px 0px;
} .contenedor_menu_movil {
position: relative;
left: 0px;
width: 170px;
top: 60px; }
.logo_movil {
position: relative;
left: -23px;
}
.menu_movil {
display: flex;
flex-flow: column wrap;
justify-content: flex-start;
list-style: none;
color: white;
margin-left: auto !important;
}
.menu_movil li {
margin: 6px 0px;
}
.ciu_maravilla_movil {
text-align: center;
border-top: solid 6px #03bbf8;
background: #03bbf873;
padding: 3px 0px;
}
.gob_municipal_movil {
text-align: center;
border-top: solid 5px #8c8c88;
padding: 5px 0px;
background: #a5a5a380;
}
.info_servicios_movil {
text-align: center;
border-top: solid 5px #01b854;
padding: 5px 0px;
background: #01b85478;
}
.mun_enlinea_movil {
text-align: center;
border-top: solid 5px #bf130d;
padding: 5px 0px;
background: #d6181280;
}
.nos_cuidamos_movil{
text-align: center;
border-top: solid 5px #a9d6d2;
padding: 5px 0px;
background: #a9d6d257;
}
.font95_movil {
font-family: 'Helvetica Neue LT Pro 95 Black', sans-serif;
font-size: 13px;
}
.font35_movil {
font-family: 'Helvetica Neue LT Pro 35 Thin', sans-serif;
font-size: 13px;
}
.tea2_movil {
position: relative;
z-index: 2;
width: 125px;
}
.tea_movil {
position: relative;
z-index: 1;
left: 189px;
top: -195px;
}
.logo_movil img {
max-width: none !important;
}
.menu_movil a  {
color: white !important;
} .img_tw{
margin: 0px 0px 0px 10px;
}
.img_you{
margin: 0px 0px 0px 17px;
}
.container_categorias li:hover { 
background-color: #ffffff6e; } .container_footer {
background: #4d4d4d; }
.footer_flex {
display: flex;
flex-direction: row;
justify-content: space-evenly; align-items: center;
flex-wrap: wrap;
padding-top: 15px;
}
.container_footer p {
text-decoration: none;
margin: 0px !important;
line-height: 1.2em;
}
.container_footer span p, .container_footer strong {
font-family: 'Bitter', serif;
font-size: 25px !important;
color: #39B3BA !important;
}
.container_footer,
.container_footer a, .container_footer  p {
color: white;
text-decoration: none;
}
.container_footer li {
display: flex;
flex-direction: row;
justify-content: first baseline;
align-items: center;
}
.container_footer li {
list-style: none;
}
.footer_menu ul {
display: flex;
flex-direction: row;
margin: 15px -6px;
}
.footer_menu li {
margin: 10px 10px;
}
.footer_flex img {
margin: 0px 15px 0px 0px;
}
.ciu_maravilla_footer {
border-left: solid 5px #03bbf8;
padding: 0px 0px 0px 7px;
}
.gob_municipal_footer {
border-left: solid 5px #fff;
padding: 0px 0px 0px 7px;
}
.info_servicios_footer {
border-left: solid 5px #01b854;
padding: 0px 0px 0px 7px;
}
.mun_enlinea_footer {
border-left: solid 5px #bf130d;
padding: 0px 0px 0px 7px;
} @media only screen and (max-width: 1000px)
{
.container_categorias{
display: flex;
background: #333333;
color: white;
text-decoration: none;
margin: 0px;
flex-direction: column;
padding: 0px; 
line-height:0em;
}
.cat_cm1{
display: flex;
margin: 5px 0px;	
width: 100%;
} .footer_ul2 {
margin-left: 32px;
}
.footer_menu {
margin-left: 23px;
margin-top: 20px;
}
.footer_menu a{
font-size: 13px !important;
}
.container_footer span, .container_footer strong {
font-size: 18px !important;
} } } .seisdeagosto {
width: 1600px;
position: absolute;
display: flex;f
justify-content: space-evenly;
height: 14vh;
align-items: center;
left: -21%;
}
.imgagosto {
width: auto;
} @media only screen and (min-width: 1295px) {
.tea{
left: 24%;
top: 41%;
width: 400px;
}
.tea2{
width: 420px;
} }
}
.portadas_likns a {
font-family: 'Bitter', serif;
font-size: 20px;
color: white;
}
@media only screen and (min-width: 1540px)
{
.tea{
position: fixed;
z-index: 1;
left: 24%;
top: 109%;
width: 400px;
}
.tea2{
position: relative;
z-index: 2;
width: 420px;
top: -507px;
left: 0%;
}
.frase{
position: relative;
top: -750px;
left: 139%;
width: 470px;
} }
}
.portadas_likns a{
font-family: 'Bitter', serif;
font-size: 13px;
color: #f471f7;
}
.portadas_likns a{
position: relative;
left: -93px;
top: -16px;
}