@charset "utf-8";
/* CSS Document */

body{
background-image:url(../imagenes/jpg/fondo.jpg);
background-position:center;/*Coloca la imagen al centro*/	
background-size:100%;/*Se adapta a cualquier tamaño de pantalla*/
background-repeat:no-repeat;
background-attachment:fixed;
margin:0;
}
#menu-horizontal{
max-width:1000px;
margin:0 auto;
}

#FotoCabecera{
background-color:#090;
max-width:1000px;
min-height:10px;
margin:0 auto;
}

#FotoCabecera img{
width:100%;
height:auto;
}

#fonfo-slider{
background-color:#fff;
max-width:1000px;
margin:0 auto;
border: 3px solid #000;
overflow:hidden;
box-sizing:border-box;
}

#slider, #slider1{
background-color:#fff;
opacity:2;
width:75%;
float:left;
border-right:5px solid #000;
box-sizing:border-box;
}

#slider1{
height:750px;
}

#slider1 img{
width:100%;
height:100%;
box-sizing:border-box;
}

#conte-sociales{
opacity:2;
width:25%;
min-height:100%;
float:left;
overflow:hidden;
font-family: 'Merriweather', serif;
box-sizing:border-box;
}

#titu-red{
background-color:#C10061;
width:100%;
padding:2px 0 2px 15px;
margin:0 0 15px 0;
color:#FFF;
font-size:16px;
box-sizing:border-box;
}

#redes-soci{
width:100%;
min-height:100%;
padding:5px 0 5px 0;
overflow:hidden;
box-sizing:border-box;
}

#caja1{
width:27%;
float:left;
}

#caja1 img{
width:100%;
height:0 auto;
}

#nom-caja{
width:72%;
float:left;
margin:0 auto;
padding:2px 0 0 0;
border:2px solid #C10061;
border-radius:4px;
box-sizing:border-box;
}

#titu-caja{
background-color:#FFD9EC;
width:100%;
padding:2px 5px 2px 5px;
font-size:12px;
border-bottom:1px solid #C10061;
box-sizing:border-box;
}

#des-caja{
width:100%;
padding:2px 5px 2px 5px;
font-size:10px;
box-sizing:border-box;
}

#cuerpo{
background-color:#fff;
max-width:1000px;
min-height:500px;
margin:0 auto;
padding:10px 0 10px 0;
}

#conte-album-titulo{
width:100%;
min-height:30px;
padding:15px 0 10px 0;
text-align:center;
font-size:18px;
font-family: 'Merriweather', serif;
}

#album-foto{
width:100%;
height:400px;
padding:10px;
overflow:auto;
box-sizing:border-box;
}

#conte-album-foto-cata{
background-color:#FFE6FF;
width:31%;
min-height:200px;
margin:1%;
float:left;
box-sizing:border-box;
}

#conte-album-foto{
background-color:#CCF;
width:22%;
min-height:200px;
float:left;
margin:5px 14px 15px 14px;
box-sizing:border-box;
}

#conte-album-foto img{
width:100%;
height:200px;
}
/*#conte-album-foto a img{
width:10%;
height:20%;
}*/
#foto{
width:100%;
min-height:150px;
box-sizing:border-box;
}

#foto img{
width:100%;
height:150px;
}

#descrip-album{
background-color:#FFE6FF;
width:100%;
height:38px;
padding:12px 0 0 0;
text-align:center;
}

#subcuerpo{
max-width:1000px;
height:500px;
margin:0 auto;
padding:0 25px 0 25px;
overflow:auto;
}

#contenedor{
background-color:#FCF;
max-width:100%;
min-height:200px;
margin:10px 0 10px 0;
border:3px solid #F0C;
border-radius:13px;
}

#titulo-conte{ 
width:100%;
min-height:40px;
padding:10px;
margin:0 0 5px 0;
border-bottom:4px solid #F0C;
box-sizing:border-box;
color:#F0F;
font-family:'Pacifico', cursive;
font-size:30px;
}

#defini-img-conte{
width:100%;
min-height:200px;
padding:0 5px 0 5px;
overflow:hidden;
box-sizing:border-box;
}

#foto-conte{
width:30%;
float:left;
}

#foto-conte img{
width:100%;
height:200px;

}

