@charset "utf-8";
/* CSS Document */
*{
margin:0;
padding:0;
}

body{
background-color: #272727;
text-align:center;
}


.contenedor{
width:95%;
max-width:1100px;
overflow:hidden;
margin:auto;
display:flex;
justify-content:space-around;
flex-wrap:wrap;
}

#titulo {
width:95%;
max-width:1100px;
overflow:hidden;
margin:auto;
display:flex;
justify-content:space-around;
flex-wrap:wrap;
padding-top:10px;
padding-bottom:10px;
}

#titulo h1{
width:95%;
box-sizing: border-box;
font-size:40px;
font-family: Arial, Helvetica, sans-serif;
font-weight:100;
}

#titulo h2{
width:95%;
box-sizing: border-box;
font-size:17px;
font-weight:100;
color:#FFF;
font-family: Arial, Helvetica, sans-serif;
}

h1 a, h2 a {
text-decoration:none;
color:#FFF;
}

h5{
width:93%;
max-width:1100px;
text-align:left;
font-size:12px;
font-family: Arial, Helvetica, sans-serif;
font-weight:100;
color:#FFF;
padding-top:10px;
margin-bottom:0;
margin-left:590px;
}

/*FOTOS CHICAS*//*FOTOS CHICAS*//*FOTOS CHICAS*//*FOTOS CHICAS*//*FOTOS CHICAS*//*FOTOS CHICAS*//*FOTOS CHICAS*//*FOTOS CHICAS*//*FOTOS CHICAS*//*FOTOS CHICAS*//*FOTOS CHICAS*//*FOTOS CHICAS*//*FOTOS CHICAS*//*FOTOS CHICAS*//*FOTOS CHICAS*//*FOTOS CHICAS*//*FOTOS CHICAS*//*FOTOS CHICAS*//*FOTOS CHICAS*//*FOTOS CHICAS*//*FOTOS CHICAS*/

.contenedor .fotos{
display:flex;
justify-content:space-around;
flex-wrap:wrap;
margin-bottom:0px;
width:95%;
max-width:1100px;
}

.contenedor .filtro{
width:80px;
height:80px;
margin:7px;
overflow:hidden;
}

.contenedor .filtro img{
width:100%;
height:100%;
vertical-align:top;
object-fit:cover;
}

img:hover{
cursor:pointer;
}

/*MODAL*//*MODAL*//*MODAL*//*MODAL*//*MODAL*//*MODAL*//*MODAL*//*MODAL*//*MODAL*//*MODAL*//*MODAL*//*MODAL*//*MODAL*//*MODAL*//*MODAL*//*MODAL*//*MODAL*//*MODAL*//*MODAL*//*MODAL*//*MODAL*//*MODAL*//*MODAL*//*MODAL*//*MODAL*//*MODAL*//*MODAL*//*MODAL*//*MODAL*//*MODAL*//*MODAL*//*MODAL*//*MODAL*//*MODAL*//*MODAL*//*MODAL*//*MODAL*//*MODAL*//*MODAL*//*MODAL*/

.modal{
display:none;
}

.modal:target{
display:block;
width:100%;
height:100%;
top:0;
bottom:0;
left:0;
position:fixed;
background-color: rgba(0,0,0,.99);
}

.modal h3{
margin-top: 20px;
margin-bottom:5px;
text-align:center;
font-size:15px;
color: #fefffe;
font-family:Arial, Helvetica, sans-serif;
}

.modal ul{
width:500px;
text-align:center;
margin: auto;
margin-bottom:2px;
font-size:13px;
color: #999;
font-family:Arial, Helvetica, sans-serif;
}

.modal ul li{
margin-bottom:2px;
text-decoration:none;
list-style:none;
}

.imagen{
width:70%;
height:70%;
display:flex;
flex-direction:center;
justify-content:center;
align-items:center;
margin-top:0px;
margin:auto;
box-sizing: border-box;
padding:20px;
}

.imagen a{
text-decoration:none;
margin:15px;
font-size:40px;
color:#fff;
}

