/* BASIC RESET */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{margin:0; padding:0;}

h1 {background-color:#19366B; text-align: center; color:#ffffff; }

h2 {background-color:#19366B; text-align: center; color:#ffffff; padding:2%;}

h3 {background-color:#19366B; text-align: center; color:#fff; padding:2%;}

h4 {background-color:#24d675; font-size:0,75em; text-align: center; color:#fff;  padding:20px 20px 0 20px;}

p {color:#031537; padding:20px 20px 0 20px; background:url(../img/pitb.png) repeat;}

.styleb {color: #FFFFFF}

.stylec {color: #FFFFFF; background-color:#ca6e3a;}

/* HTML ELEMENTS */
html, body {
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
}

#full-screen-background-image {
  z-index: -999;
  min-height: 100%;
  width: 100%;
  height: auto;
  position: fixed;
  top: 0;
  left: 0;
}


#wrapper {
  position: relative;
  width: 800px;
  min-height: 400px;
  margin: 100px auto;
  color: #333;
}


/* MENU */
#navs {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index:400; 
  width: 100px;
  height: 100px;
  background-color:#ffffff;
  line-height: 100px;
  list-style-type: none;
  text-align:center;
  margin:0;
  padding:0;
  color: #860342;
  cursor: pointer;
  border-radius: 50px;	
  background:url(../img/mylighthouse.png) no-repeat 0 0; 
}


/* CONTENT */

#conta {background:url(../img/pin.png) repeat; min-height:15%; width:50%; position:relative; margin: 0% auto; word-wrap: break-word; float:left; padding:0 10px 0 10px; }
#contb {background:url(../img/pin.png) repeat; min-height:15%; width:90%; max-width:800px; position:relative; margin: 5% auto; word-wrap: break-word; }
#cont {background:url(../img/pib.png) repeat; min-height:15%; width:80%; position:relative; margin: 5% auto; word-wrap: break-word; }
#child { font-size:1.1em; color:#FFFFFF; min-height:15%; text-align: justify; position:relative; margin: 0 auto; padding-top:20px; padding-bottom:20px; background-color:#6D77D8; }
#childb { font-size:1.1em; color:#feebc9; min-height:15%; max-height:20%; text-align: justify; position:relative; margin: 0 auto; padding-top:0px; }
img.displayed { position:relative; margin-left: 10px; margin-right: 10px;}
    

	
/* CONTENT */
#content {position:relative; width:660px; max-width-90%; margin:0 auto; word-wrap: break-word; }
#content p { padding:30px 20px 20px 20px; color:#031537; font-size:1em; word-wrap: break-word;}

.contentRSS {position:relative; background:url(../img/pib.png) repeat; word-wrap: break-word; }
.contentRSS p {font-size:1em; word-wrap: break-word; }


.firstcharacter { float: left; color: #df1b1b; font-size: 44px; line-height: 30px; padding-top: 4px; padding-right: 8px; padding-left: 3px; padding-bottom: 4px; font-family: Georgia; }

hr.style-line { border: 0; margin-top:40px; height: 1px; background-image: -webkit-linear-gradient(left, rgba(223,27,27,0), rgba(223,27,27,0.95), rgba(223,27,27,0)); 
    													background-image:    -moz-linear-gradient(left, rgba(223,27,27,0), rgba(223,27,27,0.95), rgba(223,27,27,0)); 
   														background-image:     -ms-linear-gradient(left, rgba(223,27,27,0), rgba(223,27,27,0.95), rgba(223,27,27,0)); 
    													background-image:      -o-linear-gradient(left, rgba(223,27,27,0), rgba(223,27,27,0.95), rgba(223,27,27,0));
}

/* AUTHOR */
#tatadole {	width:100%; min-height:40px; position:fixed; margin:0 auto; bottom:0px; background: #ffffff;  word-wrap: break-word; background: -moz-linear-gradient(top, #000, #ffffff); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#000), to(#ffffff)); text-align: center; font-size:12px; letter-spacing: 8px; line-height: 12px; -webkit-box-shadow:inset 0 3px 3px #CCC;  -moz-box-shadow:inset 0 3px 3px #CCC; box-shadow:inset 0 3px 3px #CCC; z-index:80; opacity:0.8; filter:alpha(opacity=80);
}
#tatadole p {display: table-cell;  vertical-align: middle;  text-align: center;  word-wrap: break-word; }

.current { color:#abbff0;
}


.form {margin:5%;}

input[type="text"], textarea {
	background: #eee;
	border: solid 1px #ddd;
	padding: 8px 5px;	
}
input[type="text"] {
	min-width: 140px;
	max-width: 90%;
	margin-right: 10px;
}
textarea {
	width: 80%;
	height: 80px;
}
 .containing-block { max-width:800px; margin:0 auto;}


input.searcht {
    width:140px;
	height:24px;
	float:inherit;
	margin:0 auto;
	background: #004080;
	color:#fff;
	
}


.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	margin-top:7%;
	margin-bottom:7%;
	height: 0;
	overflow: hidden;
	
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

img {
	max-width: 100%;
	height: auto;
}

@media \0screen {
  img { 
  	width: auto; /* for ie 8 */
  }
}


@media (max-width:480px) {
		#content { display:block:
		margin:10% auto;
		width:100%;		
		}
}


/*    --------2   RESPONSIVE   DIV -----------*/

	
#pagewrapper {
			border: 1px solid #999999;
			background:url(../img/pib.png) repeat;
			margin: 10px 50px;
			padding:20px;
			
}
		
@media (min-width: 500px) {
	.row:after {
			content: " ";
			display: table;
			clear: both;
	}
			
	.column-half {	float: left;
			width: 50%;
			color:#FFFFFF;
			padding: 20px 20px;
			opacity: 1.0;
    		filter: alpha(opacity=100); /* For IE8 and earlier */
			box-sizing: border-box;
			
	}
}