html,body{
	margin:0px;padding: 0px; 
    width: 100%;height:100%;
}
body {
    width: 100%;height:100%;
	font-family: 'Roboto', sans-serif;
	background: url("fondo.png") center center no-repeat;
	background-attachment: fixed;
	background-size: cover;
	}		
#contenedor {
    width: 99.5%;height: 99.5%;
    padding: 2px 2px 0 2px;
}

#titulo { display:block;
	width:100%; 
	height: 100%;
	margin-right:1%;
	background-color:#2E263E;
	}
	
#titulo .img-titulo { margin:0px; width:100%;height:81%;}
#titulo .img-titulo IMG { width:100%; height:100%;}
#titulo .contenido{
    width: 100%;height:18%;
    min-height: 360px;
    border-top: 4px solid #59b6e1;
    margin-top: -10px !important;
	background: #2e263e url("contenido.png") top left repeat-x;
    color: #fff;
    z-index: 100;
}

#titulo h2 { 
    margin: 0 0 0 0;
	padding: 1% 2%;
	width: 96%;
   	height: 11%; 
	background: #ccc url("titulo.png") 0 0 repeat-x;
    	background-size: cover;
    	font-size: 2.4em;
    	text-transform: uppercase;
	text-align:center;
	display:none;
	}
#titulo .divider-pases{ 
	width:100%;margin:6px 0px 0px 0px; 
	text-align:center; 
	line-height:1.8em; 
	border-top: 1px solid #4087A7;
	border-bottom: 1px solid #4087A7;
	font-size:1.9em;
	}
.contenido ul{ width:98%; margin:0px; padding-left:2%; list-style: none;}

.contenido ul {
   -webkit-column-count: 2;
      -moz-column-count: 2;
           column-count: 2;

   -webkit-column-gap: 10px;
      -moz-column-gap: 10px;
           column-gap: 10px;
}

.contenido ul li{
	color: #fff; 
    font-family: "Roboto",sans-serif;
    font-size: 3.8em;
	line-height:1.0em; 
    padding: 1% 0% 0% 2%;
    width: 98%;
	text-align:center;
	}
.contenido span {margin-right:2%;font-size: 1.25em; font-weight: bold;}

/* Safari only override */
::i-block-chrome,.contenido ul li { 
    font-size: 2.0em;
}