* {margin: 0; padding: 0;}
html {height: 100%;}
body {
	margin: 0;
	padding: 0;
	font-size: 100%;
	line-height: 120%;
	font-family: Roboto, Helvetica;
}

#main {
  padding: 0;
  margin: 0 auto;
  position: relative;
  
  background: white;
  z-index: 1;
}


/*Width*/
#header-wrapper,
#slider-wrapper,
#center-wrapper, 
#footer-wrapper {width: 100%; margin: 0 auto; position: relative;}
#footer-wrapper {overflow: hidden;}

#header,
#topmenu,
#slider,
#twocolumn,
#footer {position: relative; z-index: 10; width: 1000px; margin: 0 auto; padding: 0px;}


#header-wrapper.fixed {position: fixed; top: 0; z-index: 100; background-color: white;}

#header #logo {
	float: left; 
	margin:0; 
	position: relative; 
	text-align: center; 
	text-decoration: none; 
	transition: .6s;
}
#header #logo img {}
#header #logo strong {float: left; margin: 0.4em 0.4em 0 0; font-size: 150%; color: #00B6E6;}
#header #logo span {float: left;}
#header #logo:hover {box-shadow: inset 0px 2px 0px 0px #00B6E6;}

#header-wrapper {border-bottom: 1px solid #00B6E6;}
#footer-wrapper {border-top: 1px solid #00B6E6;}

#slider {position: relative; height: 300px; display: block; overflow: hidden; clear: both; background-color: white;}
#slider div{display: none; position: relative;}
#slider div span{position: absolute; top: 10%; left: 0; max-width: 30%; z-index: 10; margin: 1em; padding: 1em; border-top: 1px solid #00B6E6; background-color: rgba(255,255,255,0.5);}
#slider img{max-width: 1000px; margin: 0 auto; padding: 0;}


/**/
.lang {
	margin: 0 1em;
	text-align: right;
	float: left;
}

.lang ul {
		list-style: none;
		padding: 0;
		margin: 0;        
}

.lang li {
		display: inline-block;
		margin: 0;
		padding: 0;
}

.lang li a {
	display: block; 
	padding: 0.25em 0.5em;
	color: black; 
	font-size: 120%; 
	font-weight: bold;
	text-decoration: none;
	transition: .6s;
}
.lang li img{height: 25px;}
.lang li a:hover {
	text-decoration: none; 
	box-shadow:inset 0px 2px 0px 0px #00B6E6; 
}

/**/


/*MENU*/
.menu {
	margin: 0;
	text-align: right;
}

.menu ul {
		list-style: none;
		padding: 0;
		margin: 0;        
}

.menu li {
		display: inline-block;
		margin: 0;
		padding: 0;
}

.menu li a {
	display: block; 
	padding: 0.5em 0.5em;
	color: black; 
	font-family: Roboto;
	font-size: 120%; 
	font-weight: bold;
	text-decoration: none;
	transition: .6s;
}

.menu li a:hover {
	text-decoration: none; 
	box-shadow:inset 0px 2px 0px 0px #00B6E6; 
}
/**/

#twocolumn {position: relative; z-index: 1;}

.content {
	color: #000000;
	margin: 0 0 0 0px;
	padding: 1em;
	min-height: 300px;
	font-size: 14pt;
	font-family: Roboto, Helvetica;
}

.content h1, .content h2,  .content h3{font-weight: bold; margin: 1em 0;}
.content h1 {text-align: center; font-size: 150%; color: #00B6E6; text-transform: uppercase;}
.content h2 {font-size: 130%;}
.content h3 {font-size: 110%;}
.content p{margin: 1em 0; text-indent: 2em;}

.content ul{padding: 0px 0 10px 30px;}
.content ul li {text-indent:15px; padding-top: 5px;}
  
.content img {margin: 10px; max-width:650px;}
.content img.fleft{float:left;}
.content img.lmargin {margin-left: 60px;}

.contacts {margin: 0 0 2em 0; overflow: hidden; border-top: 1px solid #00B6E6;}
.contacts h2 {margin: 1em 0; font-size: 130%; font-weight: bold;}

.fright {float: right;}

#payblock {text-align: center;}
#payblock h1,
#payblock h2,
#payblock h3{color: #00B6E6;}
#payblock .b_submit{
	margin: 0.5em;
	padding: 0.5em;
	border: 1px solid #00B6E6;
	border-radius: 2px;
	background: #fff;
	color: #00B6E6;
	font-size: 16px;
	font-weight: bold;
	box-shadow: inset 1px 1px 1px rgba(255,255,255,0.4), 2px 2px 2px rgba(0,0,0,0.3);
	cursor: pointer;
}
#payblock .b_submit:hover {background: #00B6E6; color: white;}
#payblock form {display: inline-block; margin: 0 auto; text-align: right; overflow: hidden;}
#payblock form label{margin: 0.5em 1em; font-size: 100%; font-weight: bold; color: #00B6E6;}
#payblock form select,
#payblock form input{margin: 0.5em; font-size: 100%; border: 1px solid #00B6E6; box-shadow: 2px 2px 2px rgba(0,0,0,0.3);}
#payblock form select{font-weight: bold;}
#payblock form select option{font-weight: bold;}

#errors {color: red; font-size: 110%;}

#footer {
  margin: 0px auto;
  padding: 0px 0 0 0px;
  display: table; overflow: hidden;
}
#footer div{display: table-cell; vertical-align: middle;}
#footer .logo {}

