/* CSS Document */
body
{
	margin:0 0 0 0;
	font-family:'Montserrat', sans-serif;
	background-color:#FFFFFF;
	color:#555555;
	text-align:justify;
	padding:0;
	width:100%;
}
a:hover
{ color:#06AEFF; }
a h3:hover { color:#06AEFF; } 
h1 { font-family: 'Suez One', serif; color:#009900; }
h2 { font-family: 'Suez One', serif; color:#006600; }
h3 { font-family: 'Suez One', serif; color:#004080; }
h4 { font-family: 'Suez One', serif; color:#004080; }
img { width:100%; }

.alerta-verde
{
	color:#FFFFFF;
	text-decoration:none;
}
.alerta-verde:hover
{
	color:#BAFE92;
	text-decoration:underline;
}
.division-portada-link{display:inline-block;padding:4px;margin:0 0.5rem 1rem 0.5rem;background-color:#fff;-webkit-transition:background-color 0.5s ease-out;-moz-transition:background-color 0.5s ease-out;-o-transition:background-color 0.5s ease-out;transition:background-color 0.5s ease-out;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;border-radius:6px; color:#333333; font-size:0.8em; font-weight:bold; text-align:center;background-color:#FFFFFF; text-decoration:none; width:360px;}
.division-portada-link:hover{background-color:#EEEEEE;}
.ancho-division-portada { width:360px; }
.boton-blanco
{
 position: relative;
 box-sizing: border-box;
 transition: all 500ms ease;
}
.boton-blanco:hover {
 background:rgba(255,255,255,0.3);
 color:#003399;
 cursor:pointer;
}
.menu li{display: inline-block; position: relative; z-index:100; text-align:left;}
.menu li a
{
	font-weight:bold; text-decoration:none; padding:11px; display:block; color:#000000;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
    -ms-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
}
.menu li a:hover, .menu li:hover > a{color:#FFFFFF; background-color:#669900;}
/* hide the second level menu */
.menu ul
{
	display: none;
    margin: 0;
    padding: 0;
    width: 150px;
    position: absolute;
    left: 0px;
    background: #333333;
}
/* display second level menu on hover */
.menu li:hover > ul{ display: block; color:#000000;}
.menu ul li
{
	display:block;
    float: none;
    background:none;
    margin:0;
    padding:0;
	color:#000000;
}
.menu ul li a
{
	display:block;
    color:#000000;
    border:1px solid #CCCCCC;
    background:#ffffff;
}
.menu ul li a:hover, .menu ul li:hover > a
{
    background:#FFFF99;
    border-left:1px solid #CCCCCC;
    color:#000000;
}
/* change level 3 menu positions */
.menu ul ul {left: 149px; top: 0px; }
.mobile-menu
{
	display:none;
    padding:11px;
    background:#FFFFFF;
    color:#003300;
    text-transform:uppercase;
}
.mobile-menu:hover
{
	background:#000099;
   	color:#FFFFFF;
    text-decoration:none;
}

.caja-productos {
font-weight: 400;
color:#000000;
background:FFFFFF;
margin: 0 0 25px;
overflow: hidden;
padding: 20px;
border-radius: 35px 35px 35px 35px;
-moz-border-radius: 35px 35px 35px 35px;
-webkit-border-radius: 35px 35px 35px 35px;
border: 2px solid #008000;
}
.caja-productos-azul {
color:#000000;
background:FFFFFF;
margin: 0 0 25px;
overflow: hidden;
padding: 20px;
border-radius: 35px 35px 35px 35px;
-moz-border-radius: 35px 35px 35px 35px;
-webkit-border-radius: 35px 35px 35px 35px;
border: 2px solid #004080;
}
.caja-duracion {
font-weight: 400;
color: #ffffff;
background:#008000;
margin: 0 0 25px;
overflow: hidden;
padding: 20px;
border-radius: 35px 0px 35px 0px;
-moz-border-radius: 35px 0px 35px 0px;
-webkit-border-radius: 35px 0px 35px 0px;
border: 2px solid #33FF00;
}
.imagen-galeria-link{display:inline-block;padding:4px;margin:0 0.5rem 1rem 0.5rem;background-color:#fff;-webkit-transition:background-color 0.1s ease-out;-moz-transition:background-color 0.1s ease-out;-o-transition:background-color 0.1s ease-out;transition:background-color 0.1s ease-out;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;border-radius:6px; color:#FFFFFF; font-size:0.8em; font-weight:bold; text-shadow:0px 0px 2px #000000; text-align:center;}
.imagen-galeria-link:hover{background-color:#FF9900;}
.imagen-galeria{width:210px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;}
.boton-contacto
{
 border: none;
 background: #3a7999;
 color: #f2f2f2;
 padding: 10px;
 font-size: 18px;
 border-radius: 5px;
 position: relative;
 box-sizing: border-box;
 transition: all 500ms ease;
 text-decoration:none;
}
.boton-contacto:hover {
 background: rgba(0,0,0,0);
 color: #3a7999;
 box-shadow: inset 0 0 0 3px #3a7999;
 cursor:pointer;
 text-decoration:none;
}
.tab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color:#489100
}

/* Style the buttons that are used to open the tab content */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  color:#FFFFFF;
  font-weight:bold;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color:#65CA00;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color:#65CA00;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
}