html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin:0;
padding:0;
border:0;
outline:0;
font-weight:inherit;
font-style:inherit;
vertical-align:baseline;}
table {
border-collapse:separate;
border-spacing:0;}
caption, th, td {
text-align:left;
font-weight:normal;}
blockquote:before, blockquote:after,
q:before, q:after {
content:"";}
blockquote, q {
quotes:"" "";}
/* HTML5 tags */
header, section, footer,
aside, nav, article, figure {
display: block;}
* { margin: 0;  }
html {
font-size: 100%; /* 1 */
-webkit-text-size-adjust: 100%; /* 1 */
-ms-text-size-adjust: 100%; /* 1 */}
@font-face {
font-family: RobotoCondensed-BoldItalic.ttf;
src: url('../fonts/RobotoCondensed-BoldItalic.ttf');
}
body {
font-family: 'RobotoCondensed-BoldItalic', sans-serif;
/*font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;*/
color: #465865;
padding:0;margin:0;
line-height : 21px;}
.center {
width: 100%;
max-width: 1200px;
min-height: 30px;  	
margin: 0 auto;}
header{
position: relative; 
width: 100%;
height: 60px;
min-height:60px;
height: auto !important;
background: #fff;}
header .hleft{
display: inline-block;
float: left;
width: 24%;}
header .hleft img{
padding-top: 8px;}
header .hright{
display: inline-block;
float: left;
width: 75%;
text-align: center;}
.slider{
width: 100%;
height: 10px;
min-height:10px;
height: auto !important;}
#wrapper {
position: relative;
margin:0 auto;	
text-align: center;
width: 100%;
max-width: 1200px;
overflow: hidden;}
.info{
width: 100%;
height: 200px;
min-height:200px;
height: auto !important;
margin: 50px 0;
text-align: center;}
.info .ileft{
display: inline-block;
float: left;
width: 57%;
height: 250px;
min-height:250px;
height: auto !important;
padding: 10px;}
.info .iright{
display: inline-block;
float: left;
width: 37%;
height: 250px;
min-height:250px;
height: auto !important;
padding: 10px;}
.info p{
text-align: justify;
font-size: 1em;}
.interna{
position: relative;
width: 100%;
height: 700px;
min-height:700px;
height: auto !important;
margin: 30px 0;
text-align: left;
overflow: hidden; }
.interna .title{
text-align: left;
font-size:18px;
font-weight:bolder;
color:#1736b1;
margin: 30px 0;
letter-spacing: 0.10em;
  word-spacing: 0.10em;}
