/* ******************************************************************************************************************************************** */
/* ******************************************************************************************************************************************** */
/*                                    BASICOS                                      */
/* ******************************************************************************************************************************************** */
/* ******************************************************************************************************************************************** */


* {
    box-sizing: border-box;
	vertical-align: baseline;
	font-weight: inherit;
	font-family: inherit;
	font-style: inherit;
	font-size: 100%;
	border: 0 none;
	outline: 0;
	padding: 0;
	margin: 0;
}

.body{
    margin: 0;
    padding: 0;
    font: normal 100%;
}

#contenedor{
    width: 100%;
    height: auto;
    margin: 0 auto;
    max-width: 1600px;
    min-width: 320px;
    font-size: 12px;
    background-color: #9cd8f7;
    background-image: url(../images/fondo_celeste.jpg);
    background-repeat: no-repeat;
    background-position: center -100px;
}













/* ******************************************************************************************************************************************** */
/* ******************************************************************************************************************************************** */
/*                                    TIPOGRAFIAS Y TITULOS                                      */
/* ******************************************************************************************************************************************** */
/* ******************************************************************************************************************************************** */

@font-face{ font-family: GeoSlab-Cn-Regular; src: url(../fonts/GeoSlab703_MdCn_BT.ttf) format("truetype");}
@font-face{ font-family: GeoSlab-Cn-Bold; src: url(../fonts/GeoSlab703_MdCn_BT_Bold.ttf) format("truetype");}

@font-face{ font-family: GeoSlab-Regular; src: url(../fonts/GeoSlab703_Md_BT.ttf) format("truetype");}
@font-face{ font-family: GeoSlab-Bold; src: url(../fonts/GeoSlab703_Md_BT_Bold.ttf) format("truetype");}
@font-face{ font-family: GeoSlab-Bold-Italic; src: url(../fonts/GeoSlab703_Md_BT_Bold_Italic.ttf) format("truetype");}
@font-face{ font-family: GeoSlab-Medium-Italic; src: url(../fonts/GeoSlab703_Md_BT_Medium_Italic.ttf) format("truetype");}
@font-face{ font-family: Minion; src: url(../fonts/The_Minion.ttf) format("truetype");}


















/* ******************************************************************************************************************************************** */
/* ******************************************************************************************************************************************** */
/*                                    CUERPO                                      */
/* ******************************************************************************************************************************************** */
/* ******************************************************************************************************************************************** */


#cuerpo{width: 100%; height: auto; background: url(../images/fondo_castillo.png) no-repeat center bottom; background-size: contain;}

#contenedor_cuerpo{width: 80%; height: auto; margin: 0 auto;}

#bienvenidos{width: 100%; height: auto; text-align: center; padding: 72px 0;}

#bienvenidos_cel{display: none; width: 100%; height: auto; text-align: center; padding: 50px 0;}

#escudos{width: 100%; height: auto; padding-bottom: 600px;}

#divinatrinidad{float: right; width: 50%; padding: 0 50px 0 0; text-align: right;}

#divinatrinidad_cel{display: none; width: 100%; padding: 0 0px 0 0; text-align: center;}

#miopiccoloamore{float: left; width: 50%; padding: 0 0 0 50px; text-align: left;}

















/* ******************************************************************************************************************************************** */
/* ******************************************************************************************************************************************** */
/*                                    PIE                                      */
/* ******************************************************************************************************************************************** */
/* ******************************************************************************************************************************************** */


#contenedor_pie{width: 100%; height: auto; background-color: #058DAB;}

#pie{width: 80%; height: auto; margin: 0 auto;}

#direccion{width: 100%; height: auto; text-align: center; font-family: "GeoSlab-Regular", arial; font-size: 300%; color: #ffffff; padding: 30px 0 20px 0;}

#telefonos{width: 100%; height: auto; text-align: center; font-family: "GeoSlab-Regular", arial; font-size: 200%; color: #ffffff; padding: 0px 0 30px 0;}





















































/* ********************************************************** 1330 **********************************************/

@media screen and (max-width: 1590px){
    
    #divinatrinidad{padding: 0 30px 0 0;}
    #miopiccoloamore{padding: 0 0 0 30px;}
    
}

/* ********************************************************** 1280 **********************************************/

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

/* ********************************************************** 1024 **********************************************/

@media screen and (max-width: 1270px){
    
    #contenedor_cuerpo{width: 90%;}
    
    #escudos{padding-bottom: 450px;}
    
    #divinatrinidad{padding: 0 40px 0 0;}
    #divinatrinidad img{width: 80%;}
    
    #miopiccoloamore{padding: 0 0 0 40px;}
    #miopiccoloamore img{width: 80%;}
    
    #pie{width: 90%;}
    #direccion{font-size: 260%; padding: 30px 0 20px 0;}
    #telefonos{font-size: 180%;  padding: 0px 0 30px 0;}
    
}

/* ********************************************************** 768 ***********************************************/

@media screen and (max-width: 768px){
    
    #escudos{padding-bottom: 370px;}
    
    #divinatrinidad{padding: 0 10px 0 0;}
    #divinatrinidad img{width: 90%;}
    
    #miopiccoloamore{padding: 0 0 0 10px;}
    #miopiccoloamore img{width: 90%;}
    
    #pie{width: 90%;}
    #direccion{font-size: 210%; padding: 30px 0 10px 0;}
    #telefonos{font-size: 160%;  padding: 0px 0 30px 0;}
    
}

/* ********************************************************** 640 ***********************************************/

@media screen and (max-width: 640px){
    
    #escudos{padding-bottom: 570px;}
    
    #cuerpo{background: url(../images/fondo_castillo_640.png) no-repeat center bottom; background-size: contain;}
    
}

/* ********************************************************** 320 ***********************************************/

@media screen and (max-width: 400px){
    
    
    #bienvenidos{display: none;}
    #bienvenidos_cel{display: block;}
    #bienvenidos_cel img{width: 90%;}

    #escudos{padding-bottom: 300px;}
    
    #divinatrinidad{display: none;}
    #divinatrinidad_cel{display: block; margin-bottom: 40px;}
    #divinatrinidad_cel img{width: 90%;}
    
    #miopiccoloamore{float: none; width: 100%; padding: 0 0 0 0px; text-align: center;}
    #miopiccoloamore img{width: 90%;}
    
    
    
}