@font-face {
	 font-family: 'crayon';
  	src: url('crayon.ttf');
  		
  		}
  @font-face {
	 font-family: 'bankgotham';
  	src: url('bankgotham.ttf');
  		
  		} 
    @font-face {
	 font-family: 'copperplate';
  	src: url('copperplate.ttf');
  		
  		}  		
#wrapper { width: 900px;height: auto;margin: 5px auto;/*border: 3px solid blue;*/}
#logo{width: 100%; margin: 0px auto;/*border: 1px solid pink;*/display:block;/*border-bottom:1px solid #9e2232;*/}
#phonetxt{width: 100%; margin: 0px auto;/*border: 1px solid yellow;*/display:block;}
#squarepickup{width:100%;margin:10px auto;float:left;}#squarepickup{color:white;font-size:15px;}#squarepickup a{text-decoration:none;}

#third{width:50%;/*border:1px solid purple;*/margin:10px auto;float:left;}#third p{color:white;font-size:15px;}#third a{text-decoration:none;}
hr{color:#9e2232;background-color:#9e2232;}

#imagehome{     clear:both;width:100%;display:block;margin-top:10px;border :3px solid #9e2232;}
#imagehome2{		background-color:#fff;clear:both;width:100%;display:block;margin-top:10px;border :3px solid #9e2232;}

img[id="home"]{
	/*border :3px solid #9e2232;*/
}
#clickhere{	clear:both;}
#space{
width:878px;
	clear:both;
	margin:10px auto;
	border : 3px solid #9e2232;
}
#especiales {
	clear:both;
	width:100%;
	    background-size: 100% 100%;
	background-image: url("blackboard.jpg");
	/*background-color:#3f3936;*/
    font-family: 'crayon', Fallback, sans-serif;
	text-align="center";
	border : 3px solid #9e2232;
	line-height: 140%;/*Este porcentaje, cambia la distancia entre los especiales*/
	padding:10px 30px;
	margin: 10px auto;
	}
div[id="especiales"] h1{
	color: #b45593;
	text-shadow: 2px 2px #d7c265;
	font-size: 2em;
	font-family: 'crayon', Fallback, sans-serif;}
div[id="especiales"] p{
	color: #65aad7;
	text-shadow: 2px 2px #3f68fd;
	font-size: 1.4em;    font-family: 'crayon', Fallback, sans-serif;

}
	
div[id="especiales"] p spam{
	color: #d76565;
		text-shadow: 1.5px 1.5px #d7c265;
	/*font-size: .8em;*/    font-family: 'crayon', Fallback, sans-serif;

}
div[id="especiales"] p em{
	color: #1da239;
	text-shadow: 1.5px 1.5px #097331;
	/*font-size: 1.3em;*/    font-family: 'crayon', Fallback, sans-serif;

}


#square{width:20%;/*border:1px solid purple;*/margin:10px auto;float:left;}#square p{color:white;font-size:15px;}#square a{text-decoration:none;}
#square2{width:20%;/*border:1px solid purple; */margin:10px auto;float:left;}#square2 p{color:white;font-size:15px;}#square2 a{text-decoration:none;}
#square3{width:20%;/*border:1px solid #9e2232;*/margin:10px auto;float:left;}#square3 p{color: #9e2232;font-size:20px;}#square3 a{text-decoration:none;}
#squareV{width:25%;/*border:1px solid purple;*/margin:10px auto;float:left;}#squareV p{color:white;font-size:15px;}#squareV a{text-decoration:none;}

#square4{width:20%;border:1px solid #9e2232;margin:10px auto; padding: 10px auto;float:left;}
div[id="square4"] h1{display:inline;color: gray;text-shadow: 1px 1px rgba(192,192,192,0.1);font-size: 24px;font-family: 'bankgotham', Fallback, sans-serif;}
div[id="square4"] p{color: #65aad7;text-shadow: 1px 1px rgba(192,192,192,0.1);font-size: 20px;font-family: 'bankgotham', Fallback, sans-serif;}
div[id="square4"] span{color: #9e2232;text-shadow: 1px 1px rgba(192,192,192,0.1);font-size: 24px;font-family: 'bankgotham', Fallback, sans-serif;}
div[id="square4"] a{text-decoration:none;height:24px;}



#logoimg{width: 24%; float: center; margin: 0px auto;display:inline-block;;}

html {
	width: 100%;height: auto;
    margin: 0 auto;
	background-image: url('background.jpg');
	/*border: 3px solid yellow;*/
}

#menu{
	margin:15px 5px 0 5px;
    display:block;
	width: 99%;
	line-height:4;
	/*border :3px solid #9e2232;*/
	background: white;
	font-family: copperplate;
	
	
}
#events{
	width:98%;
	border:3px solid #9e2232;
	margin: 0px auto;
	margin-top: 10px;
	font-size: 22px;
	text-align: justify;
	padding: 0px 10px;
	line-height: 1.3;
}

#events h2{color:#9e2232;text-shadow: 1px 1px rgba(192,192,192,0.1);font-size: 24px;font-family: 'bankgotham', Fallback, sans-serif;}
#events a{color:#9e2232;text-shadow: 1px 1px rgba(192,192,192,0.1);font-size: 18px;font-family: 'bankgotham', Fallback, sans-serif;text-decoration: none;}
#events p{color:#b5b0b1;text-shadow: 1px 1px rgba(192,192,192,0.1);font-size: 18px;font-family: 'bankgotham', Fallback, sans-serif;}

