* { margin:0; padding:0; box-sizing:border-box;   -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }

body { 
background-image:  url("../img/layout/background_layout_01.jpg");
background-repeat: repeat-x;
background-color:#1E3F51;
font-family:'Roboto';
font-size:10pt; 
color:#1E3F51 !important;
}

#block_1 .title{ font-family:'Roboto' !important; }

header, nav{ display: block; }
/* Definimos un ancho 100% y una altura fija para nuestro menú */
header{ background: url("../img/layout/header_background.jpg") repeat 0 0;height:82px;position: relative;z-index: 2;width:100%;max-width:1150px; }
/* El logo sera flotado a la izquierda */
#logo{ background: url("../img/layout/logo.png") no-repeat 0 0;display: block;float: left;margin: 6px 10px 0;width:356px;height: 71px;text-indent: -9999px }
/* Nuestro nav con id #menu lo flotaremos a la derecha*/
#menu{ float:right; margin:20px 10px 0px 0px; }
/* Quitamos estilos por defecto de el tag UL */
#menu ul{list-style: none;font-size: 12pt; }
/* Centramos y ponemos los textos en mayuscula */
#menu li{ display: block;float: left;text-transform: capitalize;text-align: center; }
/* Damos estilo a nuestros enlaces */
#menu li a{ font-weight:500;display: block; color:#008E97;text-decoration: none;height: 40px;line-height: 40px;padding: 0 16px; }
#menu li a:hover{ background:#008E97; color:#ffffff; border-radius:6px; }
/* Estilos #nav-mobile y lo ocultamos */
#nav-mobile{ display: none; background: url(../img/layout/nav.png) no-repeat center center; float: right; width: 60px; height: 60px; position: absolute; right: 0; top:0; opacity: .6; margin-top:0px; }   
/* Agregaremos esta clase a #nav-mobile, cuando el menu mobile haya sido desplegado */
#nav-mobile.nav-active{ opacity: 1; }

#row-buscador{ display:block;position:relative; height:49px; max-width:1150px;  margin:0px auto 0px; background-color:#1E3F51; }
#row-buscador ul { float:right; list-style-type: none; margin-top:8px; }
#row-buscador ul li{ float:left; margin:0px 8px 0px 0px;  }
#row-buscador ul li img{ margin:4px 0px 0px 0px; border:0px; }
#row-buscador ul li ul{ list-style-type:none; margin:0px 0px 0px 0px; }
#row-buscador ul li ul li{ float:left; margin:0px 0px 0px 0px; }
#row-buscador ul li ul li input[type=text]{ width:200px; font-family:Arial; font-size:9pt; padding:9px; border-radius:6px 0px 0px 6px; border-style:none; }
#row-buscador ul li ul li input[type=button]{ color:#FFF; background-color:#5C0E1C; border-style:none; padding:8px 8px 7px 8px; font-family:Arial; font-size:9.5pt; border-radius:0px 6px 6px 0px; cursor:pointer;   }
#row-buscador ul li ul li input[type=button]:hover { background-color:#D72242; }
#row-buscador ul li ul li input[type=button]:active { background-color:#000000; color:#CCC; }

