body {
	margin: 30px;
	padding: 0;
	background: #eee url(../images/bg.png);
}

#wrap {
	width: 900px;
	margin: auto;
	clear: both;
}

a img { border: none; }
	
#header {
	margin-bottom: 20px;
	background: #1cb9b9;
	padding: 30px;
}

	#header a{
		color: #fff;
		text-decoration: none;
	}
	
	#header h1 {
			font-size: 32px;
			font-family: 'Monda', sans-serif;
			font-weight: 200;
			color: #fff;
			text-transform: uppercase;
			text-align: center;
			margin: 0 0 10px 0;
			padding: 0 10px 20px 0;
			background: url(../images/ico_imagen.png) bottom center no-repeat;
	}
	#header p {
		margin: 0;
		padding: 0;
		text-align: center;
		font: 14px Arial, Georgia;
		color: #fff;
	}
	
#contenido {
	min-height: 1%;
	overflow: hidden;
	position: relative;
	width: 100%;
}

	#contenido .detalle {
		float: left;
		background: #fff;
		width: 200px;
		margin-top: 10px;
	}

	#contenido .texto {
		background: #fff;
		padding: 15px;
	}
	
	#contenido .texto h1 {
		margin: 0 0 10px 0;
		padding: 0 0 10px 0;
		font-size: 25px;
		font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
		font-weight: 600;
		text-transform: uppercase;
		border-bottom: 1px solid #eee;
		line-height: 23px;
	}
	
	#contenido .texto span {
		color: #888;
		font: 12px Arial, Georgia;
		line-height: 18px;
		display: block;
		margin-bottom: 3px;
	}
	
	#contenido .descargar {
		background: #21bab8;
		color: #fff;
		padding: 15px;
	}
	
	#contenido .descargar strong {
		font: bold 12px Arial;
		color: #a9fffe;
	}
	
	#contenido .descargar a { color: #fff; text-decoration: none; }
	#contenido .descargar a:hover { color: #a9fffe; } 
	
	#contenido ul { 
		margin: 0 auto 0 auto;
		padding: 0;
		width: 75%;
		font: 12px Arial;
		color: #fff;
	}
		#contenido li {
			border-bottom: 1px dotted #fff;
			padding: 8px 0 5px 0;
			list-style: none;
		}
	
	#contenido .foto {
		float: left;
		position: relative;
		cursor: pointer;
	}

			#contenido .foto img 
			{ 
				max-width: 700px; 
				border: none; 	
				#width: 700px;	
				_width: 700px;	
			}
			#contenido .foto span {
				position: absolute;
				top: 40%;
				left: 45%;
				display: none;
			}
	
	#contenido .flecha {
		position: absolute;
		top: 30px;
		left: 200px;
	}

	#nav {
		display: block;
		min-height: 1%;
		overflow: hidden;
		margin-bottom: 20px;
		font-size: 15px;
		font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
		font-weight: 600;
		text-transform: uppercase;		
	}
		#nav a {
			text-decoration: none;
			color: #888;
		}
			#nav a:hover { color: #111; }
	
		#nav .anterior {
			float: left;
		}
	
		#nav .siguiente {
			float: right;
		}

		.volver {
			width: 100%;
			text-align: center;
			margin-top: 30px;
		}

.barra {
	min-height: 1%;
	overflow: hidden;
	margin-bottom: 10px;
	clear: both;
}

	.uc-container h1 {
			font-size: 20px;
			font-family: 'Monda', sans-serif;
			font-weight: 200;
			color: #fff;
			text-transform: uppercase;
			text-align: center;
			margin: 0 0 7px 0;
			padding: 0 10px 20px 0;
			background: url(../images/ico_imagen.png) bottom center no-repeat;
	}
	.uc-container p {
		margin: 0;
		padding: 0;
		text-align: justify;
		font: 12px Arial, Georgia;
		color: #fff;
	}


	
	.uc-container.titulo { padding: 15px; }
	.uc-container.titulo h1 a, .uc-container.titulo p a { color: #fff; text-decoration: none; }


.izq { float: left; }
.der { float: right; }
	
/* Responsive */

@media screen and (max-width: 640px) {

		
	body {
		margin: 20px;
	}
	#wrap { 
		width: 95% !important; 
		margin: auto !important;
		padding: 0 !important;
		min-height: 1%;
		overflow: hidden;
	}
	.barra, #header p, .flecha { display: none !important; }
	
	
	.container {
		min-height: 1%;
		overflow: hidden;
	}
	
	.uc-initial, .uc-final-content .icon-cancel, .uc-final-content .title { display: none; }
	.uc-final-wrapper, .uc-final { display: block !important; }
	
	.uc-container { 
		width: 100% !important; 
		height: auto !important;
		min-height: 200px !important;
	}
	
	.uc-container img { width: 100% !important; height: auto !important; border-top: 2px solid #fff; }
	
	.uc-final-content, .uc-final, .uc-final-wrapper
	{ 
		display: block; 
		width: 100% !important; 
		height: auto !important;
	}
	
	.uc-final-content a {
		min-height: 1%;
		overflow: hidden;
		display: block;
	}
	
	.demo-2 .uc-container { 
		width: 100% !important;
		height: auto !important;
	}
	
	.uc-container.titulo { 	background: #1cb9b9 !important; width: 100% !important; clear: both; min-height: auto !important;  }
	
	
	#header h1 { font-size: 23px !important; }
	
	.uc-single, .uc-final-wrapper, .uc-initial-content, .uc-back, .uc-front { background: transparent !important; }
	
	#contenido .detalle { width: 100% !important; }

	#contenido .detalle ul { 
		min-height: 1%;
		overflow: hidden;
		width: 100%;
		margin: 0;
		padding: 0;	
	}
	
	#contenido .detalle strong { display: none; }
	
	#contenido .detalle ul li {
		float: left;
		border: none;
		margin-right: 10px;
		font-size: 12px !important;
		font-weight: bold;
	} 
	
	#contenido .foto { width: 100%; }
	#contenido .foto img { width: 100%; }
	
	#nav {
		font-size: 13px;
		}


	

 }