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: 97%;height: 97%;
    padding: 1% 1% 0% 1%;
}

#titulo { display:block; float:left;
	width:24%; 
	height: 100%;
	margin-right:1%;
	}
	
#titulo .img-titulo { margin:0px; width:100%;height:62%;}
#titulo .img-titulo IMG { width:100%; height:100%;}
#titulo .contenido{
    width: 100%;height:38%;
    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: 3% 2%;
	width: 96%;
   	height: 15%; min-height: 70px;
	background: #ccc url("titulo.png") 0 0 repeat-x;
    background-size: cover;
    font-size: 2.2em;
    text-transform: uppercase;
	}
#titulo .divider-pases{ width:100%;margin:0px 0px 0px 0px; text-align:center; line-height:1.6em; border-bottom: 1px solid #4087A7;}
.contenido ul{ width:98%; margin:0px; padding-left:2%; list-style: none;}
.contenido ul li{
	color: #fff;
    font-family: "Roboto",sans-serif;
    font-size: 2.1em;
    padding: 1% 0% 0% 2%;
    width: 98%;
	}
.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;
}	

@media (max-height:780px) {
	#titulo .img-titulo {
		height:52%;
	}
	#titulo .contenido{	
	    height:48%;
	}
	#titulo h2 { 
    	font-size: 1.2em;
	    line-height: 1.5em;
		min-height: 50px;
	}
	.contenido ul li{
	    font-size: 1.3em;
	}
	.contenido span {
		font-size: 1em;
	}
    /* Safari only override */
    ::i-block-chrome,.contenido ul li { 
    	font-size: 1.1em;
	}	
}
@media (max-width:1400px) {
	#titulo .img-titulo {
		height:62%;
	}
	#titulo .contenido{	
	    height:38%;
	}
	.contenido ul li{
	    font-size: 1.6em;
	}
}
@media (max-width:1050px) {
	#titulo .img-titulo {
		height:52%;
	}
	#titulo .contenido{	
	    height:48%;
	}

	.contenido ul li{
	    font-size: 1.25em;
	}
}