@charset "utf-8";
*{
	margin:0;
	padding:0;	
}

/* Estilos para dispositivos móviles */
@media (max-width: 768px) {
	header nav{
		margin:10px auto;
		width:100%;
	}
	header nav ul li{
		display:block;
		width:100%;
		margin-bottom:10px;
		text-align:center;
	}
	#logo{
		width:100%;
	}
	#buscar{
		width:100%;
	}
	#facebook {
		width:100%;
		text-align:center;
		margin-top:10px;
	}
	#text_buscar_barra{
		width:100%;
	}
	#btn_buscar_barra{
		width:100%;
		padding:5px;
	}
	#barra_navegacion{
		width:100%;	
		margin:0 auto;
	}
	#barra_navegacion li{
		width:100%;
		padding:5px;
	}
	#zona_servicios{
		width:100%;
		height:auto;
		position: relative;
	}
	#menu_servicios{
		width:100%;
		position: relative;
	}
	#img_servicio{
		width:100%;
		height:auto;
		position: relative;
		left: 0;
	}
	#servicios nav{
		width:100%;
		display:block;
		margin-bottom:10px;
	}
	#list li{
		padding:10px;
	}
	#imagen{
		width:100%;
		height:auto;
		display:block;
	}
	#des_servicio{
		position:relative;
		text-align:center;
		margin-top:10px;
	}
	#zona_contenido {
		height:auto;
		width:100%;
		margin:50px auto;
		position:relative;
	}	
	#store{
		position:relative;
		width:100%;
		padding:10px;
	}
	#info{
		position:relative;
		width:100%;
		padding:10px;
		left:0;
		margin-top:20px;
	}
	#contenido_productos{
		margin-top:20px;
	}
	.producto_store{
		width:100%;
		margin:5px;
		padding:5px;
	}
	.producto_store img:hover{
		transform : none;
	}
	footer {
		position:relative;
	}
	#footer_contenido{
		width:100%;
		margin:0 auto;
		padding-top:10px;
		text-align:center;
	}
	.titulo {
		font-size:24px;
	}
	.des_titulo {
		font-size:12px;
	}
	.titulo_contenedor{
		padding-bottom:5px; 
	}	
	.paletas {
		margin-top:20px;
	}
	.apli_mapa {
		font-size:10px;
		margin-top:10px;	
	}
	.titulo_pruducto{
		margin-top:5px;
		font-size:10px;
	}
	.marca_producto{
		margin-top:5px;
		font-size:12px;
	}
	.valor_producto{
		margin-top:5px;
		font-size:12px;
	}
	.descuento_producto{
		margin-top:5px;
		font-size:10px;
	}
	.notificacion{
		font-size:11px;
		padding:5px;
		margin-top:10px;
	}	
	.header{
		margin-top:20px;
	}
	#zona_cont_info{
		width:100%;
		position:static;
	}
	#contenido{
		padding:5px;
	}	
	.texto{
		font-size:12px;
	}
}