#definicion-conte{
width:70%;
min-height:200px;
float:left;
padding:10px;
box-sizing:border-box;
font-size:24px;
color:#00F;
text-align:justify;
}

/*FORMULARIO*/

.botonformu{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e2e2e2+0,dbdbdb+99,d1d1d1+100,fefefe+100 */
background: rgb(226,226,226); /* Old browsers */
background: -moz-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 99%, rgba(209,209,209,1) 100%, rgba(254,254,254,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(226,226,226,1) 0%,rgba(219,219,219,1) 99%,rgba(209,209,209,1) 100%,rgba(254,254,254,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(226,226,226,1) 0%,rgba(219,219,219,1) 99%,rgba(209,209,209,1) 100%,rgba(254,254,254,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */

border:solid 4px #666666;
padding:8px 35px 8px 35px;
margin:4px 0 4px 0;
color:#06F;
font-size:12px;
border-radius:7px;
}


.formu{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e2e2e2+0,dbdbdb+99,d1d1d1+100,fefefe+100 */
background: rgb(226,226,226); /* Old browsers */
background: -moz-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 99%, rgba(209,209,209,1) 100%, rgba(254,254,254,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(226,226,226,1) 0%,rgba(219,219,219,1) 99%,rgba(209,209,209,1) 100%,rgba(254,254,254,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(226,226,226,1) 0%,rgba(219,219,219,1) 99%,rgba(209,209,209,1) 100%,rgba(254,254,254,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */
	
 border:solido 1px #666666;
 width:90%;
 padding:8px 8% 8px 2%;
 margin:4px 0 4px 0;
 border-radius:7px;
}

#campo{
padding:0 2% 0 2%;
box-sizing:border-box;
}
/*FORMULARIO*/

#conte{
font-family:Arial, Helvetica, sans-serif;
text-align:justify;
font-size:18px;
overflow:hidden;
}

footer{
background-color:#F0F;
max-width:1000px;
min-height:50px;
margin:0 auto;
padding:25px 0 25px 0;
font-family: 'Merriweather', serif;
text-align:center;
font-size:16px;
color:#FFF;
}

/*PANTALLA TABLE*/
@media screen and (max-width:1005px)
{
body{
background-image:none;
}

#conte-album-foto{
margin:5px 8px 15px 16px;
}

#titulo-conte{ 
font-size:20px;
}

}
/*PANTALLA TABLE*/

@media screen and (max-width:950px)
{

}

@media screen and (max-width:850px)
{
#slider, #slider1{
width:100%;
height:inherit;
float:none;
border-right:0px solid #000;
border-bottom:5px solid #000;
}

#conte-album-foto{
width:28%;
margin:5px 8px 15px 18px;
}

#conte-sociales{
width:100%;
float:none;
}

#titu-red{
padding:0 0 0 10px;
margin:0px;
font-size:16px;
}

#redes-soci{
width:33%;
float:left;
}

#des-caja{
text-align:20px;
}


}

/*PANTALLA DE CELULAR*/
@media screen and (max-width:715px)
{
#subcuerpo{
padding:0 10px 0 10px;
}
#titulo-conte{ 
font-size:16px;
}
}
/*PANTALLA DE CELULAR*/

@media screen and (max-width:560px)
{


#redes-soci{
width:100%;
float:none;
margin:0 auto;	
}

#caja1{
width:20%;
}

#caja1 img{
height:60px;
}

#nom-caja{
width:79%;
min-height:60px;
}

#titu-caja{
font-size:18px;
}

#des-caja{
font-size:18px;	
}

#conte-album-foto, #conte-album-foto-cata{
width:45%;
margin:5px 2% 15px 3%;
}

}


@media screen and (max-width:450px)
{
#foto-conte img{
width:100%;
height:300px;
}
}

@media screen and (max-width:325px)
{
#foto-conte{
width:100%;
box-sizing:border-box;
}

#foto-conte img{
width:100%;
height:0 auto;
}

#definicion-conte{
width:100%;
min-height:1px;
font-size:14px;
}

#titu-caja{
font-size:14px;
}

#des-caja{
font-size:12px;	
}

#conte-album-foto, #conte-album-foto-cata{
width:98%;
margin:5px 2% 15px 1%;
}

}