.imagen a:hover{
color: #CCC;

}

.imagen a:nth-child(2){
margin:0;
height:100%;
flex-shrink:2px;
}

.imagen img{
height:100%;
max-widht:100%;
margin-top:30px;
box-sizing: border-box;
}

.cerrar {
display:block;
background:#fff;
width:17px;
height:17px;
margin:auto;
text-align:center;
text-decoration:none;
font-size:15px;
color:#000;
margin-top:10px;
padding:0px 0px 0px 0px;
border-radius:50%;
line-height:15px;
font-weight:600;
font-family:Arial, Helvetica, sans-serif;
box-sizing: border-box;
}

.cerrar:hover{
background:#999;
color: #FFF;
}

/*MENU*//*MENU*//*MENU*//*MENU*//*MENU*//*MENU*//*MENU*//*MENU*//*MENU*//*MENU*//*MENU*//*MENU*//*MENU*//*MENU*//*MENU*//*MENU*//*MENU*//*MENU*//*MENU*//*MENU*//*MENU*//*MENU*//*MENU*//*MENU*//*MENU*//*MENU*//*MENU*//*MENU*//*MENU*//*MENU*//*MENU*//*MENU*//*MENU*//*MENU*//*MENU*/

header{
width:95%;
max-width:1100px;
height: auto;
background-color: #272727;
margin-top:20px;
margin-bottom:30px;
display:flex;
}

header label{
font-size:16px;
color:#FFF;
cursor:pointer;
display:none;
}

#btn-menu{
display:none;
}

.menu ul {
display: flex;
list-style: none;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#FFF;
}

.menu ul ul {
display:none;
}

.menu a {
display:block;
padding: 4px 4px;
color: #FFF;
text-decoration: none;
}

.menu a span {
color: #066;
margin-left:2px;
}

.menu a:hover {
background: rgba(0,0,0,.3);

}

.menu ul li:hover ul {
display:block;
background-color: #066;
font-size:11px;
}

<!--FOOTER--><!--FOOTER--><!--FOOTER--><!--FOOTER--><!--FOOTER--><!--FOOTER--><!--FOOTER--><!--FOOTER--><!--FOOTER--><!--FOOTER--><!--FOOTER--><!--FOOTER--><!--FOOTER--><!--FOOTER--><!--FOOTER--><!--FOOTER--><!--FOOTER--><!--FOOTER--><!--FOOTER--><!--FOOTER--><!--FOOTER--><!--FOOTER--><!--FOOTER--><!--FOOTER-->

#footer {
width:95%;
max-width:1200px;
margin:auto;
}

#footer h4{
padding:10px;
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
text-align:center;
color: #CCC;
}

#footer h4 a{
text-decoration:none;
color: #CCC;
cursor:pointer;
}

#footer h4 a:hover{
color: #F0F;
}

#footer p {
font-family: Arial, Helvetica, sans-serif;
font-size:9px;
text-align:center;
padding-bottom:10px;
}

#footer p a {
text-decoration: none;
color: #FFF;
}

#footer img {
height:13px;
margin:auto;
}
/*REDES SOCIALES*//*REDES SOCIALES*//*REDES SOCIALES*//*REDES SOCIALES*//*REDES SOCIALES*//*REDES SOCIALES*//*REDES SOCIALES*//*REDES SOCIALES*//*REDES SOCIALES*//*REDES SOCIALES*//*REDES SOCIALES*//*REDES SOCIALES*//*REDES SOCIALES*//*REDES SOCIALES*//*REDES SOCIALES*//*REDES SOCIALES*//*REDES SOCIALES*/

#redes {
width:95%;
max-width:1200px;
margin:auto;
box-sizing: border-box;
padding-top:10px;
padding-bottom:10px;
display:flex;
justify-content:space-around;
flex-wrap:wrap;
}

.redes {
display:block;
width:auto;
height:auto;
}

