/* optimizado para wp8 */

/* Fuentes */

@import 'https://fonts.googleapis.com/css?family=Oswald:300,400,700|Source+Sans+Pro:400,700';

body {-webkit-font-smoothing:antialiased;overflow-x:hidden;}
h1,h2,h3,h4,h5{font-family: 'Oswald', sans-serif }
p, a, li, label, input, textarea, select, #cboxTitle, li ul a{ font-family: 'Source Sans Pro', sans-serif;}

::selection {background:#002ce5;color:#FFF;}
::-moz-selection {background:#002ce5;color:#FFF;}
p {line-height: 1.5rem; font-size:  0.875rem; color:#000; }
ul {padding:0;margin:0 0 20px 0;list-style:none;}
li {line-height: 1.375rem;font-size: 0.875rem; padding:7px 0px 12px 0px;background:none;transition:all 0.3s ease-in;-ms-transition:all 0.3s ease-in; }
li span { float:right; }
h1 { 	display:block; width:100%; height:110px; margin:0; padding:0; float:left; text-indent:-5555px;}
h1 > a {display:block; width:100%; height:110px;background:url(img/logo.png) no-repeat top left; background-color: none; background-size: contain;}
h1 > a:hover { opacity:0.5;}
h2 { color:#002ce5;font-size:2.25rem;margin:0 0 30px 0;padding:0 0 20px 0;border-bottom: 1px solid #f3f5fb;letter-spacing:0.5px;text-transform:uppercase;}
h3 {color:#002ce5;font-size: 1.5rem;margin:0 0 30px 0;padding:0;letter-spacing:0.5px;	text-transform:uppercase;}
h4 {color:#002ce5;font-size: 1rem;margin:0 0 20px 0;letter-spacing:0.5px;text-transform:uppercase;}
h5 {color:#002ce5;font-size: 1rem;margin:0 0 20px 0;letter-spacing:0.5px;	text-transform:uppercase;}
.fa-check {color:#002ce5;} 

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

/* boton */
button, .button { background:none; color:#daa77d; font-size: 13px !important;border: 1px solid #daa77d; padding: 14px 30px 14px 45px; font-weight: 700; }
button:hover, .button:hover {background-color:#daa77d;color:#002ce5;}
button:focus, .button:focus { background-color:#daa77d;color:#002ce5;}
i { padding:0;}
blockquote {background:#fff;padding:20px 25px 25px 25px;margin:0 0 20px 0;	border:none;border-bottom: 3px solid #e6e6e6;}
blockquote p {padding:0;margin:0;	color:#050040;font-size:0.875rem;	letter-spacing:0.2px;
}
blockquote strong {font-weight:700 !important;}
hr {border-top:1px solid #e1e1e1;	margin:0 0 20px 0;}

/* header */
header { width: 100%; background:linear-gradient(#FFF 30%,#ebebeb 74%);;padding: 14px 0;border-top:3px solid #002ce5;}
header > .row {padding: 0;}

/* social */
.social {width:132px;height:38px;list-style:none;padding:0;margin:15px 0 0 0;float: right;}
.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:8px 0 0 0;
	text-align:center;
	color:#dca772;
	background:#002ce5;
	border-radius:50%; 
}

.social .fa {padding:0; margin:0;}
.compartir{margin:13px 10px 0 0 !important; text-transform:uppercase; color:#daa875;}
.fac:hover{background:#002ce5; color:#dca772; }
.twi:hover{background:#002ce5; color:#dca772; }
.goo:hover{background:#002ce5; color:#dca772; }

/* nav - menu */
nav {	width:100%;display:block;}
nav > div > div > a { display:none;}
nav ul {margin:0;padding:20px 0;list-style:none;float:right;}
nav li {padding:0;border:none;background:none;margin:0;	float:left;position:relative;}
nav li a {display:block; text-align:center; color:#002ce5; padding:10px 15px; font-size: 14px;height:50px;}
nav li a:hover {color: #dca870; }
nav li:hover > ul, nav li:focus > ul { display:block;}
nav li ul {background:#FFF;list-style:none;margin:0 !important;padding:0!important;	width:280px;height:420px;position:absolute;z-index:1;	top:50px;left:0px;display:none;border: none;	z-index:9999;box-shadow:2px 2px 3px rgba(0, 0, 0, 0.3);}
nav li ul li {	padding:0;margin:0;text-align:left;}
nav li li a {color:#234e8c;padding:16px 0 0 20px;text-align:left;display:block;	height:50px;width:280px;font-size: 14px;	border: none;border-left:none;border-radius:none;letter-spacing:0;	}
nav li li a:hover {	border-left:none; background: #d9b05d; color: #234e8c; }
nav .fa { padding:0 5px 0 0; margin:0 5px 0 0; color: #dca772; background: #002ce5; border-radius: 50%; height: 30px; width: 30px; padding: 7px 0 0 0; text-align: center; }

/* slide */
#bannerpr {padding:0; width:100%;padding:0;	height:auto;z-index:1; background:url(img/fondo-cabecera.jpg); position:relative;background-attachment: fixed; background-position: center; background-size: contain;    box-shadow: inset 5px 6px 5px #000;}
#bannerpr .capabanner{ background: #002ce5;   position: absolute; width: 100%;    display: block; height: 100%;  opacity: 0.5; top: 0; left: 0; right: 0; bottom: 0;}
#bannerpr > .row {padding:50px 0; }
#bannerpr h2, #bannerpr h3, #bannerpr h4, #bannerpr p { color:#FFF; border:none; margin:0; padding:0 0 20px 0; }
#bannerpr h2{ font-size: 22px; color: #d9b05d; }
#bannerpr li { color:#fff; margin:3px 0 3px 15px; padding:0; list-style:disc; }
/* contenido */
.panel {background: none !important;  border: 1px solid #c7d0ec; width: 100%;
    display: inline-block; padding: 30px 20px;}
.panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6, .panel p, .panel li, .panel dl{
     color:#00080c;}
.callout {background:#002ce5 !important;border:none !important;}
.panel.callout, .panel.callout p, .panel.callout label, .panel.callout h3 { color:#FFF !important;}
section {margin:0 auto;padding:40px 0 60px 0;}
section a { color:#000; }
section a:hover { color:#a20101;}
.product img {margin:0 0 25px 0;}
.imgleft { float:left;padding:0 20px 20px 0;}
.imgright { 	float:right;padding:0 0 20px 20px;}

/* aside */
aside {background:url(img/aside.jpg);padding:40px 0 40px 0;margin:0 auto;background-attachment:fixed;}
aside h3, aside p { margin:0; color:#00080c; }

/* footer */

footer {width:100%;padding:40px 0 10px 0;margin:0 auto;   background:#002ce5;	}
footer h4 { color:#FFF; margin:0 0 20px 0; padding:0 0 20px 0;}
footer h5 { color:#FFF; }
footer p { color:#FFF ;line-height:20px; font-size: 14px;}
footer p span { float:right;}
footer a { color:#FFF;}
footer a:hover { color:#FFF;}
footer img { vertical-align:middle;}
footer .accesoperu { margin:0; font-size:0.6875rem; text-align:right;}
footer .accesoperu a { color:#f7fcff;font-size:14px;}
footer .accesoperu a:hover { color:#0aac8e#f7fcff;}
.fa-html5, .fa-css3 { font-size: 0.875rem;}
.fa-html5, .fa-css3 { color:#f7fcff;}


/* form */
form { padding:0 0 20px 0;}
label {display:block;padding:8px 0;	font-size: 0.8125rem;float:left;width:auto;}

input[type="text"], textarea[rows], input[type="password"]  {
	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;
	float:left;
}

input[type="text"]:focus, textarea[rows]:focus, input[type="password"]:focus { 
	background:#d9b05d;
	color:#002ce5;
}

input[type="submit"] {float:left;cursor:pointer;border:none; font-weight: bold; background:#d9b05d;color:#002ce5; font-size: 0.8125rem !important; padding: 0.875rem 1.7rem;transition:all 0.3s ease-in;-ms-transition:all 0.3s ease-in;
}
input[type="submit"]:hover { background:#002ce5; color:#d9b05d; }

/*800*/
@media only screen and (max-width:800px) {
nav li a {padding:17px 15px 0 15px;}
}

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

aside { text-align:center; }
aside p { margin:0 0 20px 0; }
aside input[type="text"], aside input[type="password"] { margin:10px 0; }
label { padding: 0; }
.social {margin: 0 auto;float:none;padding: 20px 0 0 0;}

/* nav - menu */
#nav { display:none; }
nav { margin:0; }
nav > .row {background:none;}
nav > div > div > a {display:block;text-align: left;color:#002ce5;	padding:15px 16px 0 16px;font-size:0.875rem;height:50px;text-align:center;}
nav ul {margin:0;border-left: none;padding:20px 20px 20px 0; background: none;}
nav li {width:100%;border:none;}
nav li > ul {display:block;}
nav li a {width:100%;text-align:left;border: none;}
nav li a:hover {color:#d9b05d;border: none;	}
nav li ul {width:100%;height:auto;position:relative;top:0;left:0px;box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none; background:none;}
nav li li a {	width:100%;padding-left:50px;color: #002ce5;border: none; }

nav li li a:hover {	background:none;color:#d9b05d;border: none;	}

/* header */
/* footer */
footer, footer .accesoperu { text-align:center !important;}
footer .columns {	padding-top:20px !important;}

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

aside { text-align:center;}
table td { padding:6px 4px !important; font-size: 0.6875rem !important; }
.imgright, .imgleft { float:none;display:block;margin:0 auto;padding:0 0 20px 0;}
h1 > a {margin:0 auto;}

}
/*320*/
@media only screen and (max-width:320px) {}
/* extra */
.tcenter { text-align:center;}
.tright { text-align:right;}
.banner-panel{    margin-top: 0px;}
#bannerpr h4{ line-height: 26px; font-size: 15px;}
#bannerpr .fa{ margin-right: 10px;}
.clear{height:40px;clear:both;}
.article{width: 100%; display: inline-block; margin: 35px 0;}
.btn{border: 1px solid #002ce5; padding: 15px 22px; display: inline-block; color: #002ce5;font-size:13px; text-transform: uppercase; font-weight: 700;}
.btn:hover{background:#002ce5;color:#FFF;}
.button.expand{ background: #002ce5;border:1px solid #002ce5;color:#FFF;text-transform:uppercase;padding: 15px 22px;}
.button.expand:hover{color:#002ce5;background:#FFF;border:1px solid #002ce5;font-size:14px !important;}
.panel h4{color:#002ce5;text-align:center;margin:20px 0;}
section .fa{    padding-right: 10px;}
.small-block-grid-5 li, .small-block-grid-3 li, .small-block-grid-4 li{text-align:center;}
.titulo{ background: #002ce5;  color: #FFF; padding: 20px 0; text-align: center;margin:0 0 0 0;}