.clear{clear:both;}


object[id="pdf"]{
	margin-top: 10px;
	border :1px solid #9e2232;
	}

img[id="clickhere"]{border :3px solid #9e2232;}
/*
div[id="menu"] center{
	color: #9e2232;
	font-size:3em;
}*/
#horario{
	width: 878px;

    margin: 10px auto;border:1px solid red;
}
/*div[id="horario"] h1,div[id="horario"] p,div[id="horario"] a{
	color: white;
	font-family: bankgotham,Fallback, sans-serif;
	display: block;
}*/
/*
div[id="horarioleft"] h1{color: fff;font-size: 3em; font-family: 'bankgotham', Fallback, sans-serif;}
div[id="horarioleft"] p{color: fff;	font-size: 2em; font-family: 'bankgotham', Fallback, sans-serif;}*/
/*
#horarioleft{
	
	width: 420px;
	height: 200px;
    background-image: url("blackboard.jpg");

	float:left;
	font-family: 'bankgotham', Fallback, sans-serif;
	text-align="center";
	/*border: 1px solid green;
}*//*
#horarioright{color: white;
	width: 420px;
	height: 200px;
	float:right;
	font-family: 'bankgotham', Fallback, sans-serif;
	text-align="center";
	/*border: 1px solid green;
}*/

#social{clear:both;padding: 30px 0px;width: 100%;margin: auto auto;color: #9e2232;/*border:1px solid red;*/}
#footer{clear:both;width: 100%;margin: 30px auto;border-top: 10px solid #9e2232;}
#footer p{color:white;font-family: bankgotham;	text-shadow: 1px 1px rgba(192,192,192,0.1);}

#todos{clear:both; width: 75%;font-family: 'bankgotham', Fallback, sans-serif;text-align="center";
			  line-height: 1;padding:20px auto;margin: 10px auto;/*background: rgba(155, 155, 155, 0.1)*/}
#horarioleft {float:left; width: 50%;/*background-color:#3f3936;*/font-family: 'bankgotham', Fallback, sans-serif;text-align="center";
			  line-height: 1;padding:20px auto;margin: 10px auto;}
#horarioright{float:right;width: 50%;/*background-color:#3f3936;*/font-family: 'bankgotham', Fallback, sans-serif;text-align="center";
			  line-height: 1;padding:20px auto;margin: 10px auto;}

div[id="todos"] h1{display:inline;color: gray;text-shadow: 1px 1px rgba(192,192,192,0.1);font-size: 24px;font-family: 'bankgotham', Fallback, sans-serif;}
div[id="todos"] p{color: #65aad7;text-shadow: 1px 1px rgba(192,192,192,0.1);font-size: 20px;font-family: 'bankgotham', Fallback, sans-serif;}
div[id="todos"] span{color: #9e2232;text-shadow: 1px 1px rgba(192,192,192,0.1);font-size: 24px;font-family: 'bankgotham', Fallback, sans-serif;}
div[id="todos"] a{text-decoration:none;height:24px;}


div[id="horarioleft"] h1{display:inline;color: gray;text-shadow: 1px 1px rgba(192,192,192,0.1);font-size: 24px;font-family: 'bankgotham', Fallback, sans-serif;}
div[id="horarioleft"] p{color: #65aad7;text-shadow: 1px 1px rgba(192,192,192,0.1);font-size: 20px;font-family: 'bankgotham', Fallback, sans-serif;}
div[id="horarioleft"] span{color: #9e2232;text-shadow: 1px 1px rgba(192,192,192,0.1);font-size: 24px;font-family: 'bankgotham', Fallback, sans-serif;}
div[id="horarioleft"] a{text-decoration:none;height:24px;}

div[id="horarioright"] h1{display:inline;color: gray;text-shadow: 1px 1px rgba(192,192,192,0.1);font-size: 24px;font-family: 'bankgotham', Fallback, sans-serif;}
div[id="horarioright"] p{color: #65aad7;text-shadow: 1px 1px rgba(192,192,192,0.1);font-size: 20px;font-family: 'bankgotham', Fallback, sans-serif;}
div[id="horarioright"] span{color: #9e2232;display:inline;text-shadow: 1px 1px rgba(192,192,192,0.1);font-size: 24px;font-family: 'bankgotham', Fallback, sans-serif;}
div[id="horarioright"] a{text-decoration:none;}

div[id="social"] h1{display:inline;color: gray;text-shadow: 1px 1px rgba(192,192,192,0.1);font-size: 24px;font-family: 'bankgotham', Fallback, sans-serif;}
div[id="social"] p{color: #65aad7;text-shadow: 1px 1px rgba(192,192,192,0.1);font-size: 20px;    font-family: 'bankgotham', Fallback, sans-serif;}
div[id="social"] span{color: #9e2232;display:inline;text-shadow: 1px 1px rgba(192,192,192,0.1);font-size: 24px;font-family: 'bankgotham', Fallback, sans-serif;}
div[id="social"] a{text-decoration:none;}