/* CSS Document */

* {

	padding:0;
	margin:0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}
	
@font-face { font-family: 'MiNuevaFuente';
src: url('../fonts/FUTURAM.ttf');
}

@font-face { font-family: 'FuturaBold';
src: url('../fonts/FUTURAB.ttf');
}

.ir-arriba {
	display:none;
	padding:1.2rem;
	background: rgba(128,128,128,.5);
	font-size:1.6rem;
	color:#fff;
	cursor:pointer;
	position: fixed;
	bottom:5%;
	right:2%;
	z-index:1000;
}

/*  Estilo  de Barra de Navegacion*/

.menu-fixed {
	position:fixed;
	z-index:900;
	top:0;
	left:0;	
	width:100%;
	height:auto;
	background-color: rgba(255,255,255,1);
	box-shadow:0px 4px 3px rgba(0,0,0,.5);
	transition: all ease 2s ;
}

.menu-fixed .logo {
	width:20%;
	height:auto;
	display:inline-block;
	background-color:transparent;
	position: relative;
	float:left;
	top:5%;
	left:3%;
	margin:0.5% 0;
}

.menu-fixed .minitabs {
	width:60%;
	display:inline-block;
	padding:0 ;

}

.menu-fixed .minitabs li{
	padding:3.5% 0;
}

.menu-fixed .menu_bar{
	padding-left: 4%;
}

.menu_bar{
	width:100%;
	height:auto;
	float:left;
	background-color: rgba(255,255,255,.8);
	display:inline-block;
	border-bottom: solid 4px #0093DD;
}



.logo {
	width:30%;
	height:100%;
	display:inline-block;
	background-color:transparent;
	position: relative;
	float:left;
	top:5%;
	left:3%;
	margin:0.5% 0;
	
}

.logo img {
	width:100%;
	height:auto;
	text-align:center;
	background-color:transparent;
	padding:0px;
	 
}

.menu_bar ul{
	list-style: none;
}

.minitabs {
display:inline-block;
width:65%;
height:100%;
padding: 0.5% 0;
padding-left:4%;
font-family:Arial, Helvetica, sans-serif;
font-size:1.4rem;
font-weight: 600;
text-align: center;
float:right;
}

.minitabs > li {
display: inline-block;
border-right: solid 1px #ccc;
width:22%;
height:100%;
padding:4.5% 0;
position:relative;
text-decoration: none;
}

.minitabs > li a {
	display:block;
	text-decoration: none;
	padding: 0 0;
	color: #1F1950;
		
}

.minitabs a#current {
	color: #0093DD;
}

.minitabs a:hover {
	color: #0093DD;
}

.submenu{
	position:absolute;
	width:150%;
	margin-top:25px;
	visibility:hidden;
	opacity:0;
	text-align:left;
	background-color:#ffffff;
	z-index:50;
	transition: opacity 1.5s;
}

.submenu li a{
	width:100%;
	display:inline-block;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	color: #1F1950;
	font-size:1rem;
	padding: 5%;
	float: left;
	}
	
.minitabs li:hover ul.submenu{
	visibility:visible;
	opacity:1;
}




/* Termina estilo de barra de navegacion*/

/* Inicia Estilo menu top */


#top_bar {
	width:100%;
	height:auto;
	padding: 0.8% 0;
	background-color:#E4E4E4;
	list-style:none;
	display:inline-block;
	text-align:center;
	margin: 0 auto;
}

#menu_top {
	list-style: none;
	margin: 0 auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1rem;
	padding: 0 5%;
	font-weight: 500;
	width:100%;
	height:auto; 
	display:inline-block;
	float:left;
	vertical-align:middle;
	text-align:center;
}

#menu_top .tel a {
	padding-left:4%;
}

#menu_top a{
	width:25%;
	height:auto;  
	text-decoration:none;
	color:#171796;
	float:left;
	text-align:left;
	vertical-align:middle;
}
  
#menu_top a span{
	width:8%;
	height:auto;
	float:left;
	margin-right:2%;
	display:inline-block;
	font-size:1.37rem;
	text-align: right;
	text-decoration:none;
	vertical-align:middle;
}


#menu_top a:hover {
color: #0093DD;
}

.busqueda{
	width:25%;
	height:auto;
	text-decoration:none;
	float:left;
	
}

.buscar input {
	width:70%;
	height:100%;
	display:inline-block;
	float:left;
	font-size:1.1rem;
	color: #000;
}

#codigo::placeholder{
	transition : 1s;
	opacity: 1s;
	color:#ccc;
	
}

#codigo:focus::placeholder{
	opacity: 0;
	transform:translateX(100%);
}

button.boton_buscar {
	width: 15%;
	background: #000099;
	color:#FFFFFF;
	padding:0.9%;
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.9rem;
	font-weight:bold;
	text-align:center;
	float: left;
	display:inline-block;
	vertical-align:middle;	
}

button.boton_buscar:hover {
	opacity:.85;
	cursor:pointer;
}


/* Termina estilo menu top*/


@media (max-width: 1200px) and (min-width: 1025px) {

#menu_top {
	font-size: .8rem;
}

