/* optimizado para wp8 */

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


@import url(https://fonts.googleapis.com/css?family=Cinzel|Open+Sans:400,700,300);/*Nombre fuente: Cinzel*/
@import url(https://fonts.googleapis.com/css?family=Oswald:400,700,300);/*Nombre fuente: Oswald*/
@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: 'Montserrat', 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:#e6effa;
	overflow-x:hidden;
}

::selection {
	background:#383838;
	color:#e6effa;
	}

::-moz-selection {
	background:#383838;
	color:#e6effa;	
}

p {
	line-height:20px;
	margin:0 0 20px 0;
	font-size:0.9375rem;
	color:#383838;
        text-align:justify;
}

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 #5F5F5F;
	line-height:20px;
	-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;
        color:#383838;
}

h1 { 
	display:block; 
	width:260px; 
	height:80px; 
	margin:0; 
	padding:0; 
	float:left; 
	text-indent:-5555px; 
}

h1 > a { 
	display:block; 
	width:260px; 
	height:80px; 
	background:url(imagenes/logo.png) no-repeat top left;
        background-size:contain;
}

h1 > a:hover { 
	opacity:0.5;
}

h2 { color:#383838;
	font-size:2rem;
	margin:0 0 25px 0;
	text-transform: uppercase;
}

h3 {
	color:#383838;
	font-size:1.5rem;
	margin:0 0 20px 0;
	padding:0;
	text-transform: uppercase;
}

h4 {
	color:#383838;
	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:#1a4578;
  color:#FFF;
  text-transform:uppercase;
  font-size: 0.8rem !important;
  border :1px solid #1a4578;
box-shadow: 3px 3px 6px 0px #808080;
    padding: 17px 0px 17px 13px !important;
}

button:hover, .button:hover {
    background-color:#383838;
    color:#FFF;
}

button:focus, .button:focus {
     background-color:#383838;
    color:#FFF;
}

i { padding:0 10px 0 0;}

blockquote {
	background:#357dd3;
	padding:20px 25px 25px 25px;
	margin:0 0 20px 0;
	border-left: 3px solid #808080;
}

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 #383838;
	margin:0 0 20px 0;
}

/* header */

header {
	padding:45px 0;
	width:100%;
	border-top: 8px solid #383838;
        background:#FFF!important;
}

/* social */

.social {
	width:132px;
	height:38px;
	list-style:none;
	padding:0;
	float: right;
	margin-bottom:10px;
        margin-top:15px;
}

.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:#1a4578;
        border:1px solid #1a4578;
	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:#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: #1a4578;
	z-index: 999;
        box-shadow: inset 0px -4px 17px 0px #122E4F;
	
}

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

nav ul {
	margin:0;
	padding:0;
	list-style:none;
	height:46px;
	border-left: 1px solid #20528E;	
}

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:13px 26px 0 20px;
	font-size: 0.9rem;
	height:46px;
	text-transform:uppercase;
	border-right: 1px solid #20528E;
}

nav li a:hover {
	background: #1a4578;
	color: #FFF;
        box-shadow: inset 0px -4px 17px 0px #1a4578;
}

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

nav li ul {
	background: #383838;
	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:#FFF;
	padding:16px 0 0 20px;
	text-align:left;
	display:block;
	height:46px;
	width:220px;
	font-size:12px;
	border: none;
	border-left: 4px solid #5F5F5F;	
}

nav li li a:hover {
	background: #5F5F5F;
	color: #383838;
	border-left: 4px solid #5F5F5F;		
}

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

/* slide */

#banner {
	padding:0; 
	width:100%;
	height:500px;
	margin:0 auto;
	position:relative;
	color:#FFF;
	clear:both;
        box-shadow: 6px 12px 14px 0px #15375F;
}

.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:#none; color:#383838;border:1px solid #383838;}

