@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Handlee|Lobster+Two:400,400i,700,700i');
@import url('https://fonts.googleapis.com/css?family=Pontano+Sans');

/* Hacks para mejorar la compatibilidad con diferentes dispositivos */
html { -webkit-text-size-adjust: none; } /* Ajuste de texto para iPhone */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } /* Reset de los nuevos tags HTML5 */
img {	/*max-width: 100%;*/ height: auto; width: auto\9; } /* Internet Explorer 8 */

/* CSS */
body, html { margin: 0px; padding: 0px; }
img 	{ border: 0px; }
body 	{ margin: 0px; }
.reset 			 	{ *zoom: 1; }
.reset:before, .reset:after { content: " "; display: table }
.reset:after 	 	{ clear: both }
.reset			 	{ clear: both }

/* Base RWD */
div.total  			{ width: 100%;	}
div.principal  		{ margin: 0 auto; width: 1140px;	}
div.rwd_col1		{ float: left; width: 25%; 			}
div.rwd_col2 		{ float: left; width: 50%; 			}
div.rwd_col3 		{ float: left; width: 75%; 			}
.chuloI				{ margin-bottom:-32px; padding-right:11px; }
.chuloD				{ margin-bottom:-32px; padding-left:11px; }
.BchuloI			{ margin-top:-5px; margin-right:-22px; }
.BchuloD			{ margin-top:-5px; margin-left: -22px; }
.logoC				{ width:113px; height:52px; left:50%; margin-left:-65px; padding-top:-10px; padding-bottom:20px; bottom: 20px; position:fixed; }
.logoC2				{ width:113px; height:52px; margin:0 auto; padding-top:200px; bottom: 10px; -khtml-opacity: 0.5; opacity: 0.5; }
.internaPie			{ width:900px; margin: 0 auto; padding-top: 10px; }
.espacio			{ padding-top:85px; }
.contenidoPie		{ width:600px; height:400px; float:left }
 
p { margin: 5px;}

