@import url('reset.css');
/* General Demo Style */
body{
  background: rgb(255,255,255) url(../img.jpg) repeat top left;
	color: #333;
  font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	padding: 0px 0px 0px 0px;
}
.container{
  background: rgb(255,255,255);
  width:100%;
	position:relative;
}
a{
	color: #fff;
	text-decoration: none;
}
.clr{
	clear: both;
}
.main{
   border:0px solid red;
   position: relative;
   width: 100%;
   margin: 0 auto;
   float: left;
   margin: 0%  0%  0%  0%;
}
.main2{
   border:0px solid red;
   position: relative;
   width: 98%;
   margin: 0 auto;
   float: left;
   margin: 1%  1%  1.5%  1%;
}
h1{
	margin:0px;
	padding:20px 20px 10px 20px;
	font-size:34px;
	color:#333;
    text-shadow:1px 1px 1px #fff;
	text-align:left;
	font-weight:400;
    text-align:center;
}
h1 span{
  display:block;
	font-size: 14px;
  font-family: 'Open Sans', sans-serif;
  font-style: italic;
	color:#b2891b;
	padding-top:10px;
}
.block{
  border-top: 0px solid red;
  width: 100%;
  background: rgb(255,255,255);
	padding: 0px 0px 0px 0px;
  margin: 0 auto;
  float:left;
}
.block img{
  border: 0px solid red;
	margin: 8% 0px 0px 0%;
	padding: 0px 0px 0px 0px;
	font-weight: 400;
}
.block h2{
  border: 0px solid red;
	margin: 0px  0px  0px  0px;
	padding: 0px 0px 0px 0px;
  font-family: 'Oswald', sans-serif;
	color: rgb(204,102,0);
	text-align: left;
	font-weight: 400;
}
.block p{
	margin:30px;
  width: 80%;
	padding:0px 0px 0px 0px;
	font-size: 0.9em;
	color: rgb(32,32,32);
  line-height: 1.8em;
	font-weight:400;
  text-align:justify;
  font-family: 'Oswald', sans-serif;
  margin-left: 10%;
}
.block a{
  font-family: 'Oswald', sans-serif;
	font-size: 0.9em;
	color: rgb(32,32,32);
	text-decoration: underline;
}
.block a:hover {
	color: rgb(112,112,112);
}
.block ul {    
  border: 0px solid red;
  font-family: 'Oswald', sans-serif;
  list-style-type: none;  
  color: rgb(32,32,32);
	padding: 0em 0% 0em 0em;
	margin: 1em 0% 0em 18%;
}
.block li img {
	margin: 0em 0% 0em -3%;
}
.block li {
  border: 0px solid red;
	font-size: 1em;
	line-height: 1.8em;
	font-weight: 300;
  text-align: left;
	padding: 0em 0% 0em 0%;
	margin: 0em 0% 0em 0%;
}


.more{
	position:relative;
	clear:both;
  font-family: 'Open Sans', sans-serif;
  text-transform: uppercase;
  font-size: 11px;
  padding: 5px 0px 10px;
  width: 540px;
   margin: 0 auto;
}
.more ul{
	display:block;
	text-align:center;
  height: 30px;
}
.more ul li{
	display: block;
   padding: 4px 2px;
   float:left;
}
.more ul li.selected a,
.more ul li.selected a:hover{
	background:rgb(0,255,255);
	color:#fff;
	text-shadow:none;
}
.more ul li a{
	color:#555;
  float:left;
	background:#fff;
  width:40px;
	padding: 2px 5px;
	-moz-box-shadow:1px 1px 2px #aaa;
	-webkit-box-shadow:1px 1px 2px #aaa;
	box-shadow:1px 1px 2px #aaa;
}
.more ul li a:hover{
	background:#000;
	color:#fff;
}
/* Pata-xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
p.pat {
  border: 0px solid red;
  color: rgb(255,255,255);
	width: 16%;
  font-size: 1em!important;
	font-weight: bold;
	line-height: 2em;
	margin: 2% 0% 0% 1.5%;  
  float: left;
}
p.pat span {
  border: 0px solid red;
	width: 100%;
	padding: 0% 0% 1% 1%;
  float: left;
}
p.pat a {
  color: rgb(255,255,255);
  font-size: 1em!important;
  text-decoration: underline;
	margin: 0% 0% 0% 0%;
  display: block;
}
p.pat a:hover {
  color: rgb(208,208,208);
}
p.pat img {
  border: 0px solid blue;
	margin: 0% 0% 0% 1%;
  float: left;
}
p.patprav {
  border: 0px solid red;
  color: rgb(255,255,255);
	width: 80%;
  font-size: 1em!important;
	font-weight: bold;
	line-height: 2em;
	margin: 2% 0% 0% 1.5%;  
  float: right;
}
p.patprav span {
  border: 0px solid red;
	width: 100%;
	padding: 0% 0% 1% 1%;
  float: left;
}
p.patprav a {
  color: rgb(255,255,255);
  font-size: 1em!important;
  text-decoration: underline;
	margin: 0% 0% 0% 0%;
  display: block;
}
p.patprav a:hover {
  color: rgb(208,208,208);
}
p.patprav img {
  border: 0px solid blue;
	margin: 0% 0% 0% 1%;
  float: left;
}
p.pata {
  border: 0px solid red;
  color: rgb(255,255,255);
	width: 100%;
	margin: 2% 0% 0% 1.5%;  
  float: right;
}
p.pata a {
  color: rgb(255,255,255);
	margin: 0% 0% 2% 0%;
  float: right;
  display: block!important;
}
p.pata a:hover {
  color: rgb(102,153,204);
}
p.pata img {
  border: 0px solid red;
	width: 50%;
	margin: 0% 0% 0% 0%;
}
p.sign {
  border: 0px solid red;
  color: rgb(255,255,255);
	width: 100%;
  font-size: 0.9em!important;
	font-weight: bold;
  line-height: 1.5em;
	margin: 0% 0% 3% 0%;
	padding: 1.5% 0% 0% 0%;  
  float: left;
}
p.sign a {
  border: 0px solid red;
	width: 100%;
  color: rgb(204,204,204);
	margin: 0% 0% 0% 50%;
	text-decoration: none;
  -webkit-transform: translateX(-50%) translateY(0);
	transform: translateX(-50%) translateY(0);
  display: inline!important;
}
p.sign a:hover {
  color: rgb(176,176,176);
}



/* Media Screen Style-xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

@media screen and (max-width: 60em) {
p.pat {
	width: 98%;
	margin: 2% 0% 0% 2%;  
}
p.patprav {
	width: 98%;
	margin: 2% 0% 0% 2%;  
}
p.pata {
	width: 97%;
	margin: 5% 0% 0% 3%;  
}
p.pata a {
  float: left;
}
p.sign a {
	width: 100%;
  color: rgb(204,204,204);
  -webkit-transform: translateX(0%) translateY(0);
	transform: translateX(0%) translateY(0);
	padding: 5% 0% 5% 3%;
	margin: 0% 0% 0% 0%;
}

}

@media screen and (max-width: 38em) {
.main{
   background-image: url(../img/obr3media.jpg);
   background-size: cover;
   background-repeat: no-repeat;
   position: relative;
   width: 98%;
   min-height: 820px;
}
.main2{
   background-image: url(../img/obr4media.jpg);
   background-size: cover;
   background-repeat: no-repeat;
   position: relative;
   width: 98%;
   min-height: 820px;
}

}