﻿<style type="text/css">


.menu {color: #151515; font-family: "Montserrat"; font-size: 12pt;font-weight: bold;}
.foot {color: #151515; font-family: "Montserrat"; font-size: 10pt;font-weight: bold;}
.mensajes {color: #151515; font-family: "Montserrat"; font-size: 20pt;font-weight: bold;}
.titulo {color: #eeeeee; font-family: "Montserrat"; font-size: 14pt;font-weight: bold;}
.titulo_pag {color: #51A6A9; font-family: "Montserrat"; font-size: 16pt;font-weight: bold;}
.nombre {color: #151515; font-family: "Montserrat"; font-size: 16pt;font-weight: bold;}
.tit_tabla {color: #ffffff; font-family: "Montserrat"; font-size: 14pt;}
.texto_link{color: #444444; font-family: "Montserrat"; font-size: 10pt;text-decoration:none;}
.texto{color: #666666; font-family: "Montserrat"; font-size: 14pt;font-weight: bold;}


.area {font-family:"Montserrat";
        font-size: 10pt;
	color: #444444;
	width:400px;height:180px;border: 0px solid #990000;}
.mensaje_alerta {
	font-family:"Montserrat",sans-serif;
        font-size: 16pt;
        font-weight: bold;
	color: white;
	text-align: center;
	border: 1px solid #c1c1c1;
	border-radius: 3px;
	border-spacing: 3px;
	padding: 5px 5px 5px;
	/*margin-top: 5px;*/
	box-shadow:	2px 2px 2px 1px #ccc;   
	background-color: red;
}
.mensaje_verde {
	font-family:"Montserrat",sans-serif;
        font-size: 16pt;
        font-weight: bold;
	color: white;
	text-align: center;
	border: 1px solid #c1c1c1;
	border-radius: 3px;
	border-spacing: 3px;
	padding: 5px 5px 5px;
	/*margin-top: 5px;*/
	box-shadow:	2px 2px 2px 1px #ccc;   
	background-color: #2EA81E;
}
.tabla_producto {
	font-family:"Montserrat";
        font-size: 11pt;
        
	border: 1px solid #c1c1c1;
	border-radius: 3px;
	/*border-spacing: 0px;*/
	padding: 0px;
	/*margin-top: 5px;*/
	box-shadow:	2px 2px 2px 1px #eee;   
	background-color: #ffffff;
}
.tabla_producto_amarillo {
	font-family:"Montserrat";
        font-size: 11pt;
        
	border: 1px solid #c1c1c1;
	border-radius: 3px;
	/*border-spacing: 0px;*/
	padding: 0px;
	/*margin-top: 5px;*/
	box-shadow:	2px 2px 2px 1px #eee;   
	background-color: #FFFF80;
}
.tabla_simple {
	font-family:"Montserrat";
        font-size: 12pt;       
	border: 1px solid #404040; 
	border-radius: 3px;
	border-spacing: 3px;
	padding: 2px 2px 2px;
	/*margin-top: 5px;*/
	box-shadow:	3px 3px 3px 1px #bbb;
	background-color: #ffffff;
}
.tabla_interna {
	font-family:"Montserrat";
        font-size: 12pt;       
	border: 1px solid #c1c1c1; 
	border-radius: 3px;
	border-spacing: 3px;
	padding: 4px 4px 4px;
	/*margin-top: 5px;*/
	/*box-shadow:	3px 3px 3px 1px #bbb;*/
	background-color: #ffffff;
}
.tabla_listado {
	font-family:"Montserrat";
        font-size: 12pt;       
	border: 1px solid #c1c1c1; 
	border-radius: 3px;
	border-spacing: 3px;
	padding: 4px 4px 4px;
	/*margin-top: 5px;*/
	box-shadow:	3px 3px 3px 1px #eee;
	background-color: #ffffff;
}
.tabla_agenda_1 {
	font-family:"Montserrat";
        font-size: 12pt;       
	border: 1px solid  #c1c1c1;
	border-radius: 3px;
	border-spacing: 3px;
	padding: 4px 4px 4px;
	/*margin-top: 5px;*/
	/*box-shadow:	3px 3px 3px 1px #eee; */
	background-color: #B0D6D6;
	margin-top: 5px;
}
.tabla_agenda_libre {
	font-family:"Montserrat";
        font-size: 12pt;       
	border: 1px solid  #c1c1c1;
	border-radius: 3px;
	border-spacing: 3px;
	padding: 4px 4px 4px;
	/*margin-top: 5px;*/
	/*box-shadow:	3px 3px 3px 1px #eee; */
	background-color: #ffffff;
	margin-top: 5px;
}
.tabla_agenda_no_disponible {
	font-family:"Montserrat";
        font-size: 12pt;       
	border: 1px solid  #c1c1c1;
	border-radius: 3px;
	border-spacing: 3px;
	padding: 4px 4px 4px;
	/*margin-top: 5px;*/
	/*box-shadow:	3px 3px 3px 1px #eee; */
	background-color: #aaaaaa;
	margin-top: 5px;
}
.combo {
    border: 1px solid #666666;
    border-radius: 2px;
    font-family: "Montserrat";
    font-size:14pt;
    padding: 8px 8px 8px;
    
    background-color: white;
    width: 300px;
}
.combo_chico {
    border: 1px solid #666666;
    border-radius: 2px;
    font-family: "Montserrat";
    font-size:12pt;
    padding: 5px 5px 5px;
    background-color: white;
    width: 120px;
}
.input_medio {
    border: 1px solid #444444;
    border-radius: 2px;
    font-family: "Montserrat";
    font-size:14pt;
    padding: 8px 8px 8px;
    margin-top: 0px;
    background-color: white;
    width: 300px;
}
.input_chico {
    border: 1px solid #444444;
    border-radius: 2px;
    font-family: "Montserrat";
    font-size:14pt;
    padding: 8px 8px 8px;
    margin-top: 0px;
    background-color: white;
    width: 200px;
}
.input_num {
    border: 1px solid #444444;
    border-radius: 2px;
    font-family: "Montserrat";
    font-size:14pt;
    padding: 8px 8px 8px;
    margin-top: 0px;
    background-color: white;
    width: 60px;
}
.boton_normal {
    font-family: "Montserrat";
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    padding: 16px;
    color: white;
    margin: 15px;
    border: 0px solid #666666;
    box-shadow:	3px 3px 3px 1px #ccc;
    background: #51A6A9;
    border-radius: 10px;
    width: 250px;
    text-align:center;
}
.boton_normal:hover {
    background: #ccc;
}
.boton_tabla {
    font-family: "Montserrat";
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    padding: 4px;
    color: white;
    margin: 2px ;
    border: 0px solid #666666;
    background: #51A6A9;
    border-radius: 5px;
    width: 100px;
    text-align:center;
}
.boton_tabla:hover {
    background: #ccc;
}

.boton_tabla_rojo {
    font-family: "Montserrat";
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    padding: 4px;
    color: white;
    margin: 2px ;
    border: 0px solid #666666;
    background: red;
    border-radius: 5px;
    width: 100px;
    text-align:center;
}
.boton_tabla_rojo:hover {
    background: #ccc;
}

.boton_menu {
    font-family: "Montserrat";
    font-size: 24px;
    font-weight: bold;
    box-shadow:	3px 3px 3px 1px #ccc;
    cursor: pointer;
    padding: 16px;
    color: white;
    margin: 15px;
    border: 0px solid #666666;
    background: #51A6A9;
    border-radius: 10px;
    width: 300px;
    text-align:center;
}
.boton_menu:hover {
    background: #ccc;
}

* {
	padding:0;
	margin:0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}



.menu_bar {
	display:none;
}

header {
	width: 100%;
}

header nav {
	background:#e1e1e1;
	z-index:1000;
	max-width: 1000px;
	width:95%;
	margin:20px auto;
}

header nav ul {
	list-style:none;
}

header nav ul li {
	display:inline-block;
	position: relative;
}

header nav ul li:hover {
	background:#bbbbbb;
}

header nav ul li a {
	color:#333333;
	display:block;
	text-decoration:none;
	padding: 20px;
}

header nav ul li a span {
	margin-right:10px;
}

header nav ul li:hover .children {
	display:block;
}

header nav ul li .children {
	display: none;
	background:#bbbbbb;
	position: absolute;
	width: 150%;
	z-index:1000;
}

header nav ul li .children li {
	display:block;
	overflow: hidden;
	border-bottom: 1px solid rgba(255,255,255,.5);
}

header nav ul li .children li a {
	display: block;
}

header nav ul li .children li a span {
	float: right;
	position: relative;
	top:3px;
	margin-right:0;
	margin-left:10px;
}

header nav ul li .caret {
	position: relative;
	top:3px;
	margin-left:10px;
	margin-right:0px;
}

@media screen and (max-width: 800px) {
	body {
		padding-top:50px;
	}

	.menu_bar {
		display:block;
		width:100%;
		position: fixed;
		top:0;
		background:#fff;
	}

	.menu_bar .bt-menu {
		display: block;
		padding: 5px;
		color: #fff;
		overflow: hidden;
		font-size: 25px;
		font-weight: bold;
		text-decoration: none;
	}

	.menu_bar span {
		float: right;
		font-size: 40px;
	}

	header nav {
		width: 80%;
		height: calc(100% - 80px);
		position: fixed;
		right:100%;
		margin: 0;
		overflow: scroll;
	}

	header nav ul li {
		display: block;
		border-bottom:1px solid rgba(255,255,255,.5);
	}

	header nav ul li a {
		display: block;
	}

	header nav ul li:hover .children {
		display: none;
	}

	header nav ul li .children {
		width: 100%;
		position: relative;
	}

	header nav ul li .children li a {
		margin-left:20px;
	}

	header nav ul li .caret {
		float: right;
	}
}
@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?itwqr8');
  src:  url('fonts/icomoon.eot?itwqr8#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?itwqr8') format('truetype'),
    url('fonts/icomoon.woff?itwqr8') format('woff'),
    url('fonts/icomoon.svg?itwqr8#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-people_alt:before {
  content: "\e902";
}
.icon-gps_fixed:before {
  content: "\e901";
}
.icon-sale:before {
  content: "\e900";
}
.icon-cart:before {
  content: "\e93a";
}
.icon-database:before {
  content: "\e964";
}
.icon-eye:before {
  content: "\e9ce";
}


</style>