.banner			{ width:100%; }
.banner2		{ width:100%; display: none; }
.banner3		{ width:100%; display:none }
.tituloH		{ font-family: 'Handlee', cursive; font-size:70px; color: #655232; text-align:center; 	line-height:70px; padding-top:102px;}
.tituloHG		{ font-family: 'Handlee', cursive; font-size:40px; color: #655232; text-align:center; 	line-height:44px; padding-top:102px; }
.tituloBH		{ font-family: 'Handlee', cursive; font-size:70px; color: #ffffff; text-align:center; 	line-height:70px; padding-top:72px;}
.textoH  		{ font-family: 'Handlee', cursive; font-size:25px; color: #4C6600; text-align:center; 	line-height:28px; }
.textoFundacion { font-family: 'Handlee', cursive; font-size:25px; color: #655232; text-align:center; 	line-height:28px; }
.textoFundacion a	{color: #655232; }

.textoJH  		{ font-family: 'Handlee', cursive; font-size:25px; color: #4C6600; text-align: left; 	line-height:28px; padding-left: 15px; }
.textoBH  		{ font-family: 'Handlee', cursive; font-size:25px; color: #ffffff !important; text-align:center; 	line-height:28px; }
#phone-text a 	{color:#fff; text-decoration:none;}

.textoCH  		{ font-family: 'Handlee', cursive; font-size:30px; color: #ffffff; text-align:center; 	line-height:32px; }

.otro		{ font-family: 'Lobster Two', cursive;}
.logo		{ width:310px; height:163px; position:fixed; left:50%; margin-left:-155px; }
.logoG		{ width:310px; height:163px; margin: 0 auto; }
.rayasH		{ max-width:701px; width:100%; margin: 0 auto; margin: 0 auto; padding-top:40px; }
.lineasH	{ max-width:810px; width:100%;  margin: 0 auto; margin: 0 auto; padding-top:10px; }
.back2H		{ width:100%; height:483px; background-image: url(img/back2H.jpg); background-repeat:no-repeat; background-position: center;  }
.dibujoH	{ width:100%; height:560px; background-image: url(img/dibujoH.jpg); background-repeat:no-repeat; background-position: center; margin-top: 30px; }

/*Control*/ 
.cuadro		{ width:360px; height: 270px; background: rgba(0, 0, 0, 0.4); padding:40px; }
.text1C		{ font-family: 'Pontano Sans', sans-serif; font-size: 20px; color: white; text-align: center; font-weight: bold; font-style: italic; }
.text2C		{ font-family: 'Pontano Sans', sans-serif; font-size:16px; color: white; text-align:center; font-weight: normal; }
.lineaH		{ height: 24px; width:312px; margin: 0 auto; }
.monio		{ width:82px; 47px; margin: 0 auto; }

/**FORM**/

.form-style-1 {
    margin:10px auto;
    max-width: 400px;
    padding: 20px 12px 10px 20px;
    font: 13px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
.form-style-1 li {
    padding: 0;
    display: block;
    list-style: none;
    margin: 10px 0 0 0;
}
.form-style-1 label{
    margin:0 0 3px 0;
    padding:0px;
    display:block;
    font-weight: bold;
	text-align: left;
}
.form-style-1 input[type=text], 
.form-style-1 input[type=date],
.form-style-1 input[type=datetime],
.form-style-1 input[type=number],
.form-style-1 input[type=search],
.form-style-1 input[type=time],
.form-style-1 input[type=url],
.form-style-1 input[type=email],
textarea, 
select{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border:1px solid #BEBEBE;
    padding: 7px;
    margin:0px;
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    outline: none;  
}
.form-style-1 input[type=text]:focus, 
.form-style-1 input[type=date]:focus,
.form-style-1 input[type=datetime]:focus,
.form-style-1 input[type=number]:focus,
.form-style-1 input[type=search]:focus,
.form-style-1 input[type=time]:focus,
.form-style-1 input[type=url]:focus,
.form-style-1 input[type=email]:focus,
.form-style-1 textarea:focus, 
.form-style-1 select:focus{
    -moz-box-shadow: 0 0 8px #88D5E9;
    -webkit-box-shadow: 0 0 8px #88D5E9;
    box-shadow: 0 0 8px #88D5E9;
    border: 1px solid #88D5E9;
}
.form-style-1 .field-divided{
    width: 49%;
}

.form-style-1 .field-long{
    width: 100%;
}
.form-style-1 .field-select{
    width: 100%;
}
.form-style-1 .field-textarea{
    height: 100px;
}
.form-style-1 input[type=submit], .form-style-1 input[type=button]{
    background: #4B99AD;
    padding: 8px 15px 8px 15px;
    border: none;
    color: #fff;
}
.form-style-1 input[type=submit]:hover, .form-style-1 input[type=button]:hover{
    background: #4691A4;
    box-shadow:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
}
.form-style-1 .required{
    color:red;
}	



/** LIGHTBOX MARKUP **/

.lightbox {
	/** Default lightbox to hidden */
	display: none;

	/** Position and style */
	position: fixed;
	z-index: 999;
	width: 100%;
	height: 100%;
	text-align: center;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.8); 
}

.lightbox img {
	/** Pad the lightbox image */
	max-width: 90%;
	max-height: 80%;
	margin-top: 2%;
}

.lightbox:target {
	/** Remove default browser outline */
	outline: none;

	/** Unhide lightbox **/
	display: block;
}


@media screen and (max-width: 1140px) {
  /*embed, iframe, object, video { height: auto; max-width: 100% !important; width: auto; }*/
  img {	height: auto; max-width: 100%; width: auto\9; }
  div.principal   { width: 98%; }
  
}

@media screen and (max-width: 910px) {
	
.BchuloI			{ display:none }
.BchuloD			{ display:none }
.internaPie			{ width:100%;  }
  
}

@media screen and (max-width: 768px) {
	
  	div.rwd_col1  { width: 50%; 	}
  	div.rwd_col2  { width: 100%; 	}
  	div.rwd_col3  { width: 50%;	}
  .logo			{ width:250px; height:131px; }
  .tituloH		{ font-family: 'Handlee', cursive; font-size:50px; }
  .tituloBH		{ font-family: 'Handlee', cursive; font-size:50px; }
  	.chuloI		{ width:50px; height: 81px; }
	.chuloD		{ width:50px; height: 80px; }
	.BchuloI	{ width:100px; height: 172px; }
	.BchuloD	{ width:100px; height: 170px; }
	.logoC2		{ width:113px; height:52px; margin:0 auto; padding-top:0px; padding-bottom:0px; bottom: 10px; }
    	
}

@media screen and (max-width: 768px) {
	
.contenidoPie		{ width:480px; height:500px; float:left }

}

.tituloH		{  padding-top:122px;}

@media screen and (max-width: 480px) {
	
  div.rwd_col1 		{ float: none; width: 100%; }
  div.rwd_col2 		{ float: none; width: 100%; }
  div.rwd_col3 		{ float: none; width: 100%; }
  .contenidoPie		{ width:310px; height:500px; float:left }
  .tituloH		    {  padding-top:122px;}
  
  }



/*------------Animales-----------------------------*/
@media screen and (max-width: 1600px) {	 
.back2H {	background-image: url(img/back2H_1600.jpg)	}	
}

@media screen and (max-width: 1360px) {	 
.back2H {	background-image: url(img/back2H_1360.jpg)	}	
.container { width:90%; margin-left: 20px; }
.banner		{ width:100%; display:none }
.banner2	{ width:100%; display:block }

}

@media screen and (max-width: 1140px) {	
.back2H {	background-image: url(img/back2H_1140.jpg)	}		
}

@media screen and (max-width: 1050px) {	
.banner2	{ width:100%; display:none }
.banner3	{ width:100%; display:block }	
}


@media screen and (max-width: 800px) {	
.back2H {	background-image: url(img/back2H_800.jpg)	}	

}

@media screen and (max-width: 650px) {	
.back2H {	background-image: url(img/back2H_650.jpg)	}		
}

@media screen and (max-width: 560px) {	
.back2H {	background-image: url(img/back2H_560.jpg)	}		
}

@media screen and (max-width: 440px) {	
.container 	{ 	width:80%; margin-left: 40px; }
.lineaH		{	display: none; }
.cuadro {
    width: 240px;
    height: 280px;
    background: rgba(0, 0, 0, 0.7);
    padding: 10px;
}
}

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

.container 	{  margin-left: 30px; }
.back2H 	{ background-image: url(img/back2H_370.jpg)	}	
.textoH  	{ font-size:21px; line-height:24px; 		}
.tituloH 	{ font-size: 30px; 							}
#section2	{	padding-top:4%;}
#section5	{	padding-top:4%;}
#section4	{	padding-top:4%;}
.tituloBH {
    font-family: 'Handlee', cursive;
    font-size: 30px; line-height:32px;
}
	
}




back2H_1600.jpg