@charset "utf-8";
/* CSS Document */

a {
	font-weight: bolder;
	color: #999999;
	text-decoration: underline;
}
a.header {
	text-decoration: none;
}



body,td,th {
	color: #FFFFFF;
}
body {
	background-color: #333333;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
}
.copy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8px;
	text-align: center;
}

.titulo_box {
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	vertical-align: middle;
	letter-spacing: normal;
	text-align: left;
	width: auto;
	padding: 10px;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
}
.texto_box {
	font-size: 10px;
	color: #FFFFFF;
	vertical-align: top;
	letter-spacing: normal;
	text-align: left;
	padding: 10px;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
}

.menu_bar {
	border-bottom-width: thin;
	border-bottom-style: groove;
	border-bottom-color: #FFFFFF;
	text-align: right;
	text-indent: 20px;
	vertical-align: middle;
	padding-right: 20px;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
}

td.menu_bar:hover
{
	color: #FFFFFF;
	background-color: #999999;
}

a.menu_bar_link
{
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
}
a.menu_bar_link:link
{
	text-decoration: none;
	color: #FFFFFF;
}
a.menu_bar_link:hover
{

	text-decoration: none;
	color: #FFFFFF;
}

a.menu_bar_link:active
{
	text-decoration: none;
	color: #FFFFFF;
}
a.menu_bar_link:visited
{
	text-decoration: none;
	color: #FFFFFF;
}

.menu_bar_link_ie_hover {
	border-bottom-width: thin;
	border-bottom-style: groove;
	border-bottom-color: #FFFFFF;
	text-align: right;
	text-indent: 20px;
	vertical-align: middle;
	padding-right: 20px;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
	background-color: #999999;	
}

.flags {
	font-size: 10px;
	vertical-align: top;
	height: 20px;
	text-align: left;
}

.texto_box_noborder {
	font-size: 10px;
	color: #FFFFFF;
	vertical-align: top;
	letter-spacing: normal;
	text-align: left;
	padding: 10px;
}

a.texto_box_noborder {
	color: #CCCCCC;
	text-decoration: underline;
}

.box_links {
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	vertical-align: middle;
	letter-spacing: normal;
	text-align: right;
	width: auto;
	padding: 4px;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #333333;	
	background-color: #B6DFE2;
}

a.box_links:link
{
	text-decoration: none;
}

a.box_links:active
{
	text-decoration: none;
}

a.box_links:visited
{
	text-decoration: none;
}

a.box_links:hover
{
	text-decoration: none;
	color:#FFFFFF;
	background-color: #6699CC;
}

.box_link_actual {
	font-size: 10px;
	font-weight: bold;
	vertical-align: middle;
	letter-spacing: normal;
	text-align: right;
	width: auto;
	padding: 4px;
	text-decoration: none;
	color:#FFFFFF;
	background-color: #6699CC;
		border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #333333;	

}
	

.formfields {
	font-size: 10px;
	color: #000000;
	background-color: #CCCCCC;
	text-align: left;
}

.texto_box_noborder img {
	border: 1px solid #FFFFFF;
	margin: 10px;
	text-align: left;
}
.citas {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #333333;
	background-color: #CCCCCC;
	padding: 5px;
}
.nutritional_info_table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #FFFFFF;
	text-align: left;
	vertical-align: top;
	margin: 10px;
	border: 3px solid #000000;
}
.nutritional_info_table p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	background-color: #FFFFFF;
	text-align: left;
	vertical-align: bottom;
}
.centro {
	text-align: center;
}
.topnav {
display:none;
}

.ref_formulas {
	display:none;
}

	.visible_pc  {
		display:block;
	}
	.visible_mobile{
		display:none;
	}	

