body {
    background-color: #E68A2E;
    background: linear-gradient(#307BEA, #33CCCC, #FA7D8E, #E68A2E);
    min-height: 100vh;
   }
   #main {
    width: 80%;
    margin-left: 10%;
    border: 2px solid rgba(255,255,255,0.3);
    background-color: rgba(0,0,0,0.25);
   }
   img {
    max-width: 100%;
   }
   #bigtitle{
    font-size: 400%;
    font-family: 'Ruslan Display', cursive;
    text-align: center;
   }
img.cen{
 display: block;
 margin-left: auto;
 margin-right: auto;
}
.df{
 font-family:Times, serif;
}
.fs{
 font-family:Arial, Helvetica, sans-serif;
}

#infoa{
 color: rgba(118, 35, 8, 0.8);
 transition: color 0.5s;
}
#infoa:hover{
 color: rgba(184, 53, 10, 0.7);
}
#infoa:active{
 color: red;
 transition: color 0s;
}

article.plans{
 margin: 10px 14% 0px;
 border: 1px solid black;
 background: rgba(188, 162, 0, 0.2);
 padding: 2px;
 font-family: 'Open Sans';
}

/* --------- COLLAPSIBLE PANELS ----------*/

h2.es, p.es, ol.es, ul.es, li.es {
	margin:0px;
	padding:0px;
	font-size:18px;
	
}
ol.es, ul.es {
	padding:3px 0 10px 22px;	
}
li.es {
	padding:0 0 4px 0;	
}
/*hr {
	border:none;
	height:1px;
	border-top:1px dashed #999;
}*/
#container {
	//width:100%;	
	margin:auto;
	padding: 10px;
}
#intro{
 font-family: 'Open Sans';
 margin-top: 0;
}

.expandable-panel {
    //width:100%; 
    position:relative;
    min-height:50px;
    overflow:auto;
    margin-bottom: 15px;
    border:1px solid #999;
    border-radius: 15px;
}   
.expandable-panel-heading {
    width:100%; 
    cursor:pointer;
    min-height:60px;
    clear:both;
    background: linear-gradient(#C5C5C3, #9C9C9C);
    position:relative;
}
.expandable-panel-heading:hover {
    color:#444;
}
.expandable-panel-heading h2 {
    padding:16px 10px 9px 15px; 
    font-size:24px;
    line-height:26px;
}
.expandable-panel-content { 
    padding:0 15px 0 15px;
    background-image: url(https://lh4.googleusercontent.com/8wtrV-OCyP-BYbwA2Nha6zhUyEyuzJznZ-HtGAP1CowsuBrmmW1fOeQWp3H2o4fLBXFGRgroMBDKJyZhHW-0Fn2UTYKFxwIcYNhFfW9Erk-3Vkg_5E3X2n0K6ZaPFsf7uPO72jog);
}
.expandable-panel-content p {
    padding:4px 0 6px 0;
}
.expandable-panel-content p:first-child  {
	padding-top:10px;
}
.expandable-panel-content p:last-child {
	padding-bottom:15px;	
}
.icon-close-open {
    transition: background-position 0.5s;
    width:20px;
    height:20px;
    position:absolute;
    background-image:url(http://files.makington.net/h/i/icon-close-open.png);
    right:15px;
}

/*.expandable-panel-content img {
	float:right;
	padding-left:12px;	
	 clear:both; 
}*/
.header-active {
    background-color:#D0D7F3;
}

.ph-icon{
 position: absolute;
 top: 11px;
 height: 32px;
}