/* optimizado para wp8 */

@import url(https://fonts.googleapis.com/css?family=Ubuntu:400,700,700italic,400italic);/*Nombre fuente: Ubuntu*/
@import url(https://fonts.googleapis.com/css?family=Titillium+Web:400,700,700italic,900);/*Nombre fuente: Titillium Web*/
@import url(https://fonts.googleapis.com/css?family=Lobster);/*Nombre fuente: Lobster*/


h1, h2,  button, .button {font-family: 'Lobster', sans-serif;font-weight: 700;-webkit-font-smoothing: antialiased; text-rendering: geometricPrecision;}
h3, h4, h5, .categoria {
	font-family: 'Montserrat', 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:#feffcc;
	overflow-x:hidden;
}

::selection {background:#000000;color:#feffcc;	}
::-moz-selection {background:#000000;color:#feffcc;	}
p {line-height:20px;margin:0 0 20px 0;font-size:14px;color:#FFF;text-align:justify;}
ul {padding:0;margin:0 0 20px 0;list-style:none;}
li {font-size: 14px; padding: 5px 0px 5px 0px;line-height: 20px; transition: all 0.3s ease-in;}
h1 {display:block; width:230px; height:140px;margin:0;padding:0;float:left;text-indent:-5555px;}
h1 > a {display:block; width:230px; height:140px;background:url(imagenes/logo.png) no-repeat top left;background-size:contain;}
h1 > a:hover { opacity:0.5;}
h2 {color:#FFF;font-size:2.5rem;margin:0 0 25px 0;}
h3 {color:#FFF;font-size:1.5rem;margin:0 0 20px 0;padding:0;text-transform:uppercase;}
h4 {color:#FFF;font-size:1.125rem;margin:0 0 20px 0;text-transform: uppercase;}
h5 {color:#FFF;font-size:1rem;margin:0 0 20px 0;text-transform: uppercase;}
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;
}

/* boton */
button, .button {
  background-color:#000000;
  color:#f7fcff !important;
  text-transform:uppercase;
  font-size: 0.875rem !important;
}

button:hover, .button:hover {   background-color:#323232;}
button:focus, .button:focus {  background-color:#323232;}
i { padding:0 10px 0 0;}
blockquote {background:#FDFF00;padding:20px 25px 25px 25px;margin:0 0 20px 0;	border-left: 3px solid #323232;}
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 solid #000000;margin:0 0 20px 0;}

/* header */
header {padding: 35px 0; width: 100%;border-top: 4px solid #fd135c; background: #000 !important; background-attachment: fixed !important;}

/* social */
.social {width:132px;height:38px;list-style:none;padding:0;float: right;margin-bottom:10px;}
.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:#fd135c;background:#fff;border-radius:50%;}
.social .fa { padding:0; margin:0;}
.compartir { margin:13px 10px 0 0 !important; text-transform:uppercase; color:#FFF;}
.fac:hover { background:#fd135c; color:#FFF;}
.twi:hover { background:#fd135c; color:#FFF;}
.goo:hover { background:#fd135c; color:#FFF;}

/* nav - menu */
nav {width:100%;display:block;padding:0;background: #000;z-index: 999;}
nav > div > div > a { display:none;}
nav ul {margin: 0;
    padding: 0;
    list-style: none;
    height: 55px;
    background: #fc135c;
    border-radius: 10px 10px 0px 0px;}
nav li {padding:0;border:none;background:none;margin:0;	float:left;position:relative;}
nav li a { display: block;
    text-align: center;
    color: #FFF;
    padding: 18px 22px 0 22px;
    font-size: 0.8125rem;
    height: 55px;
    text-transform: uppercase;}
nav li a:hover {background: #000; color: #fd135c;}
nav li:hover > ul, nav li:focus > ul { display:block;}

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

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

nav li li a {
	color:#FFF;
	padding:17px 0 0 20px;
	text-align:left;
	display:block;
	height:50px;
	width:220px;
	font-size:12px;
	border: none;
}
nav li li a:hover { background: #fc135c;color: #ffffff;}

nav .fa { padding-right: 5px; margin:0;}

/* slide */

#banner {
	padding:0; 
	width:100%;
	height:500px;
	margin:0 auto;
	position:relative;
	color:#FFF;
	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:#feffcc; color:#000000;}
.prev:hover { background:#000000; color:#FFF;}
.next, .next:focus { right:10px; background:#feffcc; color:#000000;}
.next:hover { background:#000000; color:#FFF;}
.next .fa { padding:19px 0 0 5px;}
.prev .fa { padding:19px 5px 0 0;}

/* contenido */
section { margin:0 auto; padding:0 0 0px 0; background:#000;}
section a { color: #ffffff; border: 1px solid #fff;  padding: 15px; display: inline-block;
font-size: 14px; }
section a:hover { background:#fc135c;    border: 1px solid #ff5b8e;}
section li { line-height:17px;}
.int { padding: 40px 0; background: url(imagenes/interior.jpg); background-attachment: fixed;} 
.secimg { float:left;padding:0 20px 20px 0;}
.datos {background: url(imagenes/datos.jpg) bottom center #e03d73; background-size: cover; padding: 90px 0 80px 0; position: relative; background-attachment: fixed; background-position: 0 0;}

.datos p, .datos h2 { color: #000; text-shadow:1px 1px 1px #000;}
.fondocolor {background:#000; position:absolute; width:100%; height:100%; display:block; 
	z-index:2;opacity:0.8;top:0;left:0;
}

/* aside */

aside {
	background:#323232;
	padding:80px 0 60px 0;
	margin:0 auto;
}

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

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

aside a:hover {
	color:#151515;
}

/* footer */
footer { width:100%; padding:55px 0 0 0; margin:0 auto; background:#000; border-top: 1px solid #464646;}
footer h4 { color:#FFF; margin:0 0 20px 0;font-family:'Lobster';text-transform:none;font-size:25px;}
footer p { color:#f7fcff 	; line-height:20px; font-size: 0.8125rem;}
footer p span { float:right;}
footer a { color:#f7fcff ;}
footer a:hover { color:#f7fcff ;}
footer img { vertical-align:middle;}
footer .accesoperu { margin:0; font-size:14px; text-align:right;}
footer .accesoperu a { color: #f7fcff ;}
footer .accesoperu a:hover { color:#f7fcff;}
.fa-html5, .fa-css3 { font-size:14px;}
.fa-html5, .fa-css3 { color:#f7fcff;}
footer .large-3 { margin:10px 0; margin-top:20px; padding-top:20px;}
.fooba {margin-top:35px;padding-top:20px; background: #fc135c !important;}

/* form */

form { padding:0 0 20px 0;}
label {display:block;padding:3px 0 10px 0;font-size:0.9375rem;color:#FFF;}
input[type="text"], textarea[rows] {font-size:0.875rem;border:none;	background:#FFF;display:block;padding:8px 10px;margin:0 0 14px 0;width:100%;
transition:all 0.3s ease-in;-ms-transition:all 0.3s ease-in;}
input[type="text"]:focus, textarea[rows]:focus { background:#000;color:#FFF;}
/*rfgzs*/
/* extra */
.tcenter { text-align:center;}
.tright { text-align:right;}
.fbla {background:#000000;box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.6);}
.tbl { color: #000; }
.slogan {color: #fd135c;
    font-size: 20px;
    line-height: 1.5rem;
    font-weight: 400;
    padding: 0;
    margin: 30px 0 12px 0px;
    text-align: right;
    font-family: 'lobster';}
.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 #feffcc;
 	border-top: 1px solid #000000;
 	border-bottom: 1px solid #fdff4c;
 	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: #000000;	color: #FDFF00;	text-transform: uppercase;
 	padding: 5px 20px;font-size:12px;	}

/*mis estilos*/
.celda1{background: #323232;}
.celda2{background: #151515;}
.celda3{background: #000000;}
.box{z-index: 999;width:100%; display: inline-block; position: relative; padding: 50px 25px 55px 25px;  background: #000000; box-shadow: 1px 1px 7px 1px #0a0a0a;}
.box h2, .box p{color:#FFF;}
.article{background: url(imagenes/novedades.jpg); padding: 70px 0 50px 0;background-position:cover;background-attachment:fixed;}
.small-block-grid-5 a,.small-block-grid-5 a:hover{padding:0;border:none;}
.small-block-grid-5 p{text-align:center;margin:10px 0;}
section img, .small-block-grid-3 img{    border: 8px solid #fff;}
.figure{overflow:hidden;}
.figure img{transition:all ease 0.5s;}
.figure img:hover{    transform: scale(1.5) rotate(-20deg);  opacity: 0.8;}
.novedades{display: inline-block; margin: 25px 0; position: relative;}
.nolink a{border: 0px solid #fff; padding: 0px;}
.boxm h4{text-transform:none;}
.boxm hr{border-top: 1px solid #101010;}
button.expand, .button.expand{background:#fc135c;}
button.expand:hover, .button.expand:hover{background:#FFF;color:#000 !important;}

/*990*/
@media only screen and (max-width:990px) {
	nav li a{ padding: 18px 12px 0 12px;}
}

/*870*/
@media only screen and (max-width:870px) {
	nav li a{ padding: 18px 5px 0 5px;}
}

/*740*/
@media only screen and (max-width:740px) {

	.social {margin: 0 auto;float:none;padding: 20px 0 0 0;}
	/* nav - menu */
	#nav { display:none;}
	nav { margin:0;}
	nav > div > div > a {display: block;
    text-align: left;
    color: #FFF;
    padding: 15px 16px 0 16px;
    font-size: 0.8125rem;
    height: 50px;
    text-transform: uppercase;
    background: #fd135c;
    text-align: center;}
	nav ul {margin:0;border-left: none;}
	nav li {width:100%;	border-top:1px solid #151515;	background:#000000;}
	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:#000000;	border: none;}
	nav li li a:hover {	background:#fd135c;color:#fff;	border: none;}

	/* header */
	header {padding:20px 0;}
	h1 > a {position:absolute;left:50%;margin-left:-130px;}
	.slogan { text-align: center; font-size: 1rem; line-height:1.5rem; margin: 20px 0 0 0; }
	/* footer */
	footer, footer .accesoperu { text-align:center !important;}
       .theme-halftone .nivo-directionNav a{background: #fd135c url(img/arrows-mobile.png) no-repeat !important;}
}

/*400*/
@media only screen and (max-width:400px) {
	.slide li {background-position: -940px;}
         section img, .small-block-grid-3 img{border: 0px solid #fff;}
}