.prev:hover { background:#383838; color:#FFF;}

.next, .next:focus { right:10px; background:#none; color:#383838;border:1px solid #383838;}

.next:hover { background:#383838; color:#FFF;}

.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:#383838; font-weight: bold; }

section a:hover { color:#808080;}

section li { line-height:17px;     padding: 15px 15px 0px 20px;    text-align: justify;border-bottom:none;}

.int { padding-top: 60px;background:#1a4578; } 

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

.datos { 
	background: url(imagenes/datos.jpg) bottom center #808080;
	background-size:cover;
	padding: 90px 0 80px 0;
	position:relative;
        background-attachment:fixed;
        box-shadow: inset 0px 7px 9px 2px #808080;

}


.datos p, .datos h2 { 
	color: #383838 !important;
        text-shadow:1px 1px 1px #5F5F5F;
        text-align:center;
}

.datos p {
        line-height:30px;
}

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

/* aside */

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

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

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

aside a:hover {
	color:#5F5F5F;
}

/* footer */

footer { width:100%; 
/*padding:40px 0 0 0; */
margin:0 auto; background:#e6effa; }

footer h4 { color:#FFFFFF; margin:30px 0;border-bottom: 1px solid #464646;padding-bottom:10px;}

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

footer p span { float:right;}

footer a { color:#FFFFFF ;}

footer a:hover { color:#FFFFFF ;}

footer img { vertical-align:middle;}

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

footer .accesoperu a { color: #FFFFFF ;}

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

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

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

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

.fooba {
	/*margin-top:20px;*/
	padding-top:40px;
        background:url(imagenes/footer.jpg) !important;
}

/* 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:#75a6e1;
	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:#5F5F5F;
	color:#FFF;
}

/* extra */

.tcenter { text-align:center;}

.tright { text-align:right;}

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

.tbl { color: #000; }

 .slogan { 
 	color: #FFF;
 	text-transform: uppercase;
 	font-size: 1rem;
 	line-height: 1.5rem;
 	font-weight:400;
 	padding: 0;
 	margin: 0;
 	text-align: right;
}

 .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 #e6effa;
 	border-top: 1px solid #383838;
 	border-bottom: 1px solid #75a6e1;
 	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: #383838;
 	color: #357dd3;
 	text-transform: uppercase;
 	padding: 5px 20px;
	font-size:12px;	
}

@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:#1a4578;
        text-align:center;
}

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

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

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:#1a4578;
	border: none;
}

nav li li a:hover {
	background:#383838
	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;}

}

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

.slide li {

	background-position: -940px;
}

}
.celda1{background: #808080;}
.celda2{background: #5F5F5F;}
.celda3{background: #383838;}

.frt-serv{padding: 60px 0;}
.frt-serv .panel {
transition:all ease 1.5s;
background:#fff;
box-shadow: 4px 5px 0px 28px #FFF;
/*border:1px solid #383838;*/
}

.frt-serv .panel p{letter-spacing:-1px; }
.frt-serv .panel h3{   padding: 15px 0px;
    font-size: 20px;
    font-weight: bold;color:#1a4578;}
.frt-serv .panel:hover {transform:rotatey(360deg);background:#383838;color:#FFF;}
.frt-serv .panel:hover p,.frt-serv .panel:hover h3{color:#FFF;}
 .frt-serv .panel:hover a{color:#FFF;border:1px solid #FFF;background:#383838;}
.titu-ac{padding-bottom: 25px;}
#banner .left{margin: 11% 0;}
.btn{    color: #FFF;
    margin-top: 15px;
    display: inline-block;
    font-weight: bold;
    padding: 10px 15px 10px 20px;
    background: #1a4578;
    box-shadow: 3px 3px 6px 0px #153963;;transition:all 0.5s ease;}
.btn:hover{transform:scale(1.1);}
#banner h3{color:#FFF;   
                 font-size: 28px;
                 font-weight: bold;}
#banner p{color:#fff;}
.telefono{  
   
    list-style: none;
    padding: 0;
    float: right;
    margin-bottom: 10px;
    margin-top: 20px;}
.telefono p{    font-size: 1.1rem;    color: #383838;    font-weight: bold;}
.telefono .fa{    
    background: #1a4578;
    color: #FFF;
    padding: 11px;
    border-radius: 50%;
    text-align: center;
    width: 37px;
    height: 38px;
    margin-right: 8px;margin-left:20px;}
.button i{margin-left:3px;}
.bg-soldar{background:#1a4578;}
.bg-soldar h2{color:#FFF;}
.datos a{  
    display: inline-block;
    margin: 20px auto;
    width: auto !important;
}
.aside{ background: url(imagenes/aside.jpg);
    padding: 85px 0px;
    background-attachment: fixed;
    background-size: cover;
    text-align:center;
   box-shadow: inset 0px 7px 9px 2px #808080;
}
.aside h3{margin: 0;    font-weight: bold;font-size: 30px;margin-bottom: 25px;}
.aside p{text-align:center;   
    font-size: 15px;
    margin-bottom: 20px;
    font-weight: bold;}
.aside a{border:1px solid #383838;
    color: #383838;
    padding: 15px 37px 15px 30px;
    display: inline-block;
    transition: all 0.5s ease;
    font-size: 15px;
    margin: 20px 0 0 0;
    font-weight: bold;
}
.aside a:hover{transform:scale(1.1);background:#1a4578;color:#FFF;}
@media only screen and (max-width:650px) {
.slide li{background:#1a4578;} 
#banner .left{text-align:center;}
}
.copy{    background: #1a4578;
    padding: 35px 0px 10px 0px;
    margin-top: 60px;
    box-shadow: 5px 3px 20px 4px #232323;}
section h2{text-align:center;margin: 40px auto;}
section h3,section h4,section h2{color:#1a4578;}
.l-height p{line-height:0px}

.servicios a{    
   padding: 10px 10px 10px 30px;
    border: 1px solid #1a4578;
    color: #1a4578;
    display: inline-block;
    margin: 5px auto 20px;
    font-size: 14px;
}

.back ,.servicios .back{    color: #1a4578;
    display: inline-block;
    margin: 16px auto;
    font-size: 14px;border:none;padding:0;}
.small-block-grid-4 a{padding:0;    border: none;}
.small-block-grid-4 li{background:none;}
#areademapa2 {
   width: 100%;
   height: 400px;
   display: block;
   padding: 0;
   margin: 0 0 20px 0;
}
.titu-prem{
    border-top: 2px dotted #D8D8D8;
    border-bottom: 2px dotted #D8D8D8;
    padding: 15px 0px;
    }