#menu_top a span{
	margin-right:2%;
	font-size:1rem;
}

.buscar input {
	width:80%;
	height:100%;
	font-size:1rem;
}

button.boton_buscar {
	padding:0.9%;
	font-size:0.8rem;
	width: 15%;
}

}

@media (max-width: 1024px) and (min-width: 769px){

#menu_top .otro {
	font-size: .7rem;
	width:100%;
}

.logo {
	width:22%;
	height:100%;
	display:inline-block;
	background-color:transparent;
	position: relative;
	float:left;
	margin-top: 1%;	
}

.logo img {
	width:100%;
	height:auto;	
	text-align:center;
	background-color:transparent;
	padding:3px;
	 
}

.menu-fixed .logo {
	width:22%;
	height:100%;
	display:inline-block;
	background-color:transparent;
	position: relative;
	float:left;
	margin-top: 1%;	
}


ul.minitabs {
	display:inline-block;
	width:70%;
	height:auto;
	list-style: none;
	margin:0.5% 0;
	padding: 0.5% 0;
	padding-left:4%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1rem;
	font-weight: 500;
	text-align: center;
	float:right;
}

ul.minitabs li {
	width:23%;
	height:auto;
	max-height:120px;
	padding:2% 0;
}

ul.submenu li{
	width: 100%;
}

.submenu li a {
	width:100%;
	color: #1F1950;
	font-size:.9rem;
	padding: 3%;
	float: left;
}

.buscar input {
	width:80%;
	height:100%;
	font-size:.8rem;
}

button.boton_buscar {
	padding:0.8%;
	font-size:0.7rem;
	width: 15%;
}

.menu-fixed ul.minitabs {
	width:70%;
	height:auto;
	margin:0 0;
	padding: 0 0;
	padding-left:4%;
	font-size:1.1rem;
}

#menu_top {
	font-size: .8rem;
}

#menu_top a span{
	font-size:.9rem;
}
}

@media (max-width: 768px) and (min-width: 481px){

#menu_top {
	list-style: none;
	margin: 0 auto;
	padding: 0 2%;
	font-family:Arial, Helvetica, sans-serif;
	font-size: .7rem;
	font-weight: 500;
	width:100%;
	height:auto; 
	display:inline-block;
	float:left;
	vertical-align:middle;
	text-align:center;
}

#menu_top .otro {
	font-size: .65rem;
	width:100%;
}

#menu_top a span{
	width:10%;
	height:auto;
	float:left;
	margin-right:2%;
	display:inline-block;
	font-size:.8rem;
	text-align: center;
	text-decoration:none;
	vertical-align:middle;
}

.logo {
	width:25%;
	height:auto;
	display:inline-block;
	background-color:transparent;
	position: relative;
	float:left;
	margin-top: 0.5%;	
}

.logo img {
	width:100%;
	height:auto;	
	text-align:center;
	background-color:transparent;
}

.menu-fixed .logo {
	width:25%;
	height:100%;
	display:inline-block;
	background-color:transparent;
	position: relative;
	float:left;
	margin-top: 1%;	
}

ul.minitabs {
	width:70%;
	height:auto;
	margin:0.5% 0;
	padding: 0.5% 0;
	padding-left:4%;
	font-size:.8rem;
	font-weight: 500;
}

ul.minitabs li {
	width:23%;
	height:auto;
	max-height:120px;
	padding:2% 0;
}

ul.submenu li{
	width: 100%;
}

.submenu li a {
	width:100%;
	color: #1F1950;
	font-size:.8rem;
	padding: 3%;
	float: left;
}

.buscar input {
	width:70%;
	height:100%;
	font-size:.7rem;
}

button.boton_buscar {
	padding:0.7%;
	font-size:0.6rem;
	width: 15%;
}

.menu-fixed ul.minitabs {
	display:inline-block;
	width:70%;
	height:auto;
	list-style: none;
	margin: 0;
	padding: 0.5% 0;
	padding-left:4%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.8rem;
	font-weight: 500;
	text-align: center;
	float:right;
}

.ir-arriba icon-arrow-up2 {
	display:none;	
}
}

@media (max-width: 480px) and (min-width: 320px){

#menu_top {
	
	display:none;
	
}

.logo {
	width:100%;
	text-align:center;
	padding:10px;	 
}

.logo img {
	width:80%;
}

ul.minitabs {
display:inline-block;
width:100%;
height:auto;
list-style: none;
margin:0.5% 0;
padding: 0 1%;
font-family:Arial, Helvetica, sans-serif;
font-size:.75rem;
font-weight: 500;
text-align: center;
float:left;

}
ul.minitabs li {
display: inline-block;
border: solid 1px #ccc;
width:24%;
height:100%;
padding:2% 0;

}

ul.submenu li{
	width: 100%;
}

.submenu li a {
	width:100%;
	color: #1F1950;
	font-size:.7rem;
	padding: 3%;
	float: left;
}

.menu_bar {
	padding:0;
}

.buscar {
	display:none;
}


.menu-fixed {
	display:none;
}

.ir-arriba icon-arrow-up2 {
	display:none;	
}
}