body{
	background:#7dbbd6;
}
@font-face {
    font-family: "WebSymbolsRegular";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/websymbols-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/websymbols-regular-webfont.woff") format("woff"), url("../fonts/websymbols-regular-webfont.ttf") format("truetype"), url("../fonts/websymbols-regular-webfont.svg#WebSymbolsRegular") format("svg");
}


* [data-role = "header"] { background-color: transparent; }

.header .nav { position: absolute; top: 0; left: 0; width: 100%; }

/* --- logo --- */
.header .logo { line-height: 36px; margin: auto; position: relative; text-align: center; width: 100%; z-index: 1; font-size: 16px; overflow: hidden; }
.header .logo a { color: #333; display: inline; }
.header .logo img { vertical-align: middle; height: 36px; }
/* --- botones --- */
.header .to_menu, .header .to_phone, .header .to_whatsapp, .icono.whatsapp { width: 58px; height: 58px; display: block; text-align: center; position: relative; z-index: 2 }

.header .to_menu { float: left; }
.header .to_phone, .header .to_whatsapp { float: right; }

.header .to_phone.close { background-color: #000; }
.header .to_phone.close:hover { background-color: #ccc; }
/* --- menú teléfono --- */
#popwhatsapp { background-color: #7dbbd6;  padding: 40px 5% 20px 5%; text-align: center; top: 0; width: 90%; font-size: 24px; z-index: 1004;}
.header .m_phones .icon-logo { margin-bottom: 17px; margin-top: 23px; }
.header .m_phones p { color: #333; line-height: 1.2em; margin: 0 20px 14px; }
.header .m_phones .number { color: #CACACA; display: block; font-weight: bold; margin: 0 auto 35px; font-size: 40px; }
/*.header .to_menu:hover, .header .to_phone:hover { background-color: #242729; }*/
.header .nav { position: absolute; top: 0; left: 0; width: 100%; }
.header .icon, .header .icono { left: 50%; margin-left: -12px; }
#to_home{
    text-decoration: none;
    position: fixed;
    float: left;
    margin: 4px;
}
#to_home:after {
    color: #FFF;
    content: "h";
    
    font-family: WebSymbolsRegular;
    font-size: 32px;
    height: 40px;
    vertical-align: middle;
}



#console{
	position:absolute;
	width:100%;
	height:20%;
	bottom:0;
	left:0;
	background: rgb(238,238,238); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(204,204,204,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
	-webkit-box-shadow: inset 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
	overflow:auto;
}

#console_content{
	color: #45484d;
    font-family: monospace;
    margin-top: 30px;
    padding-left: 5px;
    padding-right: 5px;
    text-shadow: 0px 1px 0px #fff;
    filter: dropshadow(color=#fff, offx=0, offy=1);
}

#console_title{
	padding:5px 10px;
	margin-top:0px;
	background: rgb(69,72,77); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(69,72,77,1) 0%, rgba(0,0,0,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(69,72,77,1)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
	-webkit-box-shadow:  0px 1px 2px 0px rgba(0, 0, 0, 0.3);        
    box-shadow:  0px 1px 2px 0px rgba(0, 0, 0, 0.3);
	color:#ccc;
	font-size:0.8em;
	font-weight:bold;
	font-family: arial;
	position:absolute;
	-webkit-border-radius: 0px 0px 5px 0px;
	border-radius: 0px 0px 5px 0px;
}

#container2{
	position:absolute;
	width:94%;
	height:85%;
	top:52px;
	left:3%;
	border:1px solid #7dbbd6;
	overflow:hidden;
	/*-webkit-box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 1);
	-moz-box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 1);
	box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 1);
	-webkit-border-radius:4px;
	border-radius:4px;*/
}

#container3{
	position:absolute;
	width:100%;
	height:80%;
	top:0;
	left:0;
	overflow:hidden;
}