.redes img {
margin-left:18px;
}
/*FORMULARIO*//*FORMULARIO*//*FORMULARIO*//*FORMULARIO*//*FORMULARIO*//*FORMULARIO*//*FORMULARIO*//*FORMULARIO*//*FORMULARIO*//*FORMULARIO*//*FORMULARIO*//*FORMULARIO*//*FORMULARIO*//*FORMULARIO*//*FORMULARIO*//*FORMULARIO*//*FORMULARIO*//*FORMULARIO*//*FORMULARIO*//*FORMULARIO*//*FORMULARIO*//*FORMULARIO*//*FORMULARIO*/

#formulario {
width:90%;
max-width:600px;
overflow:hidden;
margin:auto;
display:flex;
justify-content:space-around;
flex-wrap:wrap;
background: #666;
border-radius:20px;
margin-bottom: 30px;
margin-top: 30px;
}

#formulario h1{
color:#FFF;
padding-top:10px;
box-sizing: border-box;
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
}

.contenedor p {
width:90%;
max-width:1100px;
overflow:hidden;
margin:auto;
display:flex;
justify-content:space-around;
flex-wrap:wrap;
background: #333;
border-radius:20px;
margin-bottom: 30px;
margin-top: 30px;
color:#FFF;
padding:100px;
box-sizing: border-box;
font-family: Arial, Helvetica, sans-serif;
font-size:20px;
font-weight:bold;
box-sizing: border-box;
text-align:center;
}

form {
width:100%;
height:auto;
padding: 10px 10px 10px 10px;
}

input, textarea {
width:100%;
margin-bottom: 10px;
padding:5px;
box-sizing: border-box;
border-radius:7px;
}

textarea {
min-height: 100px;
max-height:200px;
max-width:100%;
}



@media screen and (max-width:800px){
	
.contenedor{
max-width:800px;
}
#titulo {
width:97%;
max-width:800px;
padding-top:10px;
padding-bottom:10px;
}

#titulo h1{
font-size:24px;
box-sizing: border-box;
}

#titulo h2{
font-size:12.48px;
box-sizing: border-box;
}

/*CONTENEDOR*//*CONTENEDOR*//*CONTENEDOR*//*CONTENEDOR*//*CONTENEDOR*//*CONTENEDOR*//*CONTENEDOR*//*CONTENEDOR*//*CONTENEDOR*//*CONTENEDOR*//*CONTENEDOR*//*CONTENEDOR*//*CONTENEDOR*//*CONTENEDOR*//*CONTENEDOR*//*CONTENEDOR*//*CONTENEDOR*//*CONTENEDOR*//*CONTENEDOR*//*CONTENEDOR*//*CONTENEDOR*//*CONTENEDOR*//*CONTENEDOR*/

.imagen img{
width:180px;
height:95%;
max-widht:100%;
border:1px solid #fff;
}

.contenedor .filtro{
width:52px;
height:52px;
margin:2;
overflow:hidden;
}
.contenedor p {
margin-bottom: 10px;
margin-top: 10px;
padding:30px;
font-size:14px;
}

/*MENU*//*MENU*//*MENU*//*MENU*//*MENU*//*MENU*//*MENU*//*MENU*//*MENU*//*MENU*//*MENU*//*MENU*//*MENU*//*MENU*//*MENU*//*MENU*//*MENU*//*MENU*//*MENU*//*MENU*//*MENU*//*MENU*//*MENU*//*MENU*//*MENU*//*MENU*//*MENU*//*MENU*//*MENU*//*MENU*//*MENU*//*MENU*//*MENU*//*MENU*//*MENU*/


header{
max-width:800px;
margin-top:20px;
}

header label{
font-size:16px;
display: none;
}

.menu ul {
display: flex;
font-size:12px;
text-align:center;
}

.menu ul ul {
display:none;
}

.menu a {
padding: 2px 2px;
}

.menu a span {
margin-left:1px;
}

.menu ul li:hover ul {
font-size:11px;
}

