/* general */

body {
	-webkit-font-smoothing:antialiased;
	background:#fff;
	overflow-x:hidden;
	color:#525252;
}

::selection {
	background:#45694C;
	color:#fff;
	}

::-moz-selection {
	background:#45694C;
	color:#fff;	
}

p {
	line-height: 1.375rem;
	font-size: 0.9rem;
	color:#3E3E3E;
	text-align:justify;
}

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

li {
	line-height: 1.25rem;
	font-size: 0.8125rem;
	padding:15px 15px 15px 0px;
	/*background:url(img/flecha.png) no-repeat 0 0;*/
	/*border-bottom:1px dotted #4270A9;/* rf*/
	-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;
}

li span { float:right; }

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

h1 > a {
	display:block; 
	width:250px; 
	height:140px;
	background:url(img/logo.png) no-repeat top left;
	background-size:100%;
}


h2 { color:#45694C;
	font-size:1.9rem;
	margin:0 0 30px 0;
	padding:0 0 20px 0;
	border-bottom: 1px solid #999;
	letter-spacing:0.5px;
	text-transform:uppercase;
	font-weight:bolder;
}

h3 {
	color:#45694C;
	font-size: 1.2rem;
	margin:0 0 20px 0;
	padding:0;
	letter-spacing:0.5px;
	text-transform:uppercase;	
	font-weight:bold;
}

h4 {
	color:#2a2c2e;
	font-size: 1rem;
	margin:0 0 20px 0;
	letter-spacing:0.5px;
	text-transform:uppercase;	
}

h5 {
	color:#2a2c2e;
	font-size: 1rem;
	margin:0 0 20px 0;
	letter-spacing:0.5px;
	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:#fff;
  color:#45694C;
  font-size: 1rem !important;
  padding: 0.875rem 1.7rem;
  box-shadow: 3px 3px 0px 0px #a6a6a6;
  border-radius:5px;
}

button:focus, .button:focus{background-color:#3E3E3E;
	color:#fff;
	box-shadow: 3px 3px 0px 0px #B3605F;}

button:hover, .button:hover {
    background-color:#3E3E3E;
	color:#fff;
	box-shadow: 3px 3px 0px 0px #676767;
}


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:#fff;
	padding:0 0 20px 0;
	border-top:6px solid #45694C;
	box-shadow: -22px -8px 32px 5px #A7A7A7;
}

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:9px 0 0 0;
	text-align:center;
	color:#45694C;
	background:#fff;
	border-radius:50%;
	-webkit-border-radius:50%;
	-moz-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;
}

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:#3E3E3E;
	padding:25px 13px 0 0 ;
	font-size: 0.9rem;
	height:50px;
	opacity:1;
	font-weight:bolder;
	text-transform:uppercase;
}

nav li a:hover {
	color:#45694C;
	opacity:0.8;
	transition:all ease 0.5s;
}

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:auto;
	position:absolute;
	z-index:1;
	top:45px;
	left:0px;
	display:none;
	border: none;	
	
	box-shadow:2px 2px 3px rgba(0, 0, 0, 0.3);
	-moz-box-shadow:2px 2px 3px rgba(0, 0, 0, 0.3);
	-webkit-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:#949698;
	padding:20px 0 33px 20px;
	text-align:left;
	display:block;
	height:37px;
	width:280px;
	font-size: 0.8125rem;
	border: none;
	border-left:none;
	border-radius:none;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	letter-spacing:0;	
}

nav li li a:hover {
	border-left:none;
	border-bottom:none;	
}

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

/* slide */

#bannerpr {
	padding:0; 
	width:100%;
	padding:0;
	height:370px;
	z-index:1;
    background:url(img/banner-bg.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
	background-size:cover;
}

#bannerpr > .row {
	padding:40px 0; 
}

#bannerpr h2, #bannerpr h3, #bannerpr h4, #bannerpr p { color:#25528b; border:none; margin:0; padding:25px; }

/* contenido */

.panel {
	background:#efefef !important;
}

.callout {
	background:none  !important;
	/*box-shadow: 4px 5px 0px 0px rgb(218, 218, 218);*/
	border:1px solid #45694C !important;
}


section {
	margin:0 auto;
	padding:60px 0;
}

section a { color:#808080; }

section a:hover { color:#e65619;}

section li { line-height:17px;}

.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-bg.jpg);
	background-position:0 0;
	background-size:cover;
	padding:70px 0 70px 0;
	margin:0 auto;
}