#slideringShadown{ display:block;position:relative; height:33px; max-width:1150px; margin:0px auto 0px; background:url("../img/layout/slideringShadown.jpg") repeat 0 0;  }
.rowsStyle{ max-width:1150px; margin:0px auto 0px; text-align:left;  }
.flex { border-color: #666; -js-display:flex; display: none; display:flex; }
.wrap { flex-wrap: wrap; }
.align-items-flex-start { align-items     :flex-start; }
.justify-content-center { justify-content :center; }
#contentLayout{ background-color:#FFF; }
#panama_view001{ width:100%; min-width:200px; max-width:586px;  height:auto; margin:0px 0px 0px 0px; }
#fotter01{ height:auto; padding:0px 0px 0px 0px !important; background-color:#10222C; }
#fotter01 #column01{ padding:10px; color:#6AACAC; font-family:Arial; font-size:13pt; line-height:30px; }
#fotter01 #column01 span{ color:#FFF; font-weight:bold; }
#fotter01 div{ width:50%; }
#fotter01 #column02{ padding:10px; text-align:right; }
#fotter01 #column02 img{  width:100%; max-width:479px;  height:auto; margin:0px 0px 0px 0px; }
#fotter02 { background-color:#13292B !important; align-items:flex-start; padding:10px 0px 0px 0px !important; }
#fotter02 div{ padding:10px 0px 10px 0px !important; }
#fotter02 div a{ font-family:Arial; font-size:11pt; padding:10px; color:#FFF; text-decoration:none; }
#fotter02 div a:hover{ padding:10px; background-color:#0B1E1E; text-align:center; border-radius:6px; }
#fotter02 div a:active{ background-color:#0B1E1E; color:#6AACAC; }
#fotter03{ background-color:#13292B !important; height:auto; padding:5px 0px 10px 0px; font-family:Arial; font-size:9pt; color:#6AACAC; }
#fotter03 ul{ list-style:none; }
#fotter03 ul li{ text-align:center; padding:0px 0px 7px 0px !important; margin:0px 0px 0px 0px !important;  }

.gsc-search-button{ width:25px !important; height:25px !important;  margin:0px !important; padding:0px !important; }
.gsc-search-button-v2{ width:25px !important; }
#gsc-i-id1{ width:200px !important; font-family:Arial; font-size:9pt; padding:9px; border-radius:6px 0px 0px 6px; border-style:none; }
.gsc-control-cse{ background-color:#B1C903 !important; padding:0px !important; margin:0px !important; }
.gsc-control-cse-es, .gsc-control-wrapper-cse{ padding:2px !important; margin:0px !important; border:none !important; }
.gsc-input{ padding-right:0px !important; }
.gsib_a{  }

.item{ cursor:pointer;  }



/*   MEDIA QUERY   */
@media only screen and (max-width: 950px) {
	#logo{ background: url("../img/layout/logo.png") no-repeat 0 0; background-size: 100% 100%; display: block; float: left; margin: 6px 10px 0; width:241px; height:48px; text-indent: -9999px }
	header{ height:60px; }
    /* mostramos #nav-mobile */
    #nav-mobile{ display: block; }
    /* Fijamos nuestro nav en 100% ancho y dejamos de flotarlo  */
    #menu{ width: 100%; float: none; padding-top: 60px; margin:0px 0px 0px 0px; }
    /* Convertimos nuestra lista de enlaces en un menú horizontal */
	#menu ul{ -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.5); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.5); box-shadow: 0 1px 2px rgba(0,0,0,.5); max-height: 0; overflow: hidden; font-size:14pt; font-family:Arial; }
	/* estilos para los LI del menu */
	#menu li{ background:#2F8E97; border-bottom: 1px solid #282b30; float: none; }
	#menu li a{ padding:15px 0; height:auto; line-height:normal; color:#FFF; }
	/* Quitamos el borde del ultimo item del menú */
	#menu li:last-child{ border-bottom: 0;}
	#menu li a:hover{ background:#2a2d33; border-radius:0px; }

	/* Agregamos una animación al despligue del menú */
	#menu ul.open-menu{ max-height: 400px; -webkit-transition: max-height .4s; -moz-transition: max-height .4s; -ms-transition: max-height .4s; -o-transition: max-height .4s; transition: max-height .4s; }

	#row-buscador{ height:32px; }
	#row-buscador ul { margin-top:3px; }
	#row-buscador ul li{ margin:0px 10px 0px 0px;  }
	#row-buscador ul li img{ margin:3px 0px 0px 0px; width:21px; height:20px; }
	#row-buscador ul li ul{ list-style-type:none; margin:0px 0px 0px 0px; }
	#row-buscador ul li ul li{ float:left; margin:0px 0px 0px 0px; }
	#row-buscador ul li ul li input[type=text]{ width:130px; font-family:Arial; font-size:8pt; padding:6px; border-radius:6px 0px 0px 6px; border-style:none; }
	#row-buscador ul li ul li input[type=button]{ color:#FFF; background-color:#47A26A; border-style:none; padding:5px 6px 5px 6px; font-family:Arial; font-size:8pt; border-radius:0px 6px 6px 0px; cursor:pointer;   }
	#row-buscador ul li ul li input[type=button]:hover { background-color:#25683B; }
	#row-buscador ul li ul li input[type=button]:active { background-color:#000000; color:#CCC; }
	#slideringShadown{ height:26px; }
	.amazingslider-text-1{  padding-left:15px !important;  }
	.amazingslider-title-1{ font-size:14pt !important; font-weight:bold; padding-bottom:0px !important; margin-bottom:0px !important;  }
	.amazingslider-description-1{ font-size:9pt !important; font-family:Arial; }
	#fotter01 #column01{ font-size:11.5pt !important; line-height:28px !important; }
}

@media only screen and (max-width: 400px){
#row-buscador ul li{ margin:0px 4px 0px 0px;  }
#row-buscador ul li ul li input[type=text]{ width:110px; font-family:Arial; font-size:8pt; padding:6px; border-radius:6px 0px 0px 6px; border-style:none; }
#slideringShadown{ height:23px; }
.amazingslider-text-1{  padding-left:5px !important;  }
.amazingslider-title-1{ font-size:11pt !important; font-weight:bold; padding-bottom:0px !important; margin-bottom:0px !important;  }
.amazingslider-description-1{ font-size:7pt !important; font-family:Arial; }
#fotter01 #column01{ font-size:9.5pt !important; line-height:22px !important; }
}


@media only screen and (max-width: 995px){
	#fotter01 div{ width:100% !important; }
	#fotter01 #column01 { text-align:center; }
	#fotter01 #column02{ text-align:center; }
	#fotter02{ align-items:none; justify-content:center; }
	#fotter03{ text-align:center }
}