#counters
{
	margin: 200px 0 0 0;
	padding: 0px;
	text-align: center;
}



table.mid {margin:0 auto;}
table.mid td {vertical-align: top;}
div.mid {width:580px; margin:0 auto; text-indent: 0; vertical-align: top;}


.colbg{background-color:#DDD;}

.cleardiv {clear: both;}

a {color: #052004; background-color: transparent;}
a:visited{color: #052004; background-color: transparent;}
a:hover, a:active{color: #052004; background-color: transparent;}
ul, ul li {text-indent:0px;}

/*icons*/
[class*="icono-"], [class*="icono-"] * {
	box-sizing: border-box;
}
[class*="icono-"] {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	font-style: normal;
	color: #aaa;
	text-align: left;
	text-indent: -9999px;
	direction: ltr;
	border: 2px solid;
}
[class*="icono-"]::after, 
[class*="icono-"]::before {content: '';pointer-events: none;}
.icono-mail::before,
.icono-home::before, .icono-home::after
{border: 2px solid;}
.icono-mail {
	width: 28px;
	height: 18px;
	overflow: hidden;
	margin: 8px 3px;
}
.icono-mail::before {
	position: absolute;
	width: 24.62px;
	height: 24.62px;
	transform: rotate(50deg) skew(-10deg,-20deg);
	top: -20px;
	left: -3px;
}
.icono-home {
	width: 22px;
	height: 16px;
	border-top: none;
	margin: 15px 6px 3px;
}
.icono-home::before {
	width: 18px;
	height: 18px;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	left: -2px;
	top: -7px;
	border-right-color: transparent;
	border-bottom-color: transparent;
}
.icono-home::after {
	width: 6px;
	height: 10px;
	bottom: 0;
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	border-width: 1px;
	border-bottom: none;
}
.icono-iphoneBold {
	width: 20px;
	height: 32px;
	margin: 1px 7px;
	border-radius: 4px;
	border-width: 5px 2px;
}
.icono-clock {
	width: 26px;
	height: 26px;
	border-radius: 50%;
	margin: 4px;
}
.icono-clock::before {
	width: 2px;
	height: 9px;
}
.icono-clock::after, 
.icono-clock::before {
	position: absolute;
	top: 35%;
	left: 50%;
	box-shadow: inset 0 0 0 32px;
	border-radius: 2px;
	transform: translate(-50%,-50%);
}
.icono-clock::after {
	width: 6px;
	height: 2px;
	transform-origin: left center;
	transform: rotate(45deg) translate(1px,2px);
}
.icono-crossCircle {
	border-radius: 50%;
	width: 30px;
	height: 30px;
	margin: 2px;
	transform: rotate(45deg);
}
.icono-crossCircle:before, 
.icono-crossCircle:after {
	width: 18px;
	height: 2px;
	box-shadow: inset 0 0 0 32px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);    
}
.icono-crossCircle:after {
	width: 2px;
	height: 18px;   
}
.icono-user {
  width: 32px;
  height: 14px;
  border-radius: 64px 64px 0 0/64px;
  margin: 18px 1px 2px;
}
.icono-user::before {
  width: 12px;
  height: 12px;
  top: -20px;
  border-radius: 50%;
}

.button {background-color: #136c9c; padding: 15px; border-radius:3px; color:white;}
a.button {color:white; line-height: 130%; text-decoration: none;}
a.button:hover {background-color: rgba(20,100,150,0.8);}