/* CSS Document */

body {
	background-image: url(../gfx/background.jpg);
	background-repeat: no-repeat;
	background-position:center top;
	font-family: 'Roboto', sans-serif;
	font-weight:300;
	background-attachment: fixed;
}
h1 {
	padding:0;
	font-family: 'Roboto Slab', serif;
    font-weight: bold;
	color:#f0b81d;
	line-height: 1.1;
	}
h2 {
	color:#f0b81d;
	font-family: 'Roboto Slab', serif;
    font-weight: bold;
	padding:0;
	margin-top:0;
	margin-bottom:10px;
}
h3 {
	color:#f0b81d;
	font-size:18px;
	font-family: 'Roboto Slab', serif;
    font-weight: bold;
	padding:0;
	margin-top:0;
	margin-bottom:10px;
	border-bottom:solid 1px #929291;
	padding-bottom:6px;
	line-height:24px;
}
strong {
    font-weight:400;
}
a {
	color: #000;
	text-decoration: none;    
}
.coment_button {
    background-color: #94be42;
    color: #fff;
    display: block;
    float: left;
    font-size: 15px;
    font-weight: 400;
    height: 40px;
    line-height: 40px;
    text-decoration: none;
    width: 225px;
	margin-left:-18px;
	text-indent:18px;
	box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
	  -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
	  	  -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
}
a:hover {
    color: #000;
	text-decoration: underline;
}
.nav {
	font-family: 'Roboto Slab', serif;
    font-weight:300;
}

.row {
	padding-top:0px;
}
.frames {
	padding-right:10px;
}
a.navbar-brand
{
	font-family: 'Roboto Slab', serif;
    font-weight:400;
	font-size:15px;
	color:#fff;
	}
.strip {
	height:106px;
	margin-bottom:18px;
	font-size:0px;
	line-height:0px;
	background:url(../gfx/slogan.png);
	background-position:right top;
	background-repeat:no-repeat;
}

.logo {
	
	}

.ground {
	margin-top: 125px;
	}
.story {
	width:100%;
	background-color:#fff;
	padding: 5%;
	box-shadow: 1px 3px 3px 3px rgba(0, 0, 0, 0.2);
	  -moz-box-shadow: 1px 3px 3px 3px rgba(0, 0, 0, 0.2);
	  	  -webkit-box-shadow: 1px 3px 3px 3px rgba(0, 0, 0, 0.2);
		  
   background:rgb(255,255,255);
	background: transparent\9;
	background:rgba(255,255,255,0.9);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#e5ffffff,endColorstr=#e5ffffff);
	zoom: 1;
}
.story:nth-child(n) {
	filter: none;
}
.story a {
    color: #626262;
	text-decoration:none; 
	border-bottom: 1px dashed #626262;
}
.story a:hover {
    color: #f0b81d;
	text-decoration:none; 
	border-bottom: 1px dashed #f0b81d;
}	
.side {
	width:100%;
	background-color:#FFF;
	padding:8%;
	padding-bottom:3%;
	box-shadow: 1px 3px 3px 3px rgba(0, 0, 0, 0.2);
	  -moz-box-shadow: 1px 3px 3px 3px rgba(0, 0, 0, 0.2);
	  	  -webkit-box-shadow: 1px 3px 3px 3px rgba(0, 0, 0, 0.2);
		  
    background:rgb(255,255,255);
	background: transparent\9;
	background:rgba(255,255,255,0.9);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2ffffff,endColorstr=#b2ffffff);
	zoom: 1;
	font-size:12px;
}

.underside {
	width:100%;
	box-shadow: 1px 3px 3px 3px rgba(0, 0, 0, 0.2);
	  -moz-box-shadow: 1px 3px 3px 3px rgba(0, 0, 0, 0.2);
	  	  -webkit-box-shadow: 1px 3px 3px 3px rgba(0, 0, 0, 0.2);
	font-size:12px;
	margin-top:7px;
}

.underside a {
    background-color: #f0b81d;
    color: #fff;
    display: block;
    font-size: 15px;
    font-weight: 400;
    height: 40px;
    line-height: 40px;
    text-decoration: none;
    width: 225px;
	text-indent:18px;
	padding:0;
}
.underside a:hover {
    background-color: #a7ca65;
    color: #fff;
    display: block;
    font-size: 15px;
    font-weight: 400;
    height: 40px;
    line-height: 40px;
    text-decoration: none;
    width: 225px;
	text-indent:18px;
	padding:0;
}
.side ul {
	padding-left: 4px;
}
.side li {
	list-style-position: inside;
	list-style-type: none;
	padding-left: 14px;
	background-image: url(../gfx/listenstrich.jpg);
	background-position: 1px 10px;
	background-repeat: no-repeat;
}

