@charset "UTF-8";

@font-face {
    font-family: 'ae_almohanadregular';
    src: url('/fonts/ae_almohanad-webfont.eot');
    src: url('/fonts/ae_almohanad-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/ae_almohanad-webfont.woff2') format('woff2'),
         url('/fonts/ae_almohanad-webfont.woff') format('woff'),
         url('/fonts/ae_almohanad-webfont.ttf') format('truetype'),
         url('/fonts/ae_almohanad-webfont.svg#ae_almohanadregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'scheherazaderegular';
    src: url('/fonts/scheherazaderegot-webfont.eot');
    src: url('/fonts/scheherazaderegot-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/scheherazaderegot-webfont.woff2') format('woff2'),
         url('/fonts/scheherazaderegot-webfont.woff') format('woff'),
         url('/fonts/scheherazaderegot-webfont.ttf') format('truetype'),
         url('/fonts/scheherazaderegot-webfont.svg#scheherazaderegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body
{
	/*margin-top: 7%;*/
	background-color: #41647B;
	color: #8DB2CC;
	font-family: 'ae_almohanadregular';
}

div.respodiv
{
	display: none;
}

div.respodiv div
{
	width: 35px;
  	height: 5px;
  	background-color: white;
  	margin: 7px auto;
  	display: block;
}

div.menudiv
{
	width: 50%;
	margin: 0 auto;
	background-color: #1F3748; /*#1D4160;*/
	/*border: solid brown 1px;*/
}

ul.menuul
{
	text-align: center;
}

.menuul li
{
	display: inline;
}

.menuul a:link
{
	color: #8A99A5;
	text-decoration: none;
	padding: 0 30px;
}

.menuul a:hover
{
	color: #6C88A4; /*#2E8FE4;*/
}

.menuul a:visited
{
	color: #12D0E4;
}

img
{
	display: block;
	width: 100%;
	height: 3%;
	margin: 0 auto;
	margin-top: 15px;
	border-top-style: inset;
	border-bottom-style: inset;
}

.bannerimg
{
	display: block;
	width: 100%;
	height: 3%;
	margin: 0 auto;
	margin-top: 15px;
	border-top-style: outset;
	border-bottom-style: outset;
}

div.pagediv
{
	width: 75%;
	margin: 50px auto;
	/*background-color: #1D4160
	border: solid brown 1px;*/
}

.pagediv p
{
	text-align: center;
	padding: 3 5px;
}

div.privdiv
{
	border-top: ridge #6C88A4;
	position: fixed;
	bottom: 0px;
	left: 0px;
	right: 0px;
	width: 100%;
}

.privdiv a
{
	text-decoration: none;
	font-weight: bold;
	color: #404040;
	display: block;
	padding-top: 3px;
}

.langbtn
{
	color: #8A99A5;
	border: none;
}

.deavailang
{
	position: relative;
   display: inline-block;
}

.availang
{
	display: none;
   position: absolute;
   background-color: #1F3748;
   min-width: 160px;
   box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
   z-index: 1;
}

.availang a
{
	color: black;
   padding: 6px 8px;
   text-decoration: none;
   display: block;
}

.deavailang:hover .availang
{
	display: block;
}


form
{
	background-color: transparent;
}

.labeloc
{
	/*color: #4d3d00; /*#FFFF00;*/
	display: block;
	width: 25%;
	float: left;
	text-align: right;
	padding-top: 1px;
/*	border: black 2px double;*/
}

.textoc
{
	float: left;
	margin-left: 5px;
	color: #fff;
	border: none;
	border-bottom: #ACA29E 1px outset;
	border-left: #ACA29E 1px outset;
	background-color: transparent;
}

.submitoc
{
	float: right;
	color: #fff;
	margin-right: 15px;
	background-color: transparent;
	border: none;
	border-bottom: #ACA29E 1px outset;
	border-left: #ACA29E 1px outset;
}

p.form
{
	clear: both;
	width: 50%;
	padding-top: 7px;
/*	border: silver 1px double;*/
}

.tareaoc
{
	margin-left: 5px;
	paddig-left: 1px;
	color: #fff;
	border: none;
	float: left;
	margin-top: 7px;
	background-color: transparent;
	border-bottom: #ACA29E 1px outset;
	border-left: #ACA29E 1px outset;
}

.labelor
{
	/*color: #4d3d00; /*#FFFF00;*/
	display: block;
	width: 25%;
	float: right;
	text-align: left;
	padding-top: 1px;
/*	border: black 2px double;*/
}

.textor
{
	float: right;
	margin-right: 5px;
	color: #fff;
	border: none;
	border-bottom: #ACA29E 1px outset;
	border-right: #ACA29E 1px inset;file:///home/web/web.php

	background-color: transparent;
}

.submitor
{
	float: left;
	color: #fff;
	margin-left: 15px;
	background-color: transparent;
	border: none;
	border-bottom: #ACA29E 1px outset;
	border-right: #ACA29E 1px inset;
}

.tareaor
{
	margin-right: 5px;
	paddig-right: 1px;
	color: #fff;
	border: none;
	float: right;
	margin-top: 7px;
	background-color: transparent;
	border-bottom: #ACA29E 1px outset;
	border-right: #ACA29E 1px inset;
}

@media screen and (max-width: 812px) 
{
  ul.menuul
  {
  		display: none;
	    /*text-align: justify;*/
  }
 
  div.menudiv
	{
		width: 35px;
		margin: 0 0;
/*		background-color: #1F3748; / *#1D4160;
	border: solid brown 1px;*/
	}

  div.respodiv
  {
		display: block;
  }
  
  .menudiv:active ul.menuul, .menudiv:active .menuul li
  {
		display: block;
  }
  
  .menudiv:hover ul.menuul, .menudiv:hover .menuul li
  {
		display: block;
  }

  .menudiv:hover
  {
		width: 50%;
  }
  
  .menudiv:active
  {
		width: 50%;
  }
  
   nav:hover .respodiv
  {
		display: none;
  }
  
  nav:active .respodiv
  {
		display: none;
  }
  
  nav:hover .menudiv
  {
		width: 50%;
  }
  
  nav:active .menudiv
  {
		width: 50%;
  }
 
  nav:active ul.menuul, nav:active .menuul li
  {
		display: block;
  }
  
  nav:hover ul.menuul, nav:hover .menuul li
  {
		display: block;
  }
  
  .menuul a:link
  {
        padding: 0 5px;
  }
  
   .tareaoc, .tareaor
  {
		height: 100px;  
  }
}