/* MOBILE STYLES  */
@media only screen and (max-device-width: 1024px) {
	#header_logo_spacer {
		display: none;
	}
	#contenido_general {
		width: 100%;
	}

	.box_links,.box_link_actual {
	font-size: 1.7em !important;
	width: 100%;
	display: block;
	margin:2px;
	}
	a.menu_bar_link {
    color: white;
    padding: 14px 16px;
    text-decoration: none;
    background-color: #7d7d7d;
    font-size: 2em!important;
    display: block;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    min-height: 60px;
}
	.titulo_box {
		text-align: center;
		font-size: 2em!important;
		margin: 10px !important;
	}
	p {
		font-size: 2em!important;
		}

	.copy {
		    font-size: 1.3em!important;
	}	

	#lhsm_content {
	display:none;
	}

	/* Style the navigation menu */
	.topnav {
		display:block!important;
		overflow: hidden;
		background-color: #333;
		display: block;
		z-index: 9999;
		width: 100%;	  
	}

	/* Hide the links inside the navigation menu (except for logo/home) */
	.topnav #myLinks {
	  display: none;
	}

	.ref_formulas {
		display:inline-block;
	}
	
	/* Style navigation menu links */
	.topnav a {
	  color: white;
	  padding: 14px 16px;
	  text-decoration: none;
	  font-size: 17px;
	  display: block;
	  min-height: 60px;
	}

	/* Style the hamburger menu */
	.topnav a.icon {
	  background: #333333;
	  display: block;
	  position: absolute;
	  right: 0;
	  top: 0;
	}
	/* Style the active link (or home/logo) */
	.active {
	  background-color: #333333;
	  color: white;
	}
	#myLinks .menu_bar_link:hover {
		background-color: gray;
		color: white;
	}

	/* The sticky class is added to the navbar with JS when it reaches its scroll position */
	.sticky {
	  position: fixed;
	  top: 0;
	  width: 100%;
	}
	/* Add some top padding to the page content to prevent sudden quick movement (as the navigation bar gets a new position at the top of the page (position:fixed and top:0) */
	#contenido_header.sticked{
	  padding-top: 100px;
	}
	.header {
	display:none;
	}
	.titulo_box {
	border:none!important;
	}
	.img_home {
		text-align: center;
	}
	a.icon img {
    margin-top: 0px!important;
	}
	.centro {
	width:auto!important;
	}
	#flags {
	position: absolute;
	top: 30px;
	left: 41%;
		}
	.lang, a.lang {
		display: inline;
	}
	.visible_mobile {
		display:block;
	}
	.visible_pc {
		display:none;
	}	

	/* Button used to open the contact form - fixed at the bottom of the page */
	.open-button {
	background-color: #ff0101;
    color: white;
    padding: 20px;
    border: none;
    cursor: pointer;
    opacity: 0.8;
    position: fixed;
    bottom: 23px;
    font-weight: bolder;
    right: 28px;
    width: 95%;
    border-radius: 20px;
    font-size: 2.5em;
	}

	/* The popup form - hidden by default */
	.form-popup {
    display: none;
    position: fixed;
    bottom: 28px;
    right: 28px;
    padding: 0px;
    /* border: 3px solid #f1f1f1; */
    z-index: 9;
    margin-left: 28px;
	font-size: 1.7em;
	padding:10px;
	}
	
	.form-popup button.btn.cancel {
	    margin-top: 20px;
	}
	.form-popup button {
		font-size: 1.5em;
		border-radius: 20px;
		font-weight: bolder;
	}
	
	.form-popup h3 {
	color: #000;
	}
	.form-popup 	label {
	display: block;
    color: #000;
	}
	.form-popup 	textarea, .form-popup input {	
    width: 95%!important;
    /* height: 40%; */
    padding: 15px;
    margin: 5px 0 22px 0;
    border: none;
    background: #f1f1f1;	
	font-size:1.5em;
	}
	/* Add styles to the form container */
	.form-container {
	  max-width: 100%;
	  padding: 10px;
	  background-color: white;
	}

	/* Full-width input fields */
	.form-container input[type=text], .form-container input[type=password] {
	  width: 100%;
	  padding: 15px;
	  margin: 5px 0 22px 0;
	  border: none;
	  background: #f1f1f1;
	}

	/* When the inputs get focus, do something */
	.form-container input[type=text]:focus, .form-container input[type=password]:focus {
	  background-color: #ddd;
	  outline: none;
	}

	/* Set a style for the submit/login button */
	.form-container .btn {
	  background-color: #4CAF50;
	  color: white;
	  padding: 16px 20px;
	  border: none;
	  cursor: pointer;
	  width: 100%;
	  margin-bottom:10px;
	  opacity: 0.8;
	}

	/* Add a red background color to the cancel button */
	.form-container .cancel {
	  background-color: red;
	}

	/* Add some hover effects to buttons */
	.form-container .btn:hover, .open-button:hover {
	  opacity: 1;
	}	
}	
	

.tabla_formulario_contacto input {
	width: 100%;
    height: 20px;
    font-size: 11px;
    line-height: 25px;
}
.tabla_formulario_contacto textarea {
	width: 100%;
    font-size: 11px;
}
.send {
    padding: 5px;
    margin: 8px;
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica;
	width:auto!important;
}
select#pais {
    height: 25px;
    width: 100%;
}
.tabla_formulario_contacto td {
    padding: 2px;
}

/* MOBILE STYLES  */
@media only screen and (max-device-width: 1024px) {
	.tabla_formulario_contacto td {
		width: 100%!important;
		font-size: 2em!important;
		display: block;
	}
}