.side:nth-child(n) {
	filter: none;
}

.adviser {
	width:100%;
	background-color:#FFF;
	padding:10px;
	box-shadow: 1px 3px 3px 3px rgba(0, 0, 0, 0.2);
	  -moz-box-shadow: 1px 3px 3px 3px rgba(0, 0, 0, 0.2);
	  	  -webkit-box-shadow: 1px 3px 3px 3px rgba(0, 0, 0, 0.2);
		  
    background:rgb(255,255,255);
	background: transparent\9;
	background:rgba(255,255,255,0.7);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2ffffff,endColorstr=#b2ffffff);
	zoom: 1;
}
.adviser:nth-child(n) {
	filter: none;
}

.footer-left {
	width:100%;
	margin-top:20px;
	margin-bottom:20px;
	background-color:#FFF;
	padding:5%;
	box-shadow: 1px 3px 3px 3px rgba(0, 0, 0, 0.2);
	  -moz-box-shadow: 1px 3px 3px 3px rgba(0, 0, 0, 0.2);
	  	  -webkit-box-shadow: 1px 3px 3px 3px rgba(0, 0, 0, 0.2);
		  
    /*background:rgb(154,202,60);*/
	background: transparent\9;
	/*background:rgba(154,202,60,0.9);*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#e59aca3c,endColorstr=#e59aca3c);
	zoom: 1;
}
.footer-left:nth-child(n) {
	filter: none;
}
div.footer-left div.row div.col-sm-2, div.footer-left div.row{
	margin:0;
	padding:0;
}
div.footer-left div.row div.col-sm-2{
	padding-right:40px;
}
div.footer-left div.row div.maps{
	padding-right:0px;
}
	
	.footer-right {
	width:100%;
	margin-top:20px;
}


.responsiveContainer {
  position: relative;
  padding-bottom: 56%;
  height: 0;
  overflow: hidden;
}

.responsiveContainer iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.col-md-33 {
  padding-top:20px;
}

.col-sm-2 {
  padding-top:20px;
}

	@media (min-width: 768px) {
a.navbar-brand
{
	display: none;
	}
.ground {
	margin-top: 170px;
	}
.col-md-33 {
  width: 33.33333333%;
}


}

@media (min-width: 980px) {
	
.col-md-33 {
    width: 25%;
	  }
}

table						{width: 100%;}
table, td, tr, th			{text-align: left; border: 1px solid black; border-collapse: collapse;}
td, tr, th					{padding: 0.1em 0.1em 0.1em 0.3em;}
th							{font-weight: bold; background: #f0b81d;}

@media screen and (max-width:700px) {
	table			{border: none;}
	table, tr, td	{padding: 0;}
	thead			{display: none;}
	tr				{float: left; width: 100%; margin-bottom: 2em;}
	td				{float: left; width: 100%; padding: 0.1em 0.1em 0.1em 0.3em;}
	td::before		{float: left; content: attr(data-label); width: 50%; padding: 0.1em 0.1em 0.1em 0.3em; font-weight: bold; border-right: 1px solid black;}
}

.links p					{font-size: 10px; color: #c1c1c1;}
.districts p				{font-size: 9px; color: #a7a7a7;}

.search						{position: relative; float: left; width: 100%}

iframe						{overflow: hidden; width: 180px; height: 100px; padding: 0 0 0 10px; border: none;}

.legal						{margin: 5px 5px 5px 0; font-weight: bold;;}

.bookmarks					{margin: 0 0 10px 0;}
#follow						{margin: 5px 0 5px 0; padding: 2px;}

#social						{float: left; margin: 10px 0 5px 0;}
.g-plusone					{float: right; width: auto; margin: 3px 3px 3px 11px;}
#twitter					{float: left; width: auto; margin: 3px 3px 3px 2px;}
#facebook					{float: left; width: auto; margin: 3px;}

#validate					{float: left;}
#validate p					{float: left; width: 60px; margin: 5px 40px 0 0;}
#validate img				{margin: 3px;}