/*footer*//*footer*//*footer*//*footer*//*footer*//*footer*//*footer*//*footer*//*footer*//*footer*//*footer*//*footer*//*footer*//*footer*//*footer*//*footer*//*footer*//*footer*//*footer*//*footer*//*footer*//*footer*//*footer*//*footer*//*footer*//*footer*//*footer*//*footer*//*footer*//*footer*/


#footer h4{
font-size:9px;
}
#footer p {
font-size:8px;
}
#footer img {
height:11px;
margin:auto;
}

/*REDES SOCIALES*//*REDES SOCIALES*//*REDES SOCIALES*//*REDES SOCIALES*//*REDES SOCIALES*//*REDES SOCIALES*//*REDES SOCIALES*//*REDES SOCIALES*//*REDES SOCIALES*//*REDES SOCIALES*//*REDES SOCIALES*//*REDES SOCIALES*//*REDES SOCIALES*//*REDES SOCIALES*//*REDES SOCIALES*//*REDES SOCIALES*//*REDES SOCIALES*/

#redes {
width:95%;
max-width:800px;
}

.redes img {
margin-left:10px;
width:20px;
height:20px;
}


@media screen and (max-width:460px){
	
#titulo h1{
font-size:29px;
font-weight:400;
}

#titulo h2{
font-size:13px;
font-weight:400;
}
	
/*LIGHTBOX*//*LIGHTBOX*//*LIGHTBOX*//*LIGHTBOX*//*LIGHTBOX*//*LIGHTBOX*//*LIGHTBOX*//*LIGHTBOX*//*LIGHTBOX*//*LIGHTBOX*//*LIGHTBOX*//*LIGHTBOX*//*LIGHTBOX*//*LIGHTBOX*//*LIGHTBOX*//*LIGHTBOX*//*LIGHTBOX*//*LIGHTBOX*//*LIGHTBOX*//*LIGHTBOX*//*LIGHTBOX*//*LIGHTBOX*//*LIGHTBOX*//*LIGHTBOX*/

.imagen img{
width:240px;
height:auto;
max-widht:90%;
border: 1px solid #fff;
top:10px;
}

.contenedor .filtro{
width:44px;
height:44px;
margin:2px 1px 2px 1px;
overflow:hidden;
}



.modal h3{
margin:0;
padding:0;
font-size:18px;
margin-bottom:5px;
}

.modal ul{
width:280px;
margin: auto;
margin-bottom:20px;
font-size:13px;

}

.modal ul li{
margin-bottom:2px;
text-decoration:none;
list-style:none;
}


/*MENU*//*MENU*//*MENU*//*MENU*//*MENU*//*MENU*//*MENU*//*MENU*//*MENU*//*MENU*//*MENU*//*MENU*//*MENU*//*MENU*//*MENU*//*MENU*//*MENU*//*MENU*//*MENU*//*MENU*//*MENU*//*MENU*//*MENU*//*MENU*//*MENU*//*MENU*//*MENU*//*MENU*//*MENU*//*MENU*//*MENU*//*MENU*//*MENU*//*MENU*//*MENU*/

header{
max-width:460px;
}

.menu ul {
font-size:13px;
box-sizing: border-box;
flex-wrap:wrap;
}

.menu li {
margin-bottom:10px;
margin-right:20px;
}

.menu ul ul {
box-sizing: border-box;
display:relative;
}

.menu a {
display: inline;
padding: 3px 3px;

}

.menu a span {
margin-left:0px;
}

.menu ul li:hover ul {
font-size:10px;
}

/*footer*//*footer*//*footer*//*footer*//*footer*//*footer*//*footer*//*footer*//*footer*//*footer*//*footer*//*footer*//*footer*//*footer*//*footer*//*footer*//*footer*//*footer*//*footer*//*footer*//*footer*//*footer*//*footer*//*footer*//*footer*//*footer*//*footer*//*footer*//*footer*//*footer*/


#footer h4{
font-size:9px;
}
#footer p {
font-size:8px;
}

.redes img {
margin-left:5px;
}


}