body {
	font-family: Futura, 'Trebuchet MS', Arial, sans-serif;
}

@media (min-width: 200px) and (max-width: 500px){
	body {
		background-color: #63A3CC !important;
		background-image: url("/javax.faces.resource/main/images/valledupar/fondo.png.xhtml"), 
			url("/javax.faces.resource/main/images/valledupar/pegui.png.xhtml") ;
	    background-position: 0px 344px, top left;
	    background-repeat: repeat-x, no-repeat;
	    -webkit-background-size: 2000px, 40% auto;
		-moz-background-size: 2000px, 40% auto;
		-o-background-size: 2000px, 40% auto;
		background-size: 2000px, 40% auto;
	}
	
	.header {
		min-height: 320px;
		background-image: url("/javax.faces.resource/main/images/valledupar/centro.png.xhtml");
	    background-position: center bottom;
	    background-repeat: no-repeat;
	    -webkit-background-size: 95%;
		-moz-background-size: 95%;
		-o-background-size: 95%;
		background-size: 95%;
	}
	
	.logo {
		max-width:100px;
		height: auto;
		margin-top:10px;
		display: block; 
		margin: 0 auto;
	}
	.slide {
		width: auto;
		height: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	
	.unslider {
		position: relative;
	    text-align: center !important;
	    text-shadow: none;
	}
	
	.unslider-slider, .unslider-slider ul{ 
		height:320px;
	}
	
	.unslider-slider li{
		height: 220px !important;
		bottom: 0 !important;
		top: inherit !important;
	}
	
	.unslider-slider ul {
		margin: 0px !important;
	}
}

@media (min-width: 501px) and (max-width: 760px){
	body {
		background-color: #63A3CC !important;
		background-image: url("/javax.faces.resource/main/images/valledupar/fondo.png.xhtml"), 
			url("/javax.faces.resource/main/images/valledupar/pegui.png.xhtml") ;
	    background-position: 0px 343px, top left;
	    background-repeat: repeat-x, no-repeat;
	    -webkit-background-size: 2000px, 35% auto;
		-moz-background-size: 2000px, 35% auto;
		-o-background-size: 2000px, 35% auto;
		background-size: 2000px, 35% auto;
	}
	
	.header {
		min-height: 320px;
		background-image: url("/javax.faces.resource/main/images/valledupar/centro.png.xhtml");
	    background-position: center bottom;
	    background-repeat: no-repeat;
	    -webkit-background-size: 95%;
		-moz-background-size: 95%;
		-o-background-size: 95%;
		background-size: 95%;
	}
	
	.logo {
		max-width:100px;
		height: auto;
		margin-top:10px;
		display: block; 
		margin: 0 auto;
	}
	
	.slide {
		width: auto;
		height: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	
	.unslider {
		position: relative;
	    text-align: center !important;
	    text-shadow: none;
	}
	
	.unslider-slider, .unslider-slider ul{
		height:320px;
	}
	
	.unslider-slider li{
		height: 220px !important;
		bottom: 0 !important;
		top: inherit !important;
	}
	
	.unslider-slider ul {
		margin: 0px !important;
	}
}

@media (min-width: 760px) and (max-width: 992px) {
	body {
		background-color: #63A3CC !important;
		background-image: url("/javax.faces.resource/main/images/valledupar/fondo.png.xhtml"), 
			url("/javax.faces.resource/main/images/valledupar/pegui.png.xhtml") ;
	    background-position: 0px 339px, top left;
	    background-repeat: repeat-x, no-repeat;
	    -webkit-background-size: 100%, 20% auto;
		-moz-background-size: 100%, 20% auto;
		-o-background-size: 100%, 20% auto;
		background-size: 2000px, 20% auto;
	}
	
	.header {
		min-height: 320px;
		background-image: url("/javax.faces.resource/main/images/valledupar/centro.png.xhtml");
	    background-position: center bottom;
	    background-repeat: no-repeat;
	    -webkit-background-size: 90%;
		-moz-background-size: 90%;
		-o-background-size: 90%;
		background-size: 90%;
	}
	
	.logo {
		max-width:80px;
		height: auto;
		margin-top:10px;
		display: block;
		padding-right: 30px;  
	}
	
	.slide {
		width: auto;
		height: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	
	.unslider {
		position: relative;
	    text-align: center !important;
	    text-shadow: none;
	}
	
	.unslider-slider, .unslider-slider ul, .unslider-slider li{
		height:320px;
	}
	
	.unslider-slider ul {
		margin: 0px !important;
	}
}

@media (min-width: 992px) {
	body {
		background-color: #63A3CC !important;
		background-image: url("/javax.faces.resource/main/images/valledupar/fondo.png.xhtml"), 
			url("/javax.faces.resource/main/images/valledupar/pegui.png.xhtml") ;
	    background-position: 0px 337px, top left;
	    background-repeat: repeat-x, no-repeat;
	    -webkit-background-size: 100%, 18% auto;
		-moz-background-size: 100%, 18% auto;
		-o-background-size: 100%, 18% auto;
		background-size: 100%, 18% auto;
	}
	
	.header {
		min-height: 320px;
		background-image: url("/javax.faces.resource/main/images/valledupar/centro.png.xhtml");
	    background-position: center bottom;
	    background-repeat: no-repeat;
	    -webkit-background-size: 63%;
		-moz-background-size: 63%;
		-o-background-size: 63%;
		background-size: 63%;
	}
	
	.logo {
		max-width:120px;
		height: auto;
		margin-top:10px;
		display: block;
		padding-right: 30px; 
	}
	
	.slide {
		width: auto;
		height: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	
	.unslider {
		position: relative;
	    text-align: center !important;
	    text-shadow: none;
	}
	
	.unslider-slider, .unslider-slider ul, .unslider-slider li{
		height:320px;
	}
	
	.unslider-slider ul {
		margin: 0px !important;
	}
}