.titulo{
width: 100%;
height: 80px;
background: #1736b1;
background-image: url(../images/titulo.jpg);
background-position:top center; 
background-repeat:repeat; 
-moz-background-size:cover; 
-webkit-background-size:cover; 
background-size:cover;
color: #fff;
text-align: right;
margin: 5px 0 40px 0;}
ul.tabs {
margin: 0;
padding: 0;
margin:0 auto;	
position: relative;
list-style: none;
height: 32px; /*--Set height of tabs--*/
width: 90%;}
.caja{
text-align: center;
width: 250px;
position:relative; 
margin:20px 20px 30px 20px;
display: inline-block;
height: 200px;
min-height:200px;
height: auto !important;
background:#fff;}
.caja #footer{
height: 60px;
min-height:60px;
height: auto !important; 
display: block !important;
padding: 5px 0;
margin:20px auto;
text-align: center;}
.caja span{
text-align: center;
color: #333;
font-size: 0.9em;
font-weight: bolder;
padding: 10px;}
.caja span:hover{
color: #1736b1;}
.caja img{
position: relative;
display: inline-block;}
.caja .foto{
width: 99%;
}
.caja .foto:hover{
opacity: .7;}
.catalogo{
position: relative;
width: 100%;
height: 280px;
min-height:280px;
height: auto !important;
margin: 30px 0;
text-align: center;
overflow: hidden; }
.catalogo p{
text-align: justify;
font-size: 1em;}
.logos{
width: 100%;
position:relative; 
height: 120px;
min-height:120px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#feffff+0,d2ebf9+100;Blue+3D+%2312 */
background: #feffff; /* Old browsers */
background: -moz-linear-gradient(top,  #feffff 0%, #d2ebf9 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #feffff 0%,#d2ebf9 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #feffff 0%,#d2ebf9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#d2ebf9',GradientType=0 ); /* IE6-9 */
padding: 20px 0;}
/* ------------------ Logos ---------------- */	
.nbs-flexisel-container {
position:relative;
max-width:95%;
margin: 0 auto;
/*padding-bottom: 10px;*/}
.nbs-flexisel-ul {
position:relative;
width:99999px;
margin:0px;
padding:0px;
list-style-type:none;   
text-align:center;}
.nbs-flexisel-inner {
overflow:hidden;
float:left;
width:100%;}
.nbs-flexisel-item {
float:left;
margin:0px;
padding:0px;
position:relative;
line-height:0px;}
.nbs-flexisel-item img {
width: 80%;
position: relative;
max-width:145px;
height: 50px;
opacity: 1;}
.nbs-flexisel-item img:hover {
opacity: 0.7;	}
.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {
width: 22px;
height: 22px; 
position: absolute;
z-index: 100;
opacity: 0.5;
cursor:pointer;}
.nbs-flexisel-nav-left {
left: 10px;
background: url(../images/button-previous.png) no-repeat;}
.nbs-flexisel-nav-right {
right: 5px;
background: url(../images/button-next.png) no-repeat;}
footer{
width: 100%;
position:relative; 
margin-bottom: 0;
clear: both;
height:50px;
min-height:50px;
height: auto !important;
background: #86C7EC;
color: #333;
box-shadow: 0 2px 4px 0px rgba(132,132,132,0.16), 0 2px 4px 0px rgba(132,132,132,0.23);
padding: 20px 0;
overflow: hidden;
margin-top: 0;}
footer .fleft{
display: inline-block;
float: left;
width: 30%;
padding: 10px 10px;
text-align: center;}
footer .fleft img{
padding-top: 15px;
text-align: left;}
footer .fcenter{
display: inline-block;
float: left;
width: 30%;
padding: 10px 10px;
text-align: left}
footer .fright{
display: inline-block;
float: left;
width: 30%;
padding: 10px 10px;}
footer a{
color: #333;
font-weight: bolder;
text-decoration: none;}
footer a:hover{
color:#1736b1;}
table{text-align: center;}
table tr{
text-align: left;}
.barra{
width: 100%;
position:relative; 
height: 50px;
min-height:50px;
background:#465865;
color: #333;}
.barra h1{
text-align: right;
color: #fff;
font-weight: bolder;
padding-top: 7px;
font-size: 0.9em;}
.barra p{
text-align: center;
color: #fff;
font-weight: bolder;
padding-top: 15px;
font-size: 0.85em;}
.barra a{
text-decoration: none;
color: #fff;}
h2{
font-family: 'RobotoCondensed-BoldItalic', sans-serif;	
text-transform: uppercase;
text-align: center;
color: #333;
font-weight: bolder;
margin-bottom: 30px;
letter-spacing: 0.20em;
word-spacing: 0.20em;}
h3{
font-family: 'RobotoCondensed-BoldItalic', sans-serif;	
text-transform: uppercase;
text-align: center;
color: #333;
font-weight: bolder;
margin-bottom: 30px;
letter-spacing: 0.20em;
 word-spacing: 0.20em;}
p{
text-align: justify;}
a{text-decoration: none;}
.lista{
height: 250px;
display: table-cell; 
vertical-align: middle;
}				
.lista li {
background: url("../images/check.png") no-repeat;
list-style-type: none;
padding-left: 30px;
padding-bottom: 10px;
vertical-align: top;
text-align: justify;
margin:0 20px;
font-size: 1em;}
.scrolltop {
background-image: url("../images/scroll.png");
background-repeat: no-repeat;
bottom: 20px;
display: none;
height: 48px;
left: auto;
overflow: hidden;
padding: 17px 16px;
position: fixed;
right: -15px;
top: auto;
width: 48px;
z-index: 9999;}
.scrolltop span{
color: #000;
margin-top: -25px;
text-shadow:1px 1px #ccc;}
/* ******************* FORM *********************** */
form{
width: 70%;
margin: 0 auto;
text-shadow:0 1px 0 #FFF;
border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
padding:10px;}
form > div {
clear: both;
overflow: hidden;
padding: 1px;
margin: 0 0 10px 0;}
form > div > label,
legend {
width: 15%;
float: left;
padding-right: 0px;
color:#333;
margin: 10px 0 6px;
font-size: 14px;}
form > div > div,
form > div > fieldset > div {
width: 80%;
float: right;}
fieldset {
border: 0;
padding: 0;}
input[type=text],
input[type=email],
input[type=url],
input[type=password],
textarea {
width: 90%;
border:1px solid #ccc;
cursor:pointer;
margin: 5px -5px 0;
padding: 9px 7px 5px;
color:#666;
font-size: 95%;
font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;}
input[type=text],
input[type=email],
input[type=url],
input[type=password] {
width: 70%;}
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
textarea:focus {
outline:0;
border:1px solid #999;
background:#f5f5f5;}
input[type=text]:hover,
input[type=email]:hover,
input[type=url]:hover,
input[type=password]:hover,
textarea:hover {
outline:0;
border:1px solid #999;
background:#f5f5f5;}
::-webkit-input-placeholder {
color:#666;}
:-moz-placeholder {
color:#666;}
::-moz-placeholder {
color:#666;}
:-ms-input-placeholder {
color:#666;}
.boton {
cursor:pointer;
width:150px;
height: 60px;
border:none;
background:#fff;
color:#000;
float: left;
padding:20px;
margin: 20px 0;
letter-spacing: 0.10em;
word-spacing: 0.10em;
font-weight: bolder;
border:2px solid #333;
font-size: .8em;}
.boton:hover {
background:#2106c2;
color:#fff;
border:2px solid #2106c2;}
.accordion-group {
padding: 1rem 0;}
.accordion-group__accordion {
 margin: 0 0 0.25rem 0;}
.accordion-group__accordion-heading {
 margin: 0;}
.accordion-group__accordion-btn {
background-color: #e2e2e2;
border-color: #ccc;
border-radius: 0.3rem;
border-style: solid;
border-width: 0.05rem;
display: block;
font-size: 1.1rem;
font-weight: bolder;
padding: 0.5rem 1rem;
color: #333;
text-align: left;
width: 100%;}
.accordion-group__accordion-btn:focus {
background-color: #bbc8d2;
border-color: #577b80;
border-radius: 0.3rem;
border-style: solid;
border-width: 0.05rem;}
.accordion-group__accordion-panel {
border-color: #ccc;
border-radius: 0 0 0.3rem 0.3rem;
border-style: solid;
padding: 0.8rem 2rem;}
.accordion-group__accordion-btn_expanded {
background-color: #bbc8d2;
border-color: #ccc;
border-radius: 0.3rem;
border-style: solid;
border-width: 0.05rem;}
.accordion-group .aleft{
display: inline-table;
float: left;
width: 25%;
padding-top: 20px;
vertical-align: middle;
}
.fotos{
display: table-cell; 
vertical-align: middle;
}
.accordion-group .aright{
display: inline-table;
float: left;
width: 70%;
padding-left: 20px;
vertical-align: middle;
}
/* ------------------ Menu principal ---------------- */
.clearfix:before,
.clearfix:after {
content: " ";
display: table;}
.clearfix:after {
clear: both;}
.clearfix {
*zoom: 1;}
nav {
height: 40px;
width: 100%;
font-weight: bold;
position: relative;
text-transform: uppercase;
font-size: .8em;}
nav ul {
margin: 0 auto;
width: 100%;
height: 30px;}
nav li {
display: inline;
float: left;}
nav a {
color: #535353;
display: inline-block;
text-align: center;
text-decoration: none;
line-height: 40px;
padding: 7px 20px;}
nav li a {
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;}
nav li:last-child a {
border-right: 0;}
nav a:hover, nav a:active {
background: #2106C2;
color: #fff;}
nav .active{
background: #2106C2;
color: #fff;}
nav a#pull {
display: none;}

.whatsapp {
position:fixed;
width:40px;
height:40px;
bottom:50px;
left:10px;
background-color:#25d366;
color:#FFF;
border-radius:50px;
text-align:center;
font-size:25px;
z-index:1000;}
.whatsapp-icon {
margin-top:7px;}
.ventana{
width: 70%;
height: auto !important; 
margin:20px auto;
text-align: center;}
/*Styles for screen 600px and lower*/
@media screen and (max-width: 600px) {
nav { 
height: auto;}
nav ul {
width: 100%;
display: block;
height: auto;}
nav li {
width: 100%;
float: left;
position: relative;}
nav li a {
border-bottom: 1px solid #576979;
border-right: 1px solid #576979;}
nav a {
text-align: left;
width: 100%;
text-indent: 25px;}
}
/*Styles for screen 515px and lower*/
@media only screen and (max-width : 480px) {
.caja{
margin:0;}
.caja span{
font-size: 1.1em;}
header .hleft, header .hright, footer .fleft, footer .fcenter, footer .fright, .accordion-group .aleft, .accordion-group .aright{	
display: block !important;
width: 100% !important;
max-width: 100% !important;}
footer .fleft{
text-align: left;}
header .hleft{
text-align: center;}
.barra p{
padding: 5px;
font-size: 0.9em;}
nav {
border-bottom: 0;	}
nav ul {
display: none;
height: auto;}
nav a#pull {
display: block;
background-color: #202038;
width: 90%;
position: relative;}
nav a#pull:after {
content:"";
background: url('../images/nav-icon.png') no-repeat;
width: 30px;
height: 30px;
display: inline-block;
position: absolute;
right: 15px;
top: 10px;}
.accordion-group .aleft{
	padding-top: 10px;
	margin-top: 0;
}
.accordion-group .aright{
padding-left: 0;}
.lista{
height: 0px;
}	
.lista li {
margin:5px 5px;
padding: 0 20px;
font-size: 1em;}
.ventana{
width: 100%;}
form{
width: 95%;}
.info img{ 
width: 80%;}
.interna p, .info p, .catalogo p{
padding: 20px;}
}
/*Smartphone*/
@media only screen and (max-width : 320px) {
nav li {
display: block;
float: none;
width: 100%;	}
nav li a {
border-bottom: 1px solid #576979;}
}