@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700|Oswald:300,400);

h1, h2,  button, .button {
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
line-height:1.25;
	-webkit-font-smoothing: antialiased; 
	text-rendering: geometricPrecision;
}

h3, h4, h5, .categoria {
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
	text-rendering: geometricPrecision;
}
	
.btn-send {
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
	text-rendering: geometricPrecision;
}
	
nav li a, nav > div > div > a, .compartir {
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
	text-rendering: geometricPrecision;
}

p, a, li, label, input, textarea, select, input.button, #cboxTitle  { 
	font-family: 'Open Sans', sans-serif; 
	font-weight: 400;
}

/* general */

body {
	-webkit-font-smoothing:antialiased;
	background:#f8f8f8;
	overflow-x:hidden;
}

::selection {
	background:#3a230f;
	color:#fff;
	}

::-moz-selection {
	background:#3a230f;
	color:#fff;	
}

p {
	margin:0 0 20px 0;
	font-size:0.9375rem;
	color:#000;
}

ul {
	padding:0;
	margin:0 0 20px 0;
	list-style:none;
}

li {
	font-size:0.9375rem;
	padding:15px 15px 15px 20px;
	background:url(imagenes/flecha.png) no-repeat 0 0;
	border-bottom:1px solid #eeeeee;
	line-height:22px;
	-moz-transition:all 0.3s ease-in;
	-webkit-transition:all 0.3s ease-in;
	-o-transition:all 0.3s ease-in;
	transition:all 0.3s ease-in;
	-ms-transition:all 0.3s ease-in;
}

h1 { 
	display:block; 
	width:100%; 
	height:142px; 
	margin:0; 
	padding:0; 
	float:left; 
	text-indent:-5555px; 
}

h1 > a { 
	display:block; 
	width:100%; 
	height:142px; 
	background:url(imagenes/logo.png) no-repeat top center;
/*background:url(imagenes/logoaragon_navidad.png) no-repeat top center;*/
}

h1 > a:hover { 
	opacity:0.5;
}

h2 { color:#3a230f;
	font-size:2.5rem;
	margin:0 0 25px 0;
	text-transform: uppercase;
line-height:1.5;
}

h3 {
	color:#3a230f;
	font-size:1.25rem;
	margin:0 0 20px 0;
	padding:0;
	text-transform: uppercase;
line-height:1.5;
}

h4 {
	color:#000;
	font-size:1.125rem;
	margin:0 0 20px 0;
	text-transform: uppercase;
line-height:1.5;
}

h5 {
	color:#000;
	font-size:1rem;
	margin:0 0 20px 0;
	text-transform: uppercase;
line-height:1.5;
}

a {
	outline:none;
	text-decoration:none;
	-moz-transition:all 0.3s ease-in;
	-webkit-transition:all 0.3s ease-in;
	-o-transition:all 0.3s ease-in;
	transition:all 0.3s ease-in;
	-ms-transition:all 0.3s ease-in;
}

.titu {
	margin:140px 0 0 0;
	padding:25px 25px 10px 25px;
	
}

.titu h2 {
	font-size:2.5rem;
	color:#3a230f;
	text-transform:uppercase;
	margin:0;
}

.titu p {
	font-size:1rem;
	margin:0 0 10px 0;
	line-height:1.25rem;
	color:#3a230f;
	text-transform:uppercase;
	font-weight:300 !important;
}

/* boton */

button, .button {
  background-color:#3a230f;
  color:#fff;
  text-transform:uppercase;
  font-size: 0.875rem !important;
}

button:hover, .button:hover {
    background-color:#f9eb44;
color:#3a230f;
}

button:focus, .button:focus {
    background-color:#f9eb44;
color:#3a230f;
}

i { padding:0 10px 0 0;}

blockquote {
	background:#f8f8f8;
	padding:20px 25px 25px 25px;
	margin:0 0 20px 0;
	border-left: 3px solid #e6e6e6;
}

blockquote p {
	padding:0;
	margin:0;
	color:#050040;
	font-size:1rem;
	letter-spacing:0.2px;
}

blockquote strong {
	font-weight:700 !important;
}

hr {
	border-top:1px dotted #4d2f17;
margin:40px 0 60px 0;
}

/* header */

header {
	padding:20px 0;
	width:100%;
	background: #e9ded1;
}

.header { padding-bottom:0px;}

.btn-whatsapp {
display:block;
width:70px;
height:70px;
color#fff;
position: fixed;
right: 20px;
bottom: 90px;
border-radius:50%;
line-height:80px;
text-align:center;
z-index:999;

}

/* social */

.social {
	width:132px;
	height:38px;
	list-style:none;
	padding:0;
display:inline-block;
	margin:40px auto 0 auto;
}

.social li {
	padding:0;
	margin:0 3px;
	border-bottom:none;
	text-align:center;
	background:none;
	float:left;
}