aside h3, aside p { margin:0; color:#fff;}

/* footer */

footer {
	width:100%;
	padding:40px 0 10px 0;
	margin:0 auto;
    background:#000;
	}

footer h4 { color:#9a9c9e; margin:0 0 20px 0; padding:0 0 20px 0; border-bottom: 1px dotted #fff; }

footer h5 { color:#9a9c9e; }

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

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:#fff;}

footer .accesoperu a:hover { color:#fff;}

.fa-html5, .fa-css3 { font-size: 0.875rem;}

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

/* 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:8px 0;
	font-size: 0.8125rem;
	float:left;
	width:auto;
	color:#3e3e3e;
}

input[type="text"], textarea[rows], input[type="password"]  {
	font-size:0.875rem;
	border:1px solid #A9A9A9;
	background:#fff;
	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;
	float:left;
}

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

input[type="submit"] {
	float:left;	
	cursor:pointer;
	border:none;
	background-color: #45694C;
    box-shadow: 3px 3px 0px 0px #BBBBBB;
    border-radius: 5px;

  color:#fff;
  font-size: 0.8125rem !important;
  padding: 0.875rem 1.7rem;

	-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="submit"]:hover {  background-color:#3E3E3E;	color:#fff;	box-shadow: 3px 3px 0px 0px #565656;}

/* extra */

.tcenter { text-align:center;}

.tright { text-align:right;}


@media only screen and (max-width:800px) {
	
nav li a {
	padding:17px 15px 0 15px;
}
.callout a{
  font-size: 11px;
  padding: 12px 12px;
}
}

@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:#45694C;
	padding:15px 16px 0 16px;
	font-size:0.875rem;
	height:50px;
	text-align:center;
	background:#fff;
}

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

nav li {
	width:100%;
	border:none;
	border-top:1px solid #f1f1f1;
}

nav li > ul {
	display:block;
}

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

nav li a:hover {
	padding-left:30px;
	color:#45694C;
	opacity:1;
	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;
}

nav li li a {
	width:100%;
	padding-left:40px;
	color: #9a9c9e;
	border: none;
	background:#f1f1f1;	
}

nav li li a:hover {
	background:#45694C;
	color:#fff;
	border: none;	
}

/* header */


/* footer */

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

footer .columns {
	padding-top:20px !important;
}



}

@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;
}
header h1{height:110px;}
header h1 a{width:300px;}
}

@media only screen and (max-width:1030px) {
#nav{float:left;}
}
/*mis estilos*/
.cont-2{background:#ECECEC;}
#bannerpr h2{font-size:1.4rem;font-weight:bold;color:#fff;  text-shadow: 2px 2px 2px #3A3A3A;}
.sinlista{background:none;border-bottom:none;}
.callout a{ font-size: 14px;
  padding: 12px 20px;
  line-height: 50px;
    background-color:#45694C;
  box-shadow: 3px 3px 0px 0px #929292;
  border-radius: 5px;
  color:#fff !important;
  }
.callout a:hover{  background-color:#3E3E3E;
	color:#fff;
	box-shadow: 3px 3px 0px 0px #565656;}
.lista{margin-left:15px;}
.lista li{background:none;border-bottom:none;padding:7px; list-style:none;}

.panel.callout h3{font-weight:bold;color:#45694C;}
.img-nos{margin:0px 30px 30px 0px;float:left;}
.medium-block-grid-4 img{margin-bottom:15px;transition:all ease 0.5s;}
.medium-block-grid-4 img:hover{opacity:0.7;}
.medium-block-grid-4 a:hover{color:#45694C;}
.medium-block-grid-4 li,.medium-block-grid-4 p{text-align:center;}
/*.medium-block-grid-4 a{color:#fff; background:#555;padding: 9px 20px ;box-shadow: 1px 2px 2px 1px #C5C5C5;border-radius:3px;}
.medium-block-grid-4 a:hover{background:#45694C;color:#fff;}*/
.caja{background:#E4DBD7;  opacity: 0.5; position:absolute;width:100%;height:100%;z-index:-1;}
.org{margin:0 auto;}
.org .medium-1{text-align:center;color:#45694C;}
.org ul{overflow:hidden;}
.org li{background:none;padding:5px 0px;border:none;}
.org .callout{border:1px solid #45694C !important;display:inline-block;width:100%;}
.org .callout h3{font-size:17px;}
.panel.callout li,.panel.callout p{color:#3e3e3e;}
.color{color:#fff;background:#45694C}
.both{clear:both;height:20px;}
@media only screen and (max-width:800px) {
	
.callout a{
  font-size: 11px;;
  padding: 12px 12px;
}
}
@media only screen and (max-width:640px) {.callout a{
  font-size: 14px;
  padding: 12px 20px;
}
}
.tbl-act {border:#45694C 1px solid;}
.tbl-act td{text-align:center;}
.titulo{background:#45694C;color:#fff;}
.celda1{background:rgb(183, 204, 187) !important;}