Jump to content

Problema de responsabilidade

danielfpaiva

By danielfpaiva,
in CSS

 Share
Go to solution Solved by bioshock,

Recommended Posts

danielfpaiva try-catch user

danielfpaiva

Posted
Posted

Boas pessoal.

Estou a desenvolver um site e tenho um pequeno problema com a imagem de topo do site.

Todo o site se redimensiona nos diferentes dispositivos excepto a imagem de topo.

Será que me podem ajudar?

Site:

header.jpg

código html 

<!DOCTYPE html>
<html dir="ltr" lang="pt-PT">
  <head>
  <meta charset="utf-8">
  <title>Jornal "O Concelho de Estarreja"</title>
  <meta name="viewport" content="initial-scale = 1.0, maximum-scale = 1.0, user-scalable = no, width = device-width">
  <!--[if lt IE 9]><script src="https://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
  <link rel="stylesheet" href="style.css" media="screen">
  <!--[if lte IE 7]>
  <link rel="stylesheet" href="style.ie7.css" media="screen" />
  <![endif]-->
  <link rel="stylesheet" href="style.responsive.css" media="all">
  <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Oswald|Droid+Sans&subset=latin">
  <script src="jquery.js"></script>
  <script src="script.js"></script>
  <script src="script.responsive.js"></script>
  <style> .content .postcontent-0 .layout-item-0 { border-top-style:solid;border-left-style:solid;border-top-width:0px;border-left-width:1px;
	 border-top-color:#BDC8CC;border-left-color:#BDC8CC; }
	 .content .postcontent-0 .layout-item-1 { border-top-width:1px;border-top-style:solid;border-top-color:#BDC8CC;margin-top: 10px;
	 margin-bottom: 10px;  }
	 .content .postcontent-0 .layout-item-2 { border-right-style:solid;border-right-width:1px;border-right-color:#BDC8CC;
	 padding-right: 10px;padding-left: 10px;  }
	 .ie7 .post .layout-cell {border:none !important; padding:0 !important; }
	 .ie6 .post .layout-cell {border:none !important; padding:0 !important; }
  </style>
</head>
  <body>
  <div id="main">
	 <header class="header">
		<div class="shapes">
		</div>
	 </header>
	 <nav class="nav">
		<ul class="hmenu">
		   <!-- <li><a href="no-user-multimedia.php">Multimédia</a></li> -->
		   <li><a href="no-user-agenda.php">Agenda</a></li>
		   <li><a href="no-user-contactos.php">Contactos</a></li>
		   <li><a href="no-user-faleconnosco.php">Fale Connosco</a></li>
		</ul>
	 </nav>
	 <div class="sheet clearfix">
		<div class="layout-wrapper">
		   <div class="content-layout">
			  <div class="content-layout-row">
				 <div class="layout-cell sidebar1">
					<div class="vmenublock clearfix">
					   <div class="vmenublockcontent">
						  <ul class="vmenu">
							 <li>
								<a href="" class="">Notícias</a>
								<ul>
								   <li>
									  <a>Concelho</a>
									  <ul>
										 <li><a href="no-user-avanca.php">Avanca</a></li> <!-- alterar isto para enviar o nome no url e só termos uma página para de notcias -->
										 <li><a href="no-user-beluido.php">Beduído</a></li>
										 <li><a href="no-user-canelas.php">Canelas</a></li>
										 <li><a href="no-user-fermela.php">Fermelã</a></li>
										 <li><a href="no-user-pardilho.php">Pardilhó</a></li>
										 <li><a href="no-user-salreu.php">Salreu</a></li>
										 <li><a href="no-user-veiros.php">Veiros</a></li>
									  </ul>
								   <li><a href="no-user-nacional.php">Nacional</a></li>
								   <li><a href="no-user-mundial.php">Mundial</a></li>
								   <li><a href="no-user-desporto.php">Desporto</a></li>
								   <li><a href="no-user-politico.php">Político</a></li>
								</ul>
							 </li>
							 <!-- <li><a href="no-user-colaboradores.php">Colaboradores</a></li> -->
							 <li>
								<!-- <a href="no-user-arquivo.php">Arquivo</a> -->
								<!--<ul>
								   <li><a href="no-user-arquivoopinioes.php">Opiniões</a></li>
								   <li><a href="no-user-arquivonoticias.php">Notícias</a></li>
								   </ul> -->
							 </li>
							 <li><a href="no-user-ultimasedicoes.php">Últimas edições</a></li>
							 <!--  <li><a href="no-user-coleccao.php">Colecção de Jornais</a></li> -->
						  </ul>
					   </div>
					</div>
				 </div>
				 <div class="layout-cell content">
					<article class="post article">
					   <div class="postcontent postcontent-0 clearfix">
						  <div class="content-layout layout-item-0">
							 <div class="content-layout-row">
								<div class="layout-cell layout-item-2" style="width: 100%">
								  <?php
	  include('bd/init.php');
	  $sql = "SELECT * FROM noticias WHERE Estado='Activa' ORDER BY Data DESC, Hora ASC LIMIT 15";
	  $executar = mysql_query($sql) or die(mysql_error());
	  while ($reg = mysql_fetch_array($executar)) {
	  ?>
	  <form action="no-user-ler-noticia.php" method="post">
	  <input type=hidden name=id value=<?php echo $reg['id'] ?> readonly>
	   <h3><?php echo $reg['titulo'];  ?></h3>
		<?php echo '<img src="user/paineldegestao/imagens/' . $reg['imagem1'] . '"  class="floatLeft"/>'; ?>
	   <p><?php echo $reg['resumo'];  ?></p>
	  <input type="submit" value="Leia mais" name="Submit" class="button" />
	  </form>
	  <div style="clear: both"></div>
	  <div class="content-layout-br layout-item-1">
	  </div>
	  <?php		  
	  }
	  ?>

								</div>
							 </div>
						  </div>
						  <div class="content-layout-br layout-item-1">
						  </div>
					   </div>
					</article>
				 </div>
				 <div class="layout-cell sidebar2">
					<div class="block clearfix">
					   <br>
					   <iframe src="https://www.google.com/calendar/embed?showTitle=0&showPrint=0&showTabs=0&showCalendars=0&showTz=0&height=150&wkst=1&bgcolor=%23FFFFFF&src=jornalocde%40gmail.com&color=%232952A3&ctz=Europe%2FLisbon" style=" border-width:0 " width="100%" height="160" frameborder="0" scrolling="no"></iframe>
					   <br>
					   <br>
					   <div class="blockheader" style="width:70%">
						  <h3 class="t">Login</h3>
					   </div>
					   <div class="blockcontent">
						  <form action="bd/login.php" method="post" name="login" id="form-login">
							 <fieldset class="input" style="border: 0 none;">
								<p id="login-username" style="text-align:center">
								   <label for="username">Utilizador</label>
								   <br />
								   <input id="username" type="text" name="username" class="inputbox" style="width:100%" align="center" />
								</p>
								<br>
								<p id="login-password" style="text-align:center">
								   <label for="passwd">Password</label>
								   <br />
								   <input id="passwordd" type="password" name="password" class="inputbox" style="width:100%" align="center"/>
								   <br>
								</p>
								<p id="form-login-remember">
								   <label class="checkbox">
								   </label>
								</p>
								<input type="submit" value="Login" name="Submit" class="button" />  
							 </fieldset>
							 <ul>
								<li>
								   <a href="forgotpass.php">Esqueceu-se das suas credenciais?</a>
								</li>
								<li>
								   <a href="novoregisto.php">Criar Conta</a>
								</li>
							 </ul>
						  </form>
					   </div>
					</div>
				 </div>
			  </div>
		   </div>
		</div>
		<footer class="footer">
		   <p><a href="no-user-quemsomos.php">Quem somos</a> | <a href="no-user-assinaturas.php">Assinaturas</a> | <a href="no-user-fichatecnica.php">Ficha Técnica</a></p>
		   <p>Copyright © 2013. All Rights Reserved.</p>
		</footer>
	 </div>
  </div>
  </body>
</html>
A imagem encontra-se na class header.

código css 

#main
{
  background: #B3CEDB;
  background: linear-gradient(top, #B3CEDB 0, #B3CEDB 420px, #6DA2BA 1050px) no-repeat;
  background: -webkit-linear-gradient(top, #B3CEDB 0, #B3CEDB 420px, #6DA2BA 1050px) no-repeat;
  background: -moz-linear-gradient(top, #B3CEDB 0, #B3CEDB 420px, #6DA2BA 1050px) no-repeat;
  background: -o-linear-gradient(top, #B3CEDB 0, #B3CEDB 420px, #6DA2BA 1050px) no-repeat;
  background: -ms-linear-gradient(top, #B3CEDB 0, #B3CEDB 420px, #6DA2BA 1050px) no-repeat;
  background: linear-gradient(top, #B3CEDB 0, #B3CEDB 420px, #6DA2BA 1050px) no-repeat;
  -svg-background: linear-gradient(top, #B3CEDB 0, #B3CEDB 420px, #6DA2BA 1050px) no-repeat;
  background-attachment: fixed !important;
  margin:0 auto;
  font-size: 14px;
  font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  font-weight: normal;
  font-style: normal;
  line-height: 150%;
  position: relative;
  width: 100%;
  min-height: 100%;
  left: 0;
  top: 0;
  cursor:default;
  overflow:hidden;
}
table, ul.hmenu
{
  font-size: 14px;
  font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  font-weight: normal;
  font-style: normal;
  line-height: 150%;
}
h1, h3, h5, a, ul, ol, li
{
  margin: 0;
  padding: 0;
}
p
{
  margin: 0;
  padding: 0;
  text-align: justify;
}
h6
{
text-align: right;
}
h2
{
text-align: center;
}
img.floatLeft {
float: left;
margin: 2%;
}
/* Reset buttons border. It's important for input and button tags.
* border-collapse should be separate for shadow in IE.
*/
.button
{
  border: 0;
  border-collapse: separate;
  -webkit-background-origin: border !important;
  -moz-background-origin: border !important;
  background-origin: border-box !important;
  background: #508DAA;
  background: linear-gradient(top, #467C95 0, #5290AD 25%, #5F99B4 40%, #639BB6 50%, #5F99B4 60%, #5290AD 75%, #467C95 100%) no-repeat;
  background: -webkit-linear-gradient(top, #467C95 0, #5290AD 25%, #5F99B4 40%, #639BB6 50%, #5F99B4 60%, #5290AD 75%, #467C95 100%) no-repeat;
  background: -moz-linear-gradient(top, #467C95 0, #5290AD 25%, #5F99B4 40%, #639BB6 50%, #5F99B4 60%, #5290AD 75%, #467C95 100%) no-repeat;
  background: -o-linear-gradient(top, #467C95 0, #5290AD 25%, #5F99B4 40%, #639BB6 50%, #5F99B4 60%, #5290AD 75%, #467C95 100%) no-repeat;
  background: -ms-linear-gradient(top, #467C95 0, #5290AD 25%, #5F99B4 40%, #639BB6 50%, #5F99B4 60%, #5290AD 75%, #467C95 100%) no-repeat;
  background: linear-gradient(top, #467C95 0, #5290AD 25%, #5F99B4 40%, #639BB6 50%, #5F99B4 60%, #5290AD 75%, #467C95 100%) no-repeat;
  -svg-background: linear-gradient(top, #467C95 0, #5290AD 25%, #5F99B4 40%, #639BB6 50%, #5F99B4 60%, #5290AD 75%, #467C95 100%) no-repeat;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
  border-width: 0;
  padding:0 20px;
  margin:0 auto;
  height:31px;
}
.postcontent,
.postheadericons,
.postfootericons,
.blockcontent,
ul.vmenu a
{
  text-align: left;
}
.postcontent,
.postcontent li,
.postcontent table,
.postcontent a,
.postcontent a:link,
.postcontent a:visited,
.postcontent a.visited,
.postcontent a:hover,
.postcontent a.hovered
{
  font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.postcontent p
{
  margin: 12px 0;
}
.postcontent h1, .postcontent h1 a, .postcontent h1 a:link, .postcontent h1 a:visited, .postcontent h1 a:hover,
.postcontent h2, .postcontent h2 a, .postcontent h2 a:link, .postcontent h2 a:visited, .postcontent h2 a:hover,
.postcontent h3, .postcontent h3 a, .postcontent h3 a:link, .postcontent h3 a:visited, .postcontent h3 a:hover,
.postcontent h4, .postcontent h4 a, .postcontent h4 a:link, .postcontent h4 a:visited, .postcontent h4 a:hover,
.postcontent h5, .postcontent h5 a, .postcontent h5 a:link, .postcontent h5 a:visited, .postcontent h5 a:hover,
.postcontent h6, .postcontent h6 a, .postcontent h6 a:link, .postcontent h6 a:visited, .postcontent h6 a:hover,
.blockheader .t, .blockheader .t a, .blockheader .t a:link, .blockheader .t a:visited, .blockheader .t a:hover,
.vmenublockheader .t, .vmenublockheader .t a, .vmenublockheader .t a:link, .vmenublockheader .t a:visited, .vmenublockheader .t a:hover,
.headline, .headline a, .headline a:link, .headline a:visited, .headline a:hover,
.slogan, .slogan a, .slogan a:link, .slogan a:visited, .slogan a:hover,
.postheader, .postheader a, .postheader a:link, .postheader a:visited, .postheader a:hover
{
  font-size: 30px;
  font-family: Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  font-weight: normal;
  font-style: normal;
  line-height: 120%;
}
.postcontent a, .postcontent a:link
{
  font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  text-decoration: none;
  color: #5290AD;
}
.postcontent a:visited, .postcontent a.visited
{
  font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  text-decoration: none;
  color: #8EA1A9;
}
.postcontent  a:hover, .postcontent a.hover
{
  font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  text-decoration: underline;
  color: #FFB175;
}
.postcontent h1
{
  color: #6F8790;
  margin: 10px 0 0;
  font-size: 30px;
  font-family: Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.blockcontent h1
{
  margin: 10px 0 0;
  font-size: 30px;
  font-family: Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.postcontent h1 a, .postcontent h1 a:link, .postcontent h1 a:hover, .postcontent h1 a:visited, .blockcontent h1 a, .blockcontent h1 a:link, .blockcontent h1 a:hover, .blockcontent h1 a:visited
{
  font-size: 30px;
  font-family: Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.postcontent h2
{
  color: #6F8790;
  margin: 10px 0 0;
  font-size: 20px;
  font-family: Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.blockcontent h2
{
  margin: 10px 0 0;
  font-size: 20px;
  font-family: Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.postcontent h2 a, .postcontent h2 a:link, .postcontent h2 a:hover, .postcontent h2 a:visited, .blockcontent h2 a, .blockcontent h2 a:link, .blockcontent h2 a:hover, .blockcontent h2 a:visited
{
  font-size: 20px;
  font-family: Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.postcontent h3
{
  color: #8EA1A9;
  margin: 10px 0 0;
  font-size: 26px;
  font-family: Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.blockcontent h3
{
  margin: 10px 0 0;
  font-size: 26px;
  font-family: Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.postcontent h3 a, .postcontent h3 a:link, .postcontent h3 a:hover, .postcontent h3 a:visited, .blockcontent h3 a, .blockcontent h3 a:link, .blockcontent h3 a:hover, .blockcontent h3 a:visited
{
  font-size: 26px;
  font-family: Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.postcontent h4
{
  color: #232B2E;
  margin: 10px 0 0;
  font-size: 20px;
  font-family: Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.blockcontent h4
{
  margin: 10px 0 0;
  font-size: 20px;
  font-family: Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.postcontent h4 a, .postcontent h4 a:link, .postcontent h4 a:hover, .postcontent h4 a:visited, .blockcontent h4 a, .blockcontent h4 a:link, .blockcontent h4 a:hover, .blockcontent h4 a:visited
{
  font-size: 20px;
  font-family: Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.postcontent h5
{
  color: #232B2E;
  margin: 10px 0 0;
  font-size: 20px;
  font-family: Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.blockcontent h5
{
  margin: 10px 0 0;
  font-size: 20px;
  font-family: Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.postcontent h5 a, .postcontent h5 a:link, .postcontent h5 a:hover, .postcontent h5 a:visited, .blockcontent h5 a, .blockcontent h5 a:link, .blockcontent h5 a:hover, .blockcontent h5 a:visited
{
  font-size: 20px;
  font-family: Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.postcontent h6
{
  color: #54666E;
  margin: 10px 0 0;
  font-size: 16px;
  font-family: Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.blockcontent h6
{
  margin: 10px 0 0;
  font-size: 16px;
  font-family: Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.postcontent h6 a, .postcontent h6 a:link, .postcontent h6 a:hover, .postcontent h6 a:visited, .blockcontent h6 a, .blockcontent h6 a:link, .blockcontent h6 a:hover, .blockcontent h6 a:visited
{
  font-size: 16px;
  font-family: Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
header, footer, article, nav, #hmenu-bg, .sheet, .hmenu a, .vmenu a, .slidenavigator > a, .checkbox:before, .radiobutton:before
{
  -webkit-background-origin: border !important;
  -moz-background-origin: border !important;
  background-origin: border-box !important;
}
header, footer, article, nav, #hmenu-bg, .sheet, .slidenavigator > a, .checkbox:before, .radiobutton:before
{
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
ul
{
  list-style-type: none;
}
ol
{
  list-style-position: inside;
}
html, body
{
  height: 100%;
}
body
{
  padding: 0;
  margin:0;
  min-width: 700px;
  color: #121617;
}
.header:before, #header-bg:before, .layout-cell:before, .layout-wrapper:before, .footer:before, .nav:before, #hmenu-bg:before, .sheet:before
{
  width: 100%;
  content: " ";
  display: table;
}
.header:after, #header-bg:after, .layout-cell:after, .layout-wrapper:after, .footer:after, .nav:after, #hmenu-bg:after, .sheet:after,
.cleared, .clearfix:after {
  clear: both;
  font: 0/0 serif;
  display: block;
  content: " ";
}
form
{
  padding: 0 !important;
  margin: 0 !important;
}
table.position
{
  position: relative;
  width: 100%;
  table-layout: fixed;
}
li h1, .postcontent li h1, .blockcontent li h1
{
  margin:1px;
}
li h2, .postcontent li h2, .blockcontent li h2
{
  margin:1px;
}
li h3, .postcontent li h3, .blockcontent li h3
{
  margin:1px;
}
li h4, .postcontent li h4, .blockcontent li h4
{
  margin:1px;
}
li h5, .postcontent li h5, .blockcontent li h5
{
  margin:1px;
}
li h6, .postcontent li h6, .blockcontent li h6
{
  margin:1px;
}
li p, .postcontent li p, .blockcontent li p
{
  margin:1px;
}

.shapes
{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  z-index: 0;
}
.slider-inner {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.slidenavigator > a {
  display: inline-block;
  vertical-align: middle;
  outline-style: none;
  font-size: 1px;
}
.slidenavigator > a:last-child {
  margin-right: 0 !important;
}
.header
{
  margin:1% auto 0;
  position: relative;
  height: 250px;
  width: 90%;
  background-image: url('images/header.png');
  background-position: center top;
  background-repeat: no-repeat;
}
.responsive .header
{
  background-image: url('images/header.png');
  background-position: center center;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
}
.header-inner{
  position: relative;
  min-width: 694px;
  max-width: 1728px;
  width: 90%;
  z-index: auto !important;
  margin: 0 auto;
  overflow: auto;
}
.header>.widget
{
  position:absolute;
  z-index:101;
}
.nav
{
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
  padding:6px;
  margin:10px auto 0;
  position: relative;
  z-index: 499;
  text-align: center;
}
ul.hmenu a, ul.hmenu a:link, ul.hmenu a:visited, ul.hmenu a:hover
{
  outline: none;
  position: relative;
  z-index: 11;
}
ul.hmenu, ul.hmenu ul
{
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
  list-style-type: none;
}
ul.hmenu li
{
  position: relative;
  z-index: 5;
  display: block;
  float: left;
  background: none;
  margin: 0;
  padding: 0;
  border: 0;
}
ul.hmenu li:hover
{
  z-index: 10000;
  white-space: normal;
}
ul.hmenu:after, ul.hmenu ul:after
{
  content: ".";
  height: 0;
  display: block;
  visibility: hidden;
  overflow: hidden;
  clear: both;
}
ul.hmenu, ul.hmenu ul
{
  min-height: 0;
}
ul.hmenu
{
  display: inline-block;
  vertical-align: middle;
  padding-left: 4px;
  padding-right: 4px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.nav:before
{
  content:' ';
}
.desktop .nav{
  min-width: 700px;
  max-width: 1728px;
  width: 90%;
  padding-left: 9px;
  padding-right: 9px;
}
.hmenu-extra1
{
  position: relative;
  display: block;
  float: left;
  width: auto;
  height: auto;
  background-position: center;
}
.hmenu-extra2
{
  position: relative;
  display: block;
  float: right;
  width: auto;
  height: auto;
  background-position: center;
}
.hmenu
{
  float: center;
}
.menuitemcontainer
{
  margin:0 auto;
}
ul.hmenu>li {
  margin-left: 11px;
}
ul.hmenu>li:first-child {
  margin-left: 5px;
}
ul.hmenu>li:last-child, ul.hmenu>li.last-child {
  margin-right: 5px;
}
ul.hmenu>li>a
{
  -webkit-border-radius:11px;
  -moz-border-radius:11px;
  border-radius:11px;
  padding:0 32px;
  margin:0 auto;
  position: relative;
  display: block;
  height: 39px;
  cursor: pointer;
  text-decoration: none;
  color: #1A2E37;
  line-height: 39px;
  text-align: center;
}
.hmenu a,
.hmenu a:link,
.hmenu a:visited,
.hmenu a.active,
.hmenu a:hover
{
  font-size: 20px;
  font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  text-align: left;
}
ul.hmenu>li>a.active
{
  background: #508DAA;
  background: rgba(80, 141, 170, 0.7);
  -webkit-border-radius:11px;
  -moz-border-radius:11px;
  border-radius:11px;
  padding:0 32px;
  margin:0 auto;
  color: #182B34;
  text-decoration: none;
}
ul.hmenu>li>a:visited,
ul.hmenu>li>a:hover,
ul.hmenu>li:hover>a {
  text-decoration: none;
}
ul.hmenu>li>a:hover, .desktop ul.hmenu>li:hover>a
{
  background: #508DAA;
  background: rgba(80, 141, 170, 0.8);
  -webkit-border-radius:11px;
  -moz-border-radius:11px;
  border-radius:11px;
  padding:0 32px;
  margin:0 auto;
}
ul.hmenu>li>a:hover,
.desktop ul.hmenu>li:hover>a {
  color: #21282B;
  text-decoration: none;
}
ul.hmenu>li:before
{
  position:absolute;
  display: block;
  content:' ';
  top:0;
  left:  -11px;
  width:11px;
  height: 39px;
  background: url('images/menuseparator.png') center center no-repeat;
}
ul.hmenu>li:first-child:before{
  display:none;
}
ul.hmenu ul
{
  display: none;
}
.sheet
{
  background: #FFFFFF;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
  -webkit-box-shadow:0 0 3px 2px rgba(0, 0, 0, 0.15);
  -moz-box-shadow:0 0 3px 2px rgba(0, 0, 0, 0.15);
  box-shadow:0 0 3px 2px rgba(0, 0, 0, 0.15);
  border:1px solid #A8B7BD;
  padding:3px;
  margin:10px auto 0;
  position:relative;
  cursor:auto;
  width: 90%;
  min-width: 700px;
  max-width: 1728px;
  z-index: auto !important;
}
.layout-wrapper
{
  position: relative;
  margin: 0 auto 0 auto;
  z-index: auto !important;
}
.content-layout
{
  display: table;
  width: 100%;
  table-layout: fixed;
}
.content-layout-row
{
  display: table-row;
}
.layout-cell
{
  display: table-cell;
  vertical-align: top;
}
/* need only for content layout in post content */
.postcontent .content-layout
{
  border-collapse: collapse;
}
.vmenublock
{
  background: #DCE2E4;
  -webkit-border-radius:6px;
  -moz-border-radius:6px;
  border-radius:6px;
  border:1px dotted #A8B7BD;
  margin:15px;
}
div.vmenublock img
{
  margin: 0;
}
.vmenublockcontent
{
  margin:0 auto;
}
ul.vmenu, ul.vmenu ul
{
  list-style: none;
  display: block;
}
ul.vmenu, ul.vmenu li
{
  display: block;
  margin: 0;
  padding: 0;
  width: auto;
  line-height: 0;
}
ul.vmenu
{
  margin-top: 0;
  margin-bottom: 0;
}
ul.vmenu ul
{
  display: none;
  margin: 0;
  padding: 0;
  position: relative;
}
ul.vmenu ul.active
{
  display: block;
}
ul.vmenu>li>a
{
  background: #BDC8CC;
  background: rgba(189, 200, 204, 0.4);
  -webkit-border-radius:6px;
  -moz-border-radius:6px;
  border-radius:6px;
  padding:0 10px;
  margin:0 auto;
  color: #49595F;
  min-height: 32px;
  line-height: 32px;
}
ul.vmenu a
{
  display: block;
  cursor: pointer;
  z-index: 1;
  font-size: 18px;
  font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  position:relative;
}
ul.vmenu li{
  position:relative;
}
ul.vmenu>li
{
  margin-top: 0;
}
ul.vmenu>li>ul
{
  padding: 0;
  margin-top: 0;
  margin-bottom: 0;
}
ul.vmenu>li:first-child
{
  margin-top:0;
}
ul.vmenu>li>a:before
{
  content:url('images/vmenuitemicon.png');
  margin-right:5px;
  bottom: 2px;
  position:relative;
  display:inline-block;
  vertical-align:middle;
  font-size:0;
  line-height:0;
}
.opera ul.vmenu>li>a:before
{
  /* Vertical-align:middle in Opera doesn't need additional offset */
bottom: 0;
}
ul.vmenu>li>a.active:before
{
  content:url('images/vmenuactiveitemicon.png');
  margin-right:5px;
  bottom: 2px;
  position:relative;
  display:inline-block;
  vertical-align:middle;
  font-size:0;
  line-height:0;
}
.opera ul.vmenu>li>a.active:before
{
  /* Vertical-align:middle in Opera doesn't need additional offset */
bottom: 0;
}
ul.vmenu>li>a:hover:before,  ul.vmenu>li>a.active:hover:before,  ul.vmenu>li:hover>a:before,  ul.vmenu>li:hover>a.active:before
{
  content:url('images/vmenuhovereditemicon.png');
  margin-right:5px;
  bottom: 2px;
  position:relative;
  display:inline-block;
  vertical-align:middle;
  font-size:0;
  line-height:0;
}
.opera ul.vmenu>li>a:hover:before, .opera   ul.vmenu>li>a.active:hover:before, .opera   ul.vmenu>li:hover>a:before, .opera   ul.vmenu>li:hover>a.active:before
{
  /* Vertical-align:middle in Opera doesn't need additional offset */
bottom: 0;
}
ul.vmenu>li>a:hover, ul.vmenu>li>a.active:hover
{
  background: #508DAA;
  background: rgba(80, 141, 170, 0.4);
  padding:0 10px;
  margin:0 auto;
}
ul.vmenu>li>a:hover, ul.vmenu>li>a.active:hover
{
  text-decoration: none;
}
ul.vmenu a:hover, ul.vmenu a.active:hover
{
  color: #404E54;
}
ul.vmenu>li>a.active:hover>span.border-top, ul.vmenu>li>a.active:hover>span.border-bottom
{
  background-color: transparent;
}
ul.vmenu>li>a.active
{
  background: #508DAA;
  background: rgba(80, 141, 170, 0.4);
  padding:0 10px;
  margin:0 auto;
  text-decoration: none;
  color: #2F5465;
}
ul.vmenu>li>ul:before
{
  -webkit-border-radius:6px;
  -moz-border-radius:6px;
  border-radius:6px;
  margin:0 auto;
  display: block;
  position: absolute;
  content: ' ';
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
ul.vmenu li li a
{
  margin:0 auto;
  position: relative;
}
ul.vmenu ul li
{
  margin: 0;
  padding: 0;
}
ul.vmenu li li{
  position: relative;
  margin-top: 6px;
}
ul.vmenu ul a
{
  display: block;
  position: relative;
  min-height: 34px;
  overflow: visible;
  padding: 0;
  padding-left: 24px;
  padding-right: 24px;
  z-index: 0;
  line-height: 34px;
  color: #4D5E65;
  font-size: 16px;
  font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  margin-left: 0;
  margin-right: 0;
}
ul.vmenu ul a:visited, ul.vmenu ul a.active:hover, ul.vmenu ul a:hover, ul.vmenu ul a.active
{
  line-height: 34px;
  color: #4D5E65;
  font-size: 16px;
  font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  margin-left: 0;
  margin-right: 0;
}
ul.vmenu ul ul a
{
  padding-left: 48px;
}
ul.vmenu ul ul ul a
{
  padding-left: 72px;
}
ul.vmenu ul ul ul ul a
{
  padding-left: 96px;
}
ul.vmenu ul ul ul ul ul a
{
  padding-left: 120px;
}
ul.vmenu ul>li>a:hover, ul.vmenu ul>li>a.active:hover
{
  background: #BDC8CC;
  background: rgba(189, 200, 204, 0.4);
  margin:0 auto;
}
ul.vmenu ul li a:hover, ul.vmenu ul li a.active:hover
{
  text-decoration: none;
  color: #49595F;
}
ul.vmenu ul a:hover:after
{
  background-position: center ;
}
ul.vmenu ul a.active:hover:after
{
  background-position: center ;
}
ul.vmenu ul a.active:after
{
  background-position: bottom ;
}
ul.vmenu ul>li>a.active
{
  background: #A8B7BD;
  background: rgba(168, 183, 189, 0.4);
  margin:0 auto;
}
ul.vmenu ul a.active, ul.vmenu ul a:hover, ul.vmenu ul a.active:hover
{
  text-decoration: none;
  color: #47565C;
}
.block
{
  margin:10px;
}
div.block img
{
  border: 1px dotted #94A6AD;
  margin: 3px;
}
.blockheader
{
  background: #508DAA;
  background: linear-gradient(top, #467C95 0, #5290AD 25%, #5F99B4 40%, #639BB6 50%, #5F99B4 60%, #5290AD 75%, #467C95 100%) no-repeat;
  background: -webkit-linear-gradient(top, #467C95 0, #5290AD 25%, #5F99B4 40%, #639BB6 50%, #5F99B4 60%, #5290AD 75%, #467C95 100%) no-repeat;
  background: -moz-linear-gradient(top, #467C95 0, #5290AD 25%, #5F99B4 40%, #639BB6 50%, #5F99B4 60%, #5290AD 75%, #467C95 100%) no-repeat;
  background: -o-linear-gradient(top, #467C95 0, #5290AD 25%, #5F99B4 40%, #639BB6 50%, #5F99B4 60%, #5290AD 75%, #467C95 100%) no-repeat;
  background: -ms-linear-gradient(top, #467C95 0, #5290AD 25%, #5F99B4 40%, #639BB6 50%, #5F99B4 60%, #5290AD 75%, #467C95 100%) no-repeat;
  background: linear-gradient(top, #467C95 0, #5290AD 25%, #5F99B4 40%, #639BB6 50%, #5F99B4 60%, #5290AD 75%, #467C95 100%) no-repeat;
  -svg-background: linear-gradient(top, #467C95 0, #5290AD 25%, #5F99B4 40%, #639BB6 50%, #5F99B4 60%, #5290AD 75%, #467C95 100%) no-repeat;
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
  border-radius:2px;
  padding:8px 5px;
  margin:0 auto;
}
.blockheader .t,
.blockheader .t a,
.blockheader .t a:link,
.blockheader .t a:visited,
.blockheader .t a:hover
{
  color: #D5E4EB;
  font-size: 26px;
  font-family: Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  font-weight: normal;
  font-style: normal;
  margin: 0 10px;
  text-align: center;
}
.blockcontent
{
  background: #FFFFFF;
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
  border-radius:2px;
  padding:5px;
  margin:0 auto;
  color: #232B2E;
  font-size: 14px;
  font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  line-height: 150%;
}
.blockcontent table,
.blockcontent li,
.blockcontent a,
.blockcontent a:link,
.blockcontent a:visited,
.blockcontent a:hover
{
  color: #232B2E;
  font-size: 14px;
  font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  line-height: 150%;
}
.blockcontent p
{
  margin: 0 5px;
}
.blockcontent a, .blockcontent a:link
{
  color: #78A9BF;
  font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  font-weight: bold;
  font-style: normal;
  text-decoration: none;
}
.blockcontent a:visited, .blockcontent a.visited
{
  color: #AEBCC1;
  font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  font-weight: bold;
  font-style: normal;
  text-decoration: none;
}
.blockcontent a:hover, .blockcontent a.hover
{
  color: #9EC1D1;
  font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  font-weight: bold;
  font-style: normal;
  text-decoration: none;
}
.block ul>li:before
{
  content:url('images/blockbullets.png');
  margin-right:6px;
  bottom: 2px;
  position:relative;
  display:inline-block;
  vertical-align:middle;
  font-size:0;
  line-height:0;
  margin-left: -14px;
}
.opera .block ul>li:before
{
  /* Vertical-align:middle in Opera doesn't need additional offset */
bottom: 0;
}
.block li
{
  font-size: 13px;
  font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  line-height: 150%;
  color: #121617;
}
.block ul>li, .block ol
{
  padding: 0;
}
.block ul>li
{
  padding-left: 14px;
}
.breadcrumbs
{
  margin:0 auto;
}
a.button,
a.button:link,
a:link.button:link,
body a.button:link,
a.button:visited,
body a.button:visited,
input.button,
button.button
{
  text-decoration: none;
  font-size: 14px;
  font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  font-weight: normal;
  font-style: normal;
  position:relative;
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  text-align: center;
  color: #DCE2E4;
  margin: 0 5px 0 0 !important;
  overflow: visible;
  cursor: pointer;
  text-indent: 0;
  line-height: 31px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.button img
{
  margin: 0;
  vertical-align: middle;
}
.firefox2 .button
{
  display: block;
  float: left;
}
input, select, textarea, a.search-button span
{
  vertical-align: middle;
  font-size: 14px;
  font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  font-weight: normal;
  font-style: normal;
}
.block select
{
  width:96%;
}
input.button
{
  float: none !important;
}
.button.active, .button.active:hover
{
  background: #994200;
  background: linear-gradient(top, #753300 0, #B24D00 40%, #B85000 50%, #B24D00 60%, #753300 100%) no-repeat;
  background: -webkit-linear-gradient(top, #753300 0, #B24D00 40%, #B85000 50%, #B24D00 60%, #753300 100%) no-repeat;
  background: -moz-linear-gradient(top, #753300 0, #B24D00 40%, #B85000 50%, #B24D00 60%, #753300 100%) no-repeat;
  background: -o-linear-gradient(top, #753300 0, #B24D00 40%, #B85000 50%, #B24D00 60%, #753300 100%) no-repeat;
  background: -ms-linear-gradient(top, #753300 0, #B24D00 40%, #B85000 50%, #B24D00 60%, #753300 100%) no-repeat;
  background: linear-gradient(top, #753300 0, #B24D00 40%, #B85000 50%, #B24D00 60%, #753300 100%) no-repeat;
  -svg-background: linear-gradient(top, #753300 0, #B24D00 40%, #B85000 50%, #B24D00 60%, #753300 100%) no-repeat;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
  border-width: 0;
  padding:0 20px;
  margin:0 auto;
}
.button.active, .button.active:hover {
  color: #D7DDE0 !important;
}
.button.hover, .button:hover
{
  background: #FF7A14;
  background: linear-gradient(top, #F56A00 0, #FF6E00 7%, #FF892E 40%, #FF8B33 50%, #FF892E 60%, #FF6E00 93%, #F56A00 100%) no-repeat;
  background: -webkit-linear-gradient(top, #F56A00 0, #FF6E00 7%, #FF892E 40%, #FF8B33 50%, #FF892E 60%, #FF6E00 93%, #F56A00 100%) no-repeat;
  background: -moz-linear-gradient(top, #F56A00 0, #FF6E00 7%, #FF892E 40%, #FF8B33 50%, #FF892E 60%, #FF6E00 93%, #F56A00 100%) no-repeat;
  background: -o-linear-gradient(top, #F56A00 0, #FF6E00 7%, #FF892E 40%, #FF8B33 50%, #FF892E 60%, #FF6E00 93%, #F56A00 100%) no-repeat;
  background: -ms-linear-gradient(top, #F56A00 0, #FF6E00 7%, #FF892E 40%, #FF8B33 50%, #FF892E 60%, #FF6E00 93%, #F56A00 100%) no-repeat;
  background: linear-gradient(top, #F56A00 0, #FF6E00 7%, #FF892E 40%, #FF8B33 50%, #FF892E 60%, #FF6E00 93%, #F56A00 100%) no-repeat;
  -svg-background: linear-gradient(top, #F56A00 0, #FF6E00 7%, #FF892E 40%, #FF8B33 50%, #FF892E 60%, #FF6E00 93%, #F56A00 100%) no-repeat;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
  border-width: 0;
  padding:0 20px;
  margin:0 auto;
}
.button.hover, .button:hover {
  color: #381800 !important;
}
input[type="text"], input[type="password"], input[type="email"], input[type="url"], textarea
{
  background: #FFFFFF;
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
  border-radius:2px;
  border:1px solid #A8B7BD;
  margin:0 auto;
}
input[type="text"], input[type="password"], input[type="email"], input[type="url"], textarea
{
  width: 100%;
  padding: 6px 0;
  color: #232B2E !important;
  font-size: 14px;
  font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  font-weight: normal;
  font-style: normal;
  text-shadow: none;
}
input.error, textarea.error
{
  background: #FFFFFF;
  border:1px solid #F5250A;
  margin:0 auto;
}
input.error, textarea.error {
  color: #232B2E !important;
  font-size: 14px;
  font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  font-weight: normal;
  font-style: normal;
}
form.search input[type="text"]
{
  background: #FFFFFF;
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
  border-radius:2px;
  border:1px solid #A8B7BD;
  margin:0 auto;
  width: 100%;
  padding: 6px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #232B2E !important;
  font-size: 14px;
  font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  font-weight: normal;
  font-style: normal;
}
form.search
{
  background-image: none;
  border: 0;
  display:block;
  position:relative;
  top:0;
  padding:0;
  margin:5px;
  left:0;
  line-height: 0;
}
form.search input, a.search-button
{
  top:0;
  right:0;
}
form.search>input, a.search-button{
  bottom:0;
  left:0;
  vertical-align: middle;
}
form.search input[type="submit"], input.search-button, a.search-button
{
  margin:0 auto;
}
form.search input[type="submit"], input.search-button, a.search-button {
  position:absolute;
  left:auto;
  display:block;
  border:none;
  background:url('images/searchicon.png') center center no-repeat;
  width:24px;
  height: 100%;
  padding:0;
  color: #DCE2E4 !important;
  cursor: pointer;
}
a.search-button span.search-button-text {
  display: none;
}
label.checkbox:before
{
  background: #FFFFFF;
  background: linear-gradient(top, #EAF2F5 0, #EAF2F5 50%, #E3EDF2 60%, #ACCAD8 100%) no-repeat;
  background: -webkit-linear-gradient(top, #EAF2F5 0, #EAF2F5 50%, #E3EDF2 60%, #ACCAD8 100%) no-repeat;
  background: -moz-linear-gradient(top, #EAF2F5 0, #EAF2F5 50%, #E3EDF2 60%, #ACCAD8 100%) no-repeat;
  background: -o-linear-gradient(top, #EAF2F5 0, #EAF2F5 50%, #E3EDF2 60%, #ACCAD8 100%) no-repeat;
  background: -ms-linear-gradient(top, #EAF2F5 0, #EAF2F5 50%, #E3EDF2 60%, #ACCAD8 100%) no-repeat;
  background: linear-gradient(top, #EAF2F5 0, #EAF2F5 50%, #E3EDF2 60%, #ACCAD8 100%) no-repeat;
  -svg-background: linear-gradient(top, #EAF2F5 0, #EAF2F5 50%, #E3EDF2 60%, #ACCAD8 100%) no-repeat;
  -webkit-border-radius:6px;
  -moz-border-radius:6px;
  border-radius:6px;
  -webkit-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.3);
  -moz-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.3);
  box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.3);
  border:1px solid #A8B7BD;
  margin:0 auto;
  width:20px;
  height:20px;
}
label.checkbox
{
  cursor: pointer;
  font-size: 14px;
  font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  font-weight: normal;
  font-style: normal;
  line-height: 20px;
  display: inline-block;
  color: #232B2E !important;
}
.checkbox>input[type="checkbox"]
{
  margin: 0 5px 0 0;
}
label.checkbox.active:before
{
  background: #B6DFF1;
  background: linear-gradient(top, #D8EEF8 0, #D8EEF8 50%, #D4ECF7 60%, #90CDEA 100%) no-repeat;
  background: -webkit-linear-gradient(top, #D8EEF8 0, #D8EEF8 50%, #D4ECF7 60%, #90CDEA 100%) no-repeat;
  background: -moz-linear-gradient(top, #D8EEF8 0, #D8EEF8 50%, #D4ECF7 60%, #90CDEA 100%) no-repeat;
  background: -o-linear-gradient(top, #D8EEF8 0, #D8EEF8 50%, #D4ECF7 60%, #90CDEA 100%) no-repeat;
  background: -ms-linear-gradient(top, #D8EEF8 0, #D8EEF8 50%, #D4ECF7 60%, #90CDEA 100%) no-repeat;
  background: linear-gradient(top, #D8EEF8 0, #D8EEF8 50%, #D4ECF7 60%, #90CDEA 100%) no-repeat;
  -svg-background: linear-gradient(top, #D8EEF8 0, #D8EEF8 50%, #D4ECF7 60%, #90CDEA 100%) no-repeat;
  -webkit-border-radius:6px;
  -moz-border-radius:6px;
  border-radius:6px;
  -webkit-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.3);
  -moz-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.3);
  box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.3);
  border:1px solid #94A6AD;
  margin:0 auto;
  width:20px;
  height:20px;
  display: inline-block;
}
label.checkbox.hovered:before
{
  background: #CBDEE7;
  background: linear-gradient(top, #E7F0F4 0, #E7F0F4 50%, #E3EDF2 60%, #ACCAD8 100%) no-repeat;
  background: -webkit-linear-gradient(top, #E7F0F4 0, #E7F0F4 50%, #E3EDF2 60%, #ACCAD8 100%) no-repeat;
  background: -moz-linear-gradient(top, #E7F0F4 0, #E7F0F4 50%, #E3EDF2 60%, #ACCAD8 100%) no-repeat;
  background: -o-linear-gradient(top, #E7F0F4 0, #E7F0F4 50%, #E3EDF2 60%, #ACCAD8 100%) no-repeat;
  background: -ms-linear-gradient(top, #E7F0F4 0, #E7F0F4 50%, #E3EDF2 60%, #ACCAD8 100%) no-repeat;
  background: linear-gradient(top, #E7F0F4 0, #E7F0F4 50%, #E3EDF2 60%, #ACCAD8 100%) no-repeat;
  -svg-background: linear-gradient(top, #E7F0F4 0, #E7F0F4 50%, #E3EDF2 60%, #ACCAD8 100%) no-repeat;
  -webkit-border-radius:6px;
  -moz-border-radius:6px;
  border-radius:6px;
  -webkit-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.3);
  -moz-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.3);
  box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.3);
  border:1px solid #94A6AD;
  margin:0 auto;
  width:20px;
  height:20px;
  display: inline-block;
}
label.radiobutton:before
{
  background: #FFFFFF;
  background: linear-gradient(top, #EAF2F5 0, #EAF2F5 50%, #E3EDF2 60%, #ACCAD8 100%) no-repeat;
  background: -webkit-linear-gradient(top, #EAF2F5 0, #EAF2F5 50%, #E3EDF2 60%, #ACCAD8 100%) no-repeat;
  background: -moz-linear-gradient(top, #EAF2F5 0, #EAF2F5 50%, #E3EDF2 60%, #ACCAD8 100%) no-repeat;
  background: -o-linear-gradient(top, #EAF2F5 0, #EAF2F5 50%, #E3EDF2 60%, #ACCAD8 100%) no-repeat;
  background: -ms-linear-gradient(top, #EAF2F5 0, #EAF2F5 50%, #E3EDF2 60%, #ACCAD8 100%) no-repeat;
  background: linear-gradient(top, #EAF2F5 0, #EAF2F5 50%, #E3EDF2 60%, #ACCAD8 100%) no-repeat;
  -svg-background: linear-gradient(top, #EAF2F5 0, #EAF2F5 50%, #E3EDF2 60%, #ACCAD8 100%) no-repeat;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  -webkit-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.3);
  -moz-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.3);
  box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.3);
  border:1px solid #A8B7BD;
  margin:0 auto;
  width:20px;
  height:20px;
}
label.radiobutton
{
  cursor: pointer;
  font-size: 14px;
  font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  font-weight: normal;
  font-style: normal;
  line-height: 20px;
  display: inline-block;
  color: #232B2E !important;
}
.radiobutton>input[type="radio"]
{
  vertical-align: baseline;
  margin: 0 5px 0 0;
}
label.radiobutton.active:before
{
  background: #B6DFF1;
  background: linear-gradient(top, #D8EEF8 0, #D8EEF8 50%, #D4ECF7 60%, #90CDEA 100%) no-repeat;
  background: -webkit-linear-gradient(top, #D8EEF8 0, #D8EEF8 50%, #D4ECF7 60%, #90CDEA 100%) no-repeat;
  background: -moz-linear-gradient(top, #D8EEF8 0, #D8EEF8 50%, #D4ECF7 60%, #90CDEA 100%) no-repeat;
  background: -o-linear-gradient(top, #D8EEF8 0, #D8EEF8 50%, #D4ECF7 60%, #90CDEA 100%) no-repeat;
  background: -ms-linear-gradient(top, #D8EEF8 0, #D8EEF8 50%, #D4ECF7 60%, #90CDEA 100%) no-repeat;
  background: linear-gradient(top, #D8EEF8 0, #D8EEF8 50%, #D4ECF7 60%, #90CDEA 100%) no-repeat;
  -svg-background: linear-gradient(top, #D8EEF8 0, #D8EEF8 50%, #D4ECF7 60%, #90CDEA 100%) no-repeat;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  -webkit-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.3);
  -moz-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.3);
  box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.3);
  border:1px solid #94A6AD;
  margin:0 auto;
  width:20px;
  height:20px;
  display: inline-block;
}
label.radiobutton.hovered:before
{
  background: #CBDEE7;
  background: linear-gradient(top, #E7F0F4 0, #E7F0F4 50%, #E3EDF2 60%, #ACCAD8 100%) no-repeat;
  background: -webkit-linear-gradient(top, #E7F0F4 0, #E7F0F4 50%, #E3EDF2 60%, #ACCAD8 100%) no-repeat;
  background: -moz-linear-gradient(top, #E7F0F4 0, #E7F0F4 50%, #E3EDF2 60%, #ACCAD8 100%) no-repeat;
  background: -o-linear-gradient(top, #E7F0F4 0, #E7F0F4 50%, #E3EDF2 60%, #ACCAD8 100%) no-repeat;
  background: -ms-linear-gradient(top, #E7F0F4 0, #E7F0F4 50%, #E3EDF2 60%, #ACCAD8 100%) no-repeat;
  background: linear-gradient(top, #E7F0F4 0, #E7F0F4 50%, #E3EDF2 60%, #ACCAD8 100%) no-repeat;
  -svg-background: linear-gradient(top, #E7F0F4 0, #E7F0F4 50%, #E3EDF2 60%, #ACCAD8 100%) no-repeat;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  -webkit-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.3);
  -moz-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.3);
  box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.3);
  border:1px solid #94A6AD;
  margin:0 auto;
  width:20px;
  height:20px;
  display: inline-block;
}
.comments
{
  margin:0 auto;
  margin-top: 25px;
}
.comments h2
{
  color: #232B2E;
}
.comment
{
  -webkit-border-radius:6px;
  -moz-border-radius:6px;
  border-radius:6px;
  border:1px solid #94A6AD;
  padding:10px;
  margin:0 auto;
  margin-top: 6px;
}
.comment-avatar
{
  width:80px;
  height:80px;
  padding:1px;
  background:#fff;
  border:1px solid #BDC8CC;
  float:right;
}
.comment-avatar>img
{
  margin:0 !important;
  border:none !important;
}
.comment-content
{
  padding:10px 0;
  color: #232B2E;
  font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.comment:first-child
{
  margin-top: 0;
}
.comment-inner
{
  margin-left: 0;
  margin-right: 84px;
}
.comment-header
{
  color: #232B2E;
  font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.comment-header a,
.comment-header a:link,
.comment-header a:visited,
.comment-header a.visited,
.comment-header a:hover,
.comment-header a.hovered
{
  font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.comment-header a, .comment-header a:link
{
  font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  color: #294857;
}
.comment-header a:visited, .comment-header a.visited
{
  font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  color: #49595F;
}
.comment-header a:hover,  .comment-header a.hovered
{
  font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  color: #FF770F;
}
.comment-content a,
.comment-content a:link,
.comment-content a:visited,
.comment-content a.visited,
.comment-content a:hover,
.comment-content a.hovered
{
  font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.comment-content a, .comment-content a:link
{
  font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  color: #294857;
}
.comment-content a:visited, .comment-content a.visited
{
  font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  color: #49595F;
}
.comment-content a:hover,  .comment-content a.hovered
{
  font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  color: #FF770F;
}
.pager
{
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
  border:1px dotted #9ABFD0;
  padding:5px;
  margin:3px;
  text-align:left;
}
.pager>*:last-child,
.pager>*:last-child:hover
{
  margin-right:0;
}
.pager>span {
  cursor:default;
}
.pager>*
{
  background: #CBDEE7;
  background: transparent;
  -webkit-border-radius:6px;
  -moz-border-radius:6px;
  border-radius:6px;
  padding:7px;
  margin:0 7px 0 auto;
  position:relative;
  display:inline-block;
  margin-left: 0;
}
.pager a:link,
.pager a:visited
{
  font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  text-decoration: none;
  color: #232B2E
;
}
.pager .active
{
  background: #9ABFD0;
  background: transparent;
  padding:7px;
  margin:0 7px 0 auto;
  color: #232B2E
;
}
.pager .more
{
  background: #CBDEE7;
  background: transparent;
  margin:0 7px 0 auto;
}
.pager a.more:link,
.pager a.more:visited
{
  color: #232B2E
;
}
.pager a:hover
{
  background: #9ABFD0;
  padding:7px;
  margin:0 7px 0 auto;
}
.pager  a:hover,
.pager  a.more:hover
{
  color: #14181A
;
}
.pager>*:after
{
  margin:0 0 0 auto;
  display:inline-block;
  position:absolute;
  content: ' ';
  top:0;
  width:0;
  height:100%;
  border-right:1px solid #74A6BE;
  right: -4px;
  text-decoration:none;
}
.pager>*:last-child:after{
  display:none;
}
.commentsform
{
  background: #DCE2E4;
  background: transparent;
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
  border-radius:2px;
  padding:5px;
  margin:0 auto;
  margin-top:25px;
  color: #232B2E;
}
.commentsform h2{
  padding-bottom:10px;
  margin: 0;
  color: #232B2E;
}
.commentsform label {
  display: inline-block;
  line-height: 25px;
}
.commentsform input:not([type=submit]), .commentsform textarea {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  width:100%;
  max-width:100%;
}
.commentsform .form-submit
{
  margin-top: 10px;
}
.post
{
  padding:5px;
  margin:10px;
}
a img
{
  border: 0;
}
.article img, img.article, .block img, .footer img
{
  border: 1px solid #94A6AD;
  margin: 10px 10px 10px 10px;
}
.metadata-icons img
{
  border: none;
  vertical-align: middle;
  margin: 2px;
}
.article table, table.article
{
  border-collapse: collapse;
  margin: 1px;
}
.post .content-layout-br
{
  height: 0;
}
.article th, .article td
{
  padding: 2px;
  border: dotted 1px #94A6AD;
  vertical-align: top;
  text-align: left;
}
.article th
{
  text-align: center;
  vertical-align: middle;
  padding: 7px;
}
pre
{
  overflow: auto;
  padding: 0.1em;
}
.preview-cms-logo
{
  border: 0;
  margin: 1em 1em 0 0;
  float: left;
}
.image-caption-wrapper
{
  padding: 10px 10px 10px 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.image-caption-wrapper img
{
  margin: 0 !important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.image-caption-wrapper div.collage
{
  margin: 0 !important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.image-caption-wrapper p
{
  font-size: 80%;
  text-align: right;
  margin: 0;
}
.postmetadataheader
{
  background: #BDC8CC;
  background: rgba(189, 200, 204, 0.6);
  margin:0 auto;
  position:relative;
  z-index:1;
  padding: 1px;
}
.postheader
{
  color: #2A3337;
  margin: 6px 0;
  font-size: 26px;
  font-family: Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  font-weight: normal;
  font-style: normal;
}
.postheader a,
.postheader a:link,
.postheader a:visited,
.postheader a.visited,
.postheader a:hover,
.postheader a.hovered
{
  font-size: 26px;
  font-family: Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  font-weight: normal;
  font-style: normal;
}
.postheader a, .postheader a:link
{
  font-family: Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  text-decoration: none;
  text-align: left;
  color: #5593AF;
}
.postheader a:visited, .postheader a.visited
{
  font-family: Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  text-decoration: none;
  color: #647982;
}
.postheader a:hover,  .postheader a.hovered
{
  font-family: Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  text-decoration: none;
  color: #5C97B2;
}
.postheadericons,
.postheadericons a,
.postheadericons a:link,
.postheadericons a:visited,
.postheadericons a:hover
{
  font-size: 12px;
  font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  color: #3A464B;
}
.postheadericons
{
  padding: 1px;
}
.postheadericons a, .postheadericons a:link
{
  font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  font-weight: bold;
  font-style: normal;
  text-decoration: none;
  color: #14181A;
}
.postheadericons a:visited, .postheadericons a.visited
{
  font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  font-weight: bold;
  font-style: normal;
  text-decoration: none;
  color: #404E54;
}
.postheadericons a:hover, .postheadericons a.hover
{
  font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  font-weight: bold;
  font-style: normal;
  text-decoration: none;
  color: #4E8BA6;
}
.postdateicon:before
{
  content:url('images/postdateicon.png');
  margin-right:6px;
  bottom: 2px;
  position:relative;
  display:inline-block;
  vertical-align:middle;
  font-size:0;
  line-height:0;
}
.opera .postdateicon:before
{
  /* Vertical-align:middle in Opera doesn't need additional offset */
bottom: 0;
}
.postauthoricon:before
{
  content:url('images/postauthoricon.png');
  margin-right:6px;
  bottom: 2px;
  position:relative;
  display:inline-block;
  vertical-align:middle;
  font-size:0;
  line-height:0;
}
.opera .postauthoricon:before
{
  /* Vertical-align:middle in Opera doesn't need additional offset */
bottom: 0;
}
.postpdficon:before
{
  content:url('images/postpdficon.png');
  margin-right:6px;
  bottom: 2px;
  position:relative;
  display:inline-block;
  vertical-align:middle;
  font-size:0;
  line-height:0;
}
.opera .postpdficon:before
{
  /* Vertical-align:middle in Opera doesn't need additional offset */
bottom: 0;
}
.postemailicon:before
{
  content:url('images/postemailicon.png');
  margin-right:6px;
  bottom: 2px;
  position:relative;
  display:inline-block;
  vertical-align:middle;
  font-size:0;
  line-height:0;
}
.opera .postemailicon:before
{
  /* Vertical-align:middle in Opera doesn't need additional offset */
bottom: 0;
}
.postediticon:before
{
  content:url('images/postediticon.png');
  margin-right:6px;
  bottom: 2px;
  position:relative;
  display:inline-block;
  vertical-align:middle;
  font-size:0;
  line-height:0;
}
.opera .postediticon:before
{
  /* Vertical-align:middle in Opera doesn't need additional offset */
bottom: 0;
}
.postcontent ul>li:before,  .post ul>li:before,  .textblock ul>li:before
{
  content:url('images/postbullets.png');
  margin-right:6px;
  bottom: 2px;
  position:relative;
  display:inline-block;
  vertical-align:middle;
  font-size:0;
  line-height:0;
}
.opera .postcontent ul>li:before, .opera   .post ul>li:before, .opera   .textblock ul>li:before
{
  /* Vertical-align:middle in Opera doesn't need additional offset */
bottom: 0;
}
.postcontent li, .post li, .textblock li
{
  font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  color: #374348;
  margin: 5px 0 5px 13px;
}
.postcontent ul>li, .post ul>li, .textblock ul>li, .postcontent ol, .post ol, .textblock ol
{
  padding: 0;
}
.postcontent ul>li, .post ul>li, .textblock ul>li
{
  padding-left: 14px;
}
.postcontent ul>li:before,  .post ul>li:before,  .textblock ul>li:before
{
  margin-left: -14px;
}
.postcontent ol, .post ol, .textblock ol, .postcontent ul, .post ul, .textblock ul
{
  margin: 1em 0 1em 13px;
}
.postcontent li ol, .post li ol, .textblock li ol, .postcontent li ul, .post li ul, .textblock li ul
{
  margin: 0.5em 0 0.5em 13px;
}
.postcontent li, .post li, .textblock li
{
  margin: 5px 0 5px 0;
}
.postcontent ol>li, .post ol>li, .textblock ol>li
{
  /* overrides overflow for "ul li" and sets the default value */
 overflow: visible;
}
.postcontent ul>li, .post ul>li, .textblock ul>li
{
  /* makes "ul li" not to align behind the image if they are in the same line */
 overflow-x: visible;
  overflow-y: hidden;
}
blockquote
{
  background: #DCE2E4 url('images/postquote.png') no-repeat scroll;
  padding:10px 10px 10px 47px;
  margin:0 0 0 20px;
  color: #49595F;
  font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  font-weight: normal;
  font-style: italic;
  /* makes block not to align behind the image if they are in the same line */
 overflow: auto;
  clear:both;
}
blockquote a, .postcontent blockquote a, .blockcontent blockquote a, .footer blockquote a,
blockquote a:link, .postcontent blockquote a:link, .blockcontent blockquote a:link, .footer blockquote a:link,
blockquote a:visited, .postcontent blockquote a:visited, .blockcontent blockquote a:visited, .footer blockquote a:visited,
blockquote a:hover, .postcontent blockquote a:hover, .blockcontent blockquote a:hover, .footer blockquote a:hover
{
  color: #49595F;
  font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  font-weight: normal;
  font-style: italic;
}
/* Override native 'p' margins*/
blockquote p,
.postcontent blockquote p,
.blockcontent blockquote p,
.footer blockquote p
{
  margin: 0;
}
.Sorter img
{
  border:0;
  vertical-align:middle;
  padding:0;
  margin:0;
  position:static;
  z-index:1;
  width: 12px;
  height: 6px;
}
.Sorter a
{
  position:relative;
  font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  color: #4B85A0;
}
.Sorter a:link
{
  font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  color: #4B85A0;
}
.Sorter a:visited, .Sorter a.visited
{
  font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  color: #4B85A0;
}
.Sorter a:hover, .Sorter a.hover
{
  font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  color: #396579;
}
.Sorter
{
  font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  color:#294857;
}
.footer
{
  background: #A8B7BD;
  background: linear-gradient(top, #7A9099 0, #D7DDE0 100%) no-repeat;
  background: -webkit-linear-gradient(top, #7A9099 0, #D7DDE0 100%) no-repeat;
  background: -moz-linear-gradient(top, #7A9099 0, #D7DDE0 100%) no-repeat;
  background: -o-linear-gradient(top, #7A9099 0, #D7DDE0 100%) no-repeat;
  background: -ms-linear-gradient(top, #7A9099 0, #D7DDE0 100%) no-repeat;
  background: linear-gradient(top, #7A9099 0, #D7DDE0 100%) no-repeat;
  -svg-background: linear-gradient(top, #7A9099 0, #D7DDE0 100%) no-repeat;
  -webkit-border-radius:0 0 3px 3px;
  -moz-border-radius:0 0 3px 3px;
  border-radius:0 0 3px 3px;
  padding:8px;
  margin:0 auto;
  position: relative;
  color: #000000;
  font-size: 13px;
  font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  text-align: center;
}
.footer a,
.footer a:link,
.footer a:visited,
.footer a:hover,
.footer td,
.footer th,
.footer caption
{
  color: #000000;
  font-size: 13px;
  font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.footer p
{
  padding:0;
  text-align: center;
}
.footer a,
.footer a:link
{
  color: #315768;
  font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  text-decoration: none;
}
.footer a:visited
{
  color: #54666E;
  font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  text-decoration: none;
}
.footer a:hover
{
  color: #15262D;
  font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  text-decoration: none;
}
.footer h1
{
  color: #94A6AD;
  font-family: Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.footer h2
{
  color: #94A6AD;
  font-family: Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.footer h3
{
  color: #A8B7BD;
  font-family: Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.footer h4
{
  color: #7D939B;
  font-family: Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.footer h5
{
  color: #7D939B;
  font-family: Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.footer h6
{
  color: #7D939B;
  font-family: Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.footer img
{
  border: none;
  margin: 0;
}
.rss-tag-icon
{
  background:  url('images/footerrssicon.png') no-repeat scroll;
  margin:0 auto;
  min-height:16px;
  min-width:16px;
  display: inline-block;
  text-indent: 19px;
  background-position: left center;
}
.rss-tag-icon:empty
{
  vertical-align: middle;
}
.facebook-tag-icon
{
  background:  url('images/footerfacebookicon.png') no-repeat scroll;
  margin:0 auto;
  min-height:32px;
  min-width:32px;
  display: inline-block;
  text-indent: 35px;
  background-position: left center;
}
.facebook-tag-icon:empty
{
  vertical-align: middle;
}
.twitter-tag-icon
{
  background:  url('images/footertwittericon.png') no-repeat scroll;
  margin:0 auto;
  min-height:32px;
  min-width:32px;
  display: inline-block;
  text-indent: 35px;
  background-position: left center;
}
.twitter-tag-icon:empty
{
  vertical-align: middle;
}
.footer ul>li:before
{
  content:url('images/footerbullets.png');
  margin-right:6px;
  bottom: 2px;
  position:relative;
  display:inline-block;
  vertical-align:middle;
  font-size:0;
  line-height:0;
  margin-left: -12px;
}
.opera .footer ul>li:before
{
  /* Vertical-align:middle in Opera doesn't need additional offset */
bottom: 0;
}
.footer li
{
  font-size: 14px;
  font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  line-height: 125%;
  color: #090B0C;
}
.footer ul>li, .footer ol
{
  padding: 0;
}
.footer ul>li
{
  padding-left: 12px;
}
.page-footer,
.page-footer a,
.page-footer a:link,
.page-footer a:visited,
.page-footer a:hover
{
  font-family: Arial;
  font-size: 10px;
  letter-spacing: normal;
  word-spacing: normal;
  font-style: normal;
  font-weight: normal;
  text-decoration: underline;
  color: #5F747C;
}
.page-footer
{
  position: relative;
  z-index: auto !important;
  padding: 1em;
  text-align: center !important;
  text-decoration: none;
  color: #3A464B;
}
.lightbox-wrapper
{
  background: #333;
  background: rgba(0, 0, 0, .8);
  bottom: 0;
  left: 0;
  padding: 0 100px;
  position: fixed;
  right: 0;
  text-align: center;
  top: 0;
  z-index: 1000000;
}
.lightbox,
.lightbox-wrapper .lightbox-image
{
  cursor: pointer;
}
.lightbox-wrapper .lightbox-image
{
  border: 6px solid #fff;
  border-radius: 3px;
  display: none;
  max-width: 100%;
  vertical-align: middle;
}
.lightbox-wrapper .lightbox-image.active
{
  display: inline-block;
}
.lightbox-wrapper .lightbox-error
{
  background: #fff;
  border: 1px solid #b4b4b4;
  border-radius: 10px;
  box-shadow: 0 2px 5px #333;
  height: 80px;
  opacity: .95;
  padding: 20px;
  position: fixed;
  width: 300px;
  z-index: 100;
}
.lightbox-wrapper .loading
{
  background: #fff url('images/preloader-01.gif') center center no-repeat;
  border: 1px solid #b4b4b4;
  border-radius: 10px;
  box-shadow: 0 2px 5px #333;
  height: 32px;
  opacity: .5;
  padding: 10px;
  position: fixed;
  width: 32px;
  z-index: 10100;
}
.lightbox-wrapper .arrow
{
  cursor: pointer;
  height: 100px;
  opacity: .5;
  filter: alpha(opacity=50);
  position: fixed;
  width: 82px;
  z-index: 10003;
}
.lightbox-wrapper .arrow.left
{
  left: 9px;
}
.lightbox-wrapper .arrow.right
{
  right: 9px;
}
.lightbox-wrapper .arrow:hover
{
  opacity: 1;
  filter: alpha(opacity=100);
}
.lightbox-wrapper .arrow.disabled
{
  display: none;
}
.lightbox-wrapper .arrow-t,
.lightbox-wrapper .arrow-b
{
  background-color: #fff;
  border-radius: 3px;
  height: 6px;
  left: 26px;
  position: relative;
  width: 30px;
}
.lightbox-wrapper .arrow-t
{
  top: 38px;
}
.lightbox-wrapper .arrow-b
{
  top: 50px;
}
.lightbox-wrapper .close
{
  cursor: pointer;
  height: 22px;
  opacity: .5;
  filter: alpha(opacity=50);
  position: fixed;
  right: 39px;
  top: 30px;
  width: 22px;
  z-index: 10003;
}
.lightbox-wrapper .close:hover
{
  opacity: 1;
  filter: alpha(opacity=100);
}
.lightbox-wrapper .close .cw,
.lightbox-wrapper .close .ccw
{
  background-color: #fff;
  border-radius: 3px;
  height: 6px;
  position: absolute;
  left: -4px;
  top: 8px;
  width: 30px;
}
.lightbox-wrapper .cw
{
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  /* IE 9 */
-webkit-transform: rotate(45deg);
  /* Safari and Chrome */
-o-transform: rotate(45deg);
  /* Opera */
-moz-transform: rotate(45deg);
/* Firefox */}
.lightbox-wrapper .ccw
{
  transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  /* IE 9 */
-webkit-transform: rotate(-45deg);
  /* Safari and Chrome */
-o-transform: rotate(-45deg);
  /* Opera */
-moz-transform: rotate(-45deg);
/* Firefox */}
.lightbox-wrapper .close-alt,
.lightbox-wrapper .arrow-right-alt,
.lightbox-wrapper .arrow-left-alt
{
  color: #fff;
  display: none;
  font-size: 2.5em;
  line-height: 100%;
}
.ie8 .lightbox-wrapper .close-alt,
.ie8 .lightbox-wrapper .arrow-right-alt,
.ie8 .lightbox-wrapper .arrow-left-alt
{
  display: block;
}
.ie8 .lightbox-wrapper .cw,
.ie8 .lightbox-wrapper .ccw
{
  display: none;
}
.content-layout .sidebar1
{
  background: #BDC8CC;
  background: transparent;
  -webkit-border-radius:3px 0 0;
  -moz-border-radius:3px 0 0;
  border-radius:3px 0 0;
  margin:0 auto;
  width: 20%;
}
.content-layout .content
{
  margin:0 auto;
}
.content-layout .sidebar2
{
  background: #BDC8CC;
  background: transparent;
  -webkit-border-radius:0 3px 0 0;
  -moz-border-radius:0 3px 0 0;
  border-radius:0 3px 0 0;
  margin:0 auto;
  width: 20%;
}
Link to comment
Share on other sites
KTachyon unsigned user

KTachyon

Posted
Posted

Epah... Isso é muito código para o pessoal ter paciência para ver. Cria um fiddle:

http://jsfiddle.net

Não precisas de lá por o código todo (até porque tens PHP). Basta uma representação simples do teu problema actual. Podes injectar lá todo o teu CSS só para teres a certeza de que é todo aplicado e que não existe algum pedaço que te esteja a causar conflitos.

  • Vote 1

“There are two ways of constructing a software design: One way is to make it so simple that there are obviously no deficiencies, and the other way is to make it so complicated that there are no obvious deficiencies. The first method is far more difficult.”

-- Tony Hoare

Link to comment
Share on other sites
danielfpaiva try-catch user

danielfpaiva

Posted
  • Author
Posted (edited)

Epah... Isso é muito código para o pessoal ter paciência para ver. Cria um fiddle:

http://jsfiddle.net

Não precisas de lá por o código todo (até porque tens PHP). Basta uma representação simples do teu problema actual. Podes injectar lá todo o teu CSS só para teres a certeza de que é todo aplicado e que não existe algum pedaço que te esteja a causar conflitos.

Só há um pequeno problema que é não saber como colocar a imagem lá para aparecer no css.

Visto ser um ficheiro externo.

Edited by danielfpaiva
Link to comment
Share on other sites
KTachyon unsigned user

KTachyon

Posted
Posted

Tens que a colocar online e passas o url completo no CSS.

“There are two ways of constructing a software design: One way is to make it so simple that there are obviously no deficiencies, and the other way is to make it so complicated that there are no obvious deficiencies. The first method is far more difficult.”

-- Tony Hoare

Link to comment
Share on other sites
  • Solution
bioshock unsigned user

bioshock

Posted
  • Solution
Posted

Visto a imagem estar como fundo e não como elemento, vais ter de jogar com a propriedade background-size e provavelmente com as @media query para que o tamanho se adeque.

.header
{
  /* ... o teu código */
  background-size: 100% 100%;
}

http://www.w3schools.com/cssref/tryit.asp?filename=trycss3_background-size

  • Vote 1
Link to comment
Share on other sites
danielfpaiva try-catch user

danielfpaiva

Posted
  • Author
Posted

Visto a imagem estar como fundo e não como elemento, vais ter de jogar com a propriedade background-size e provavelmente com as @media query para que o tamanho se adeque.

.header
{
  /* ... o teu código */
  background-size: 100% 100%;
}

http://www.w3schools.com/cssref/tryit.asp?filename=trycss3_background-size

A tua sugestão resolveu o problema. Thanks

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share
Go to topic listing
×
×
  • Create New...

Important Information

By using this site you accept our Terms of Use and Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.

  I accept