body {
	background: #F7F7F7;
	margin: 0;
	padding: 0;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 15px;
	color: #666;
}

* {
	margin-bottom: 1px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 5px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0;
}

/** element defaults **/
table {
	width: 100%;
	text-align: left;
}

th, td {
	padding: 10px 10px;
}

th {
	color: #666;
	background: #ccc none repeat-x scroll left top;
}

td {
	border-bottom: 1px solid #ccc;
}

code, blockquote {
	display: block;
	border-left: 5px solid #222;
	padding: 10px;
	margin-bottom: 20px;
}
code {
	background-color: #222;
	color:#ccc;
	border: none;
}
blockquote {
	border-left: 5px solid #222;
}


.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  *zoom: 1;
}

p {
	line-height: 1.6em;
	margin-bottom: 6px;
}

a {
	color: #1A0DAB;
	color: #FF0000;
}

a:hover {
	color: #FF6D29;
	color: #0000CC;
}

a:focus {
	outline: none;
}





fieldset {
	display: block;
	border: none;
	border-top: 1px solid #ccc;
}










h1 {
	color: #0CF;
	font-size: 30px;
	font-family: 'Exo 2', Arial, sans-serif;
}

h2 {
	color: #348292;
	font-size: 22px;
	letter-spacing: 0px;
	font-weight: normal;
	padding: 0 0 5px;
	font-family: 'Exo 2', Arial, sans-serif;
	margin-bottom: 10px;
	margin-left: 0;
	margin-right: 0;
	margin-top: 5px;
}

h3 {
	color: #00A0EB;
	font-size: 24px;
	font-weight: normal;
	margin-bottom: 10px;
	letter-spacing: -1px;
	font-family: 'Exo 2', Arial, sans-serif;
}

h4 {
    font-family: 'Exo 2', Arial, sans-serif;
    color: #FF6D29;
    font-size: 18px;
    font-weight: normal;
    padding-bottom: 10px;
}

h5 {
	padding-bottom: 10px;
	font-size: 14px;
	color: #626262;
}

ul, ol {
	margin-bottom: 10px;
	margin-left: 35px;
	margin-right: 0;
	margin-top: 0;
}

li {
	padding-bottom: 0px;
}


#header {  
	background-color: #0CF;
	margin: -15px;
	text-align: left;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
}


#header a, #header a:hover {
	color: #fff;
	font-size: 55px;
	font-weight: normal;
	letter-spacing: -2px;
	text-decoration: none;

	//text-transform: lowercase;
	letter-spacing: 5px;
	text-decoration: underline;
}

#header a span {
	color: #000066;
	font-size:10px;
	font-weight: bold;
	letter-spacing:0.5px;
	text-decoration:none;
	
}

#header h2 {
	color: #555;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: 6px;
	margin-top: -4px;
}

nav {
	background-color: #FFF;
	border-bottom: 2px solid #eee;
	height: 45px;
}

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

nav ul li {
	display: inline-block;
	padding: 0;
}


nav ul li a {
	color: #00CCFF;
	display: block;
	font-family: 'Exo 2',Arial,sans-serif;
	font-size: 13px;
	letter-spacing: 0;
	margin:0;
	padding: 15px 17px;
	text-decoration: none;
	text-transform: uppercase;
}
nav ul li.selected a,
nav ul li.selected a:hover {
	color: #0CF;
	font-weight: bold;
}


nav ul li a:hover {
	color: #eee;
	text-decoration: none;
}


article {
	padding-bottom: 0px;
	padding-left: 5px;
	padding-right: 10px;
	padding-top: 0px;
	margin-left:0px;
 }

article ul li {
	line-height: 22px;

 }


article h2 { 
	font-weight: bold;
    padding-bottom: 0;
}
.sidebar {
	float: none;


}