.social a {
	display:block;
	width:38px;
	height:38px;
	padding:9px 0 0 0;
	text-align:center;
	color:#fff;
	background:#3a230f;
	border-radius:50%;
}

.social .fa { padding:0; margin:0;}

.compartir { margin:13px 10px 0 0 !important; text-transform:uppercase; color:#fff;}

.fac:hover { background:#415e9b; color:#FFF;}

.twi:hover { background:#55acee; color:#FFF;}

.goo:hover { background:#d73d32; color:#FFF;}

/* nav - menu */

nav {
	width:100%;
	display:block;
	padding:0;
	background: #e9ded1;
	z-index: 999;
	border-top: 4px solid #f9ea44;
	border-bottom: 1px solid rgba(0,0,0,.05);
line-height:0;
}

nav > div > div > a { 
	display:none;
}

nav ul {
	display:inline-block;
	padding:0;
margin:0 auto;
	list-style:none;
	height:50px;

}

nav li {
	padding:0;
	border:none;
	background:none;
	margin:0;
	float:left;
	position:relative;
}

nav li a {
	display:block;
	text-align:center;
	color:#3a230f;
	padding:0 15px;
	font-size:0.8125rem;
	height:50px;
line-height:50px;
	text-transform:uppercase;

}

nav li a:hover {
	background: #f9ea44;
}

nav li:hover > ul, nav li:focus > ul { display:block;}

nav li ul {
	background:#e58300;
	list-style:none;
	margin:0 !important;
	padding:0!important;
	width:220px;
	height:auto;
	position:absolute;
	z-index:999;
	top:46px;
	left:0px;
	display:none;
	border: none;
	box-shadow:3px 3px 3px rgba(0, 0, 0, 0.3);
	-moz-box-shadow:3px 3px 3px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow:3px 3px 3px rgba(0, 0, 0, 0.3);
}

nav li ul li {
	padding:0;
	margin:0;
	text-align:left;
}

nav li li a {
	color:#670000;
	padding:16px 0 0 20px;
	text-align:left;
	display:block;
	height:46px;
	width:220px;
	font-size:12px;
	border: none;
	border-left: 4px solid #f2a238;	
}

nav li li a:hover {
	background:#670000;
	color:#fff;
	border-left: 4px solid #860c0c;		
}

nav .fa { padding: 0; margin:0;}

/* slide */

#banner {
	padding:0; 
	width:100%;
	height:500px;
	margin:0 auto;
	position:relative;
	background:#ededed;
	clear:both;
}

.slide {
	position:relative;
	overflow:hidden;
	background:#fff;
}

.slide ul {
	margin:0;
	padding:0;
	position:relative;
}

.slide li {
	list-style:none;
	height:500px;
	float:left;
	margin:0;
	padding:0;
	border:none;
	-webkit-background-size:auto auto !important;
	background-position:center center;
}

.slide .dots {
    bottom:20px;
    left:50%;
	margin-left:-22px;
    position:absolute;
	padding:0;
}

.slide .dots li {
    border:1px solid #fff;
    border-radius:6px 6px 6px 6px;
    cursor:pointer;
    display:inline-block;
    height:6px;
    width:6px;	
    margin:0 4px;
    opacity:0.4;
    text-indent:-999em;
    transition:background 0.5s ease 0s, opacity 0.5s ease 0s;
	padding:0;
    background:none;
}

.slide .dots li.active {
    background:none repeat scroll 0 0 #fff;
    opacity:1;
}

.prev, .next { position:absolute; top:220px; z-index:4; display:block; height:50px; width:50px; text-align:center; border-radius: 50%;}

.prev, .prev:focus { left:10px; background:#3a230f; color:#e9ded1;}

.prev:hover { background:#f9eb44; color:#3a230f;}

.next, .next:focus { right:10px; background:#3a230f; color:#e9ded1;}

.next:hover { background:#f9eb44; color:#3a230f;}

.next .fa { padding:19px 0 0 5px;}

.prev .fa { padding:19px 5px 0 0;}

/* contenido */

section { margin:0 auto; padding:0 0 60px 0; background:#FFF;}

section a { color:#3a230f; }

section a:hover { color:#f9eb44;}

.int { padding-top: 0px; } 

.cab {
background:#e9ded1;
padding:40px 0 40px 0;
margin-bottom:60px;
text-align:center;
}

.secimg { 
	float:left;
	padding:0 20px 20px 0;
}

.datos { 
	background: url(imagenes/datos.jpg) center center #0db9ea;
	background-size:cover;
background-attachment: fixed;
	padding: 90px 0 80px 0;
	margin-bottom: 40px;
        position:relative;
}

.datos h2 { 
	color: #f9eb44;
}

.datos h4, .datos p  { 
	color: #fff;
}

.fondocolor {
	background:#3b230f; 
	position:absolute; 
	width:100%; 
	height:100%; 
	display:block; 
	z-index:2;
	opacity:0.95;
	top:0;
	left:0;
}

/* aside */

aside {
	background:url(imagenes/aside.jpg) center top fixed #000;
	padding:80px 0 60px 0;
	margin:0 auto;
}

aside h4 {
	margin:10px 0 0 0;
	color:#102935;
	font-size:16px;
}

aside a {
	color:#e21c21;
	margin:0 !important;
}

aside a:hover {
	color:#000;
}

/* footer */


footer { 
background:url(imagenes/footer.jpg) #3a230f no-repeat top center;
width:100%; padding:40px 0 0 0; margin:0 auto; }

footer h4 { color:#fff; margin:0 0 20px 0;}

footer p { color:#fff; line-height:20px; font-size: 0.8125rem;}

footer p span { float:right;}

footer a { color:#f9eb44;}

footer a:hover { color:#fff;}

footer img { vertical-align:middle;}

footer .accesoperu { margin:0; font-size:0.6875rem; text-align:right;}

.fa-html5, .fa-css3 { font-size:14px;}

.fa-html5, .fa-css3 { color:#FFF;}

footer .large-3 { margin:10px 0; margin-top:20px; padding-top:20px;}

.fooba {
	border-top:1px solid #4d2f17;
	margin-top:40px;
	padding-top:20px;
}

.fooba .fa { color:#f9eb44; }

/* mapa */

#map-canvas { 
	width:100%;
	height:400px;
	display:block;
	padding:0;
	margin:0 0 20px 0;
}

/* form */

form { padding:0 0 20px 0;}

label {
	display:block;
	padding:3px 0 10px 0;
	font-size:0.9375rem;
}

input[type="text"], textarea[rows]  {
	font-size:0.875rem;
	border:none;
	background:#eeeeee;
	display:block;
	padding:8px 10px;
	margin:0 0 14px 0;
	width:100%	
	-moz-transition:all 0.3s ease-in;
	-webkit-transition:all 0.3s ease-in;
	-o-transition:all 0.3s ease-in;
	transition:all 0.3s ease-in;
	-ms-transition:all 0.3s ease-in;
}

input[type="text"]:focus, textarea[rows]:focus { 
	background:#e58300;
	color:#fff;
}

/* extra */

.tcenter { text-align:center;}

.tright { text-align:right;}

.fbla {
	background:#000;
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.6);
}

.tbl { color: #000; }

 .slogan { 
 	text-transform: uppercase;
 	font-size: 1rem;
 	line-height: 1.5rem;
 	font-weight:400;
 	padding: 0;
margin-top:40px;
}

 .producto li { 
 	border: none;
 	background: none;
 	padding: 0;
 	float: left;
 	margin: 20px 21px;
 	width: 200px;
 	height: 270px;
 	text-align: center;
 	background: url("imagenes/productos.png") no-repeat top center #f2f2f2;
 	border-top: 1px solid #01193b;
 	border-bottom: 1px solid #e6e6e6;
 	position: relative;
}

.producto li a { 
  	display: block;
 	width: 200px;
 	height: 200px;
}

 .producto li a:hover { 
 	opacity: 0.3;
}

.producto h4 { 
  	margin: 25px 0 0 0;
  	padding: 0;
}

.producto h5 { 
  	margin: 0;
  	padding: 0;
}

.categoria {
 	position: absolute;
 	top: 0;
 	left: 50%;
 	margin-left: -45px; 
 	z-index: 99;
 	background: #01193b;
 	color: #0db9ea;
 	text-transform: uppercase;
 	padding: 5px 20px;
	font-size:12px;	
}

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

/* nav - menu */

#nav { display:none;}

nav { margin:0;}

nav > div > div > a {
	display:block;
	text-align: left;
	color:#3a230f;
	padding:0 16px;
line-height:50px;
	font-size:0.8125rem;
	height:50px;
	text-transform:uppercase;
}

nav ul {
	margin:0;
	border-left: none;
}

nav li {
	width:100%;
	border-top:1px solid rgba(0,0,0,.08);
}

nav li > ul {
	display:block;
}

nav li a {
	width:100%;
	text-align:left;
	border-right: none;
}

nav li ul {
	width:100%;
	height:auto;
	position:relative;
	top:0;
	left:0px;
}

nav li li a {
	width:100%;
	padding-left:40px;
	background:#01193b;
	border: none;
}

nav li li a:hover {
	background:#0db9ea;
	color:#01193b;
	border: none;	
}

/* header */

header {
	padding:20px 0;
}

.btn-whatsapp {
display:block;
width:70px;
height:70px;
color#fff;
position:fixed;
right: 20px;
bottom: 90px;
border-radius:50%;
line-height:80px;
text-align:center;
z-index:999;
}

/* footer */

footer, footer .accesoperu { text-align:center !important;}

}

@media only screen and (max-width:641px) {
 .slogan { 
margin-top:0px;
}
.social {
	margin: 20px auto 0 auto;;
}

.slide li {

	background-position: -940px;
}