/* Estilos para dispositivos de pantalla mediana y grande */
@media (min-width: 769px) {
	header nav{
		margin:10px auto;
		width:1090px;
	}
	header nav ul li{
		vertical-align:top;
		height:auto;
		display:inline-block;	
	}
	#logo{
		width:60%;
	}
	#buscar{
		width:33%;
	}
	#facebook {
		width:5%;	
		text-align:right;
	}
	#text_buscar_barra{
		background-color: #F8F8F8;
		border-top-style: none;
		border-right-style: none;
		border-bottom-style: none;
		border-left-style: none;
		width:200px;
		font-family: 'Open Sans', sans-serif;
		font-size:14px;
	}
	#btn_buscar_barra{
		border:none;
		height:100%;
		padding-left:10px;
		padding-right:10px;	
		font-family: 'Open Sans', sans-serif;
		font-size:14px;
	}
	#buscar_table{
		border:1px solid #999;
	}
	#barra_navegacion{
		border: 1px solid #CCC;
		width:1025px;	
		margin:0 auto;
	}
	#barra_navegacion li{
		font-family: 'Open Sans', sans-serif;
		font-size:14px;
		text-align:center;
		display:inline-block;
		width:15%;
		padding:5px;
	}
	#barra_navegacion li:hover{
		display:inline-block;
		background-color:#F4F4F4;
		cursor:pointer;
		font-weight:600;
	}
	#zona_servicios{
		vertical-align: top;
		padding: 0;
		margin: 0 auto;
		background-color: #0099D8;
		width: 1025px;
		height: 277px;
		position: relative;
	}
	#menu_servicios{
		width: 20%;
		height: 277px;
		position: absolute;
		top: 0px;
		left: 0px;
	}
	#img_servicio{
		width: 80%;
		position: absolute;
		top: 0px;
		left: 20%;
		background-color: #CCCCCC;
		height: 277px;
	}
	#servicios nav{
		width:20%;
		display:inline-table;
	}
	#list li{
		font-family: 'Open Sans', sans-serif;
		font-size:14px;
		list-style:none;
		background-color: #0099D8;
		padding-top:15px;
		padding-bottom:15px;
		padding-left:25px;
		color:#FFFFFF;
		cursor:pointer;
	}
	#list li:hover{
		background-color: #2DC0FF;
	}
	#imagen{
		width:79%;
		height:100%;
		background-color:#CCCCCC;
		display:inline-table;
	}
	#des_servicio{
		position:absolute;
		bottom: 20px;
		right:20px;	
		left:20px;
		color:#FFFFFF;
		font-family:'Open Sans', sans-serif;
		font-weight:600;
		font-size:25px;
		text-shadow: 3px 3px 3px #000;
	}
	/*zona contenido*/
	#zona_contenido {
		height:600px;
		width:1035px;
		margin:50px auto;
		position:relative;
	}	
	#store{
		position:absolute;
		width:65%;
		padding:10px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	#info{
		position:absolute;
		width:30%;
		left:70%;
		padding:10px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;	
	}
	/*store*/
	#contenido_productos{
		margin-top:20px;	
	}
	.producto_store{
		display:inline-block;
		margin:5px;
		padding:5px;
		transition: 0.5s ease;
		-moz-transition: 0.5s ease; /* Firefox */
		-webkit-transition: 0.5s ease; /* Chrome - Safari */
		-o-transition: 0.5s ease; /* Opera */	
	}
	.producto_store img:hover{
		transform : scale(1.5);
		-moz-transform : scale(1.5); /* Firefox */
		-webkit-transform : scale(1.5); /* Chrome - Safari */
		-o-transform : scale(1.5); /* Opera */
		-ms-transform : scale(1.5); /* IE9 */	
	}
	/*footer*/
	footer {
		background-color:#F58634;
		border-top-width: 5px;
		border-top-style: solid;
		border-top-color: #E9690C;
		position:relative
	}
	#footer_contenido{
		width:1025px;
		margin:0 auto;
		font-family:'Open Sans', sans-serif;
		font-weight:600;
		font-size:12px;
		color:#FFFFFF;
		padding-top:10px;	
	}
	/*fonts y diseño*/
	.titulo {
		font-family:'Open Sans', sans-serif;
		font-weight:600;
		color:#F58634;
		font-size:30px;
	}
	.des_titulo {
		font-family:'Open Sans', sans-serif;
		font-weight:400;
		font-size:14px;
		color: #F79B57;
	}
	.titulo_contenedor{
		border-bottom:1px dotted #CCCCCC;
		padding-bottom:5px; 
	}	
	.paletas {
		margin-top:20px;
	}
	.apli_mapa {
		font-family:'Open Sans', sans-serif;
		font-weight:400;
		font-size:12px;
		color: #F79B57;
		text-decoration:none;
		margin-top:10px;	
	}
	.titulo_pruducto{
		margin-top:5px;
		font-family:'Open Sans', sans-serif;
		font-weight:400;
		font-size:12px;
		color:#666;
	}
	.marca_producto{
		margin-top:5px;
		font-family:'Open Sans', sans-serif;
		font-weight:600;
		font-size:14px;
		color:#000;
	}
	.valor_producto{
		margin-top:5px;
		font-family:'Open Sans', sans-serif;
		font-weight:600;
		font-size:14px;
		color:#000;
	}
	.descuento_producto{
		margin-top:5px;
		font-family:'Open Sans', sans-serif;
		font-weight:600;
		font-size:12px;
		color:#666;
	}
	.notificacion{
		font-family:'Open Sans', sans-serif;
		font-weight:600;
		font-size:14px;
		color:#F58634;
		padding:5px;
		margin-top:10px;
		background-color: #FFF8E5;
		border: 1px solid #F58634;
	}
	.header{
		margin-top:20px;
	}
	#zona_cont_info{
    width: 35%;
    position: absolute;
    left: 463px;
    padding: 5px;
	}
	#contenido{
		padding:10px;
		width:100%;
	}	
	.texto{
		font-family:'Open Sans', sans-serif;
		font-weight:400;
		font-size:14px;
		color:#666;
	}
}