.sidebar h4 {
	font-size: 15px;
	font-weight: 100;
	color: #fff;
	padding: 12px 20px;
	background-color: #00A0EB;
	margin-bottom: 15px;
	border-bottom: 3px solid #eee;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}
.sidebar ul li {
	margin-bottom: 20px;
	line-height: 1.9em;
}

.sidebar ul {
    list-style: none outside none;
    margin: 0px;
    margin: -10px 0 0;
    list-style: none;
}

.sidebar ul li {
	display: block;
	border-top: none;
	padding: 7px;
	margin: 0;
	line-height:10px;
	font-size: 11.5px;
	margin-bottom: 7px;
	padding-bottom: 7px;



	//border-bottom: 1px solid  #ddd;
	border-bottom: 1px solid #CCC;
	list-style-type: none;
}

.sidebar ul li:last-child { border-bottom: 1px solid transparent; }




.sidebar ul li a {
	font-weight: normal;
	color: #666;
	text-decoration:none;
	display:block;
	
}

.sidebar ul li a:hover {
	color: #00A0EB;
	
}

.sidebar ul li:hover {
	border-bottom: 1px solid  #00A0EB;
}




footer {
	margin:20px 0 0;
	background: #222;
	border-top: 2px solid #eee;
}

footer p {
	text-align: left;
	color: #ccc;
	font-size: 12px;
	margin: 0;
	padding: 0;
}

footer p a {
	color: #ccc;
	font-weight: bold;
}








footer .footer-bottom {
	padding: 10px;
	text-align: center;
	background-color: #000;
}

footer .footer-bottom p {
	text-align: center;
}

footer .footer-bottom p, footer .footer-bottom p a {
	color: #666;
}



#raz, #hide { display: none; }

label[for="raz"] { /* 284 CSS :=>?:8 */
	background-color: #00A0EB;
	border-radius: 5px 5px 5px 5px;
	color: #FFFFFF;
	display: inline-block;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	padding-bottom: 3px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 3px;
}

#raz:checked ~ label[for="raz"] { background: #348292; }

#raz:checked ~ #hide { display: block; }


.quote {
	background-color: #BCDDF1;
	border-radius: 10px;
	padding: 10px;
	margin-top:25px;
}

.quote p {
	background-color: #E1F1F4;
	border-radius: 10px;
	font-size: 12px;
	line-height: 17px;
	color: #666;
	overflow: hidden;
	padding-bottom: 1px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 1px;
	//float:right;
	max-width:520px;


}

.quote img {
	float: left;
	margin-right: 15px;
	border-radius: 5px;
	margin-bottom:10px;
	//box-shadow: 6px 7px 4px 1px #D2D2D2;
}

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.container {
	background-color: #FFFFFF;
	box-shadow: 7px -10px 11px -3px #c5ced1;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}

#opinion p {
	font-size: 11.5px;
	margin-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	text-align: justify;
	line-height: 17px;
}

#opinion lable {
	margin-bottom:5px;
}
@media only screen and (min-width: 120px) and (max-width: 290px) {
	#content { margin-bottom: 30px; }
	h1 { font-size: 28px; text-align:center; }
	.sidebar ul li { text-align:center;}
	#header {  margin: -5px auto; }
	#header a { font-size: 39px;}
}

@media only screen and (min-width: 320px) and (max-width: 768px) {
	#content { margin-bottom: 30px; }
	h1 { font-size: 28px; text-align:center; }
	.sidebar ul li { text-align:center;}
	#header {  margin: -5px auto; }
	#header a { font-size: 43px;}
        #header a:hover {font-size: 43px;}
	#header h2 { letter-spacing: 6.6px;}
}
@media only screen and (min-width : 768px) and (max-width : 992px) {
	#content { margin-bottom: 30px; }
	h1 { text-align:center; }
	.sidebar ul li { text-align:center;}
	#header {  margin: -5px auto; }
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
	width: 1000px;
  }
}
.row {
  margin-right: -15px;
  margin-left: -15px;
}
.col-md-4, .col-md-8, .col-xs-12, .col-md-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
@media (min-width: 768px) {
}
@media (min-width: 992px) {
  .col-md-4, .col-md-8, .col-md-12 {
	float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-8 {
	width: 77%;
  }
  .col-md-4 {
	width: 23%;
  }
}

.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.row:before,
.row:after {
  display: table;
  content: " ";
}
.clearfix:after,
.container:after,
.row:after {
  clear: both;
}