/*
Theme Name: Desenhos-para-colorir.info
*/   

body {
  text-align: center;
  margin:0px;  
  color:#ffd700;
  background: #008000;
  font:18px/20px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}
.breack {                           
	padding:0;
	margin:0;
	clear:both;
}

A:link {
	COLOR: #ffd700; text-decoration: none;
}
A:visited {
	COLOR: #ffd700; text-decoration: none;
}
A:active {
	COLOR: #ffd700; text-decoration: none;
}
A:hover {
	COLOR: #ffd700; text-decoration: none;
}

#page_wrapper {
  margin-left: auto; 
  margin-right: auto;
  width: 950px;  
  text-align: justify;
  /*background: #FFFFFF url('/wp-content/themes/desenhos-para-colorir/images/body-bg.gif') repeat-y center;*/
  background: #fff;
}

#header_wrapper {
  background:#cc0000 url('/wp-content/themes/desenhos-para-colorir/images/page_back.gif') repeat-x left;
  margin:0px; padding:0px;
}

#header {
  height:85px;
  border-bottom:1px solid #aaa;
  color:#eee;
  margin:0px;
  background:url('/coloring-logo.jpg') no-repeat top right;
}

p,h1,pre {
	margin:0px 10px 10px 10px;
	}

h1 {
	font-size:35px;
    line-height: 100%
	}
#header h1 { margin:0px; padding:0px 0px 0px 5px;font:normal 26px Trebuchet MS;;}
#header p { padding:3px 0 0 15px;color:#fff;margin:0px;font:11px verdana;}

#header h1 a {
color:#ffd700;
text-decoration:none;
}



#sitename {
  margin:0px;
  font-family: verdana, arial, sans-serif;
  font-size: 28px;
  color:#ffffff;
  letter-spacing: -1px;
}

#header h2 {
  margin:0px;
  font-family: verdana, arial, sans-serif;
  font-size: 16px;
  color:#B1C6EB;
  letter-spacing: 1px;
}

#left_side {
  
  padding:0px 5px 20px 0px;  
  /*float: left;*/
  width: 195px;
 
}

#right_side {
  
  padding:0px 5px 20px 0px;  
  /*float: right;*/
  width: 185px; 
}

#content {
  margin-top: 15px;
  margin-left: 190px;
  margin-right: 190px;  
  line-height: 18px;
  color: #333333;
}



/* Home page design */

#mainleft {
		width:49%;
		float:left;
		background:#fff;
		padding-bottom:10px;
		border-right:1px dashed #bbb;
		}
		
#maincenter {
		width:49%;
		float:left;
		background:#fff;
		padding-bottom:10px;		
		}		

#mainleft h2, #maincenter h2{
		clear:both;
		font:normal 15px/20px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
		letter-spacing:1px;		
		margin:10px 10px 0px 10px;
		padding:10px 0 0 0;	
		border-top:1px dashed #ccc;
		}
		
#mainleft h2 a, #maincenter h2 a{		
		color:#018301;
		text-decoration:underline;
		}
		
#content #mainleft p, #content #maincenter p{
font:normal 12px/19px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
padding:2px;
margin-top:10px;
}

#content #mainleft p.morree, #content #maincenter p.morree{
padding:0px 0 0 15px;
margin:-5px 0px 0px 0px;
}

#content #mainleft p.morree a, #content #maincenter p.morree a{
background:#EEFFED;
padding:1px;
}


/*
** Menu styles
*/
ul.menu {
  list-style: none;
  border: none;
  text-align:left;
}
ul.menu li {
  margin: 0 0 0 0.5em;
}
li.expanded {
  list-style-type: circle;
  list-style-image: none;
  padding: 0.2em 0.5em 0 0;
  margin: 0;
  color: #759ADB;
}
li.collapsed {
  list-style-type: circle;
  list-style-image: none;
  padding: 0.2em 0.5em 0 0;
  margin: 0;
  color: #759ADB;
}
li.leaf {
  list-style-type: disc;
  list-style-image: none;
  padding: 0.2em 0.5em 0 0;
  margin: 0;
  color: #759ADB;
}

#left_side p, #right_side p {
  margin:10px;margin-top:15px;margin-bottom:15px;  
  line-height: 16px;
  color: #333333;
}

#left_side a, #right_side a {  
  line-height: 30px;
}

#left_side h2, #right_side h2 {
color:#cc0000;
margin:15px 0 5px 0;
padding:5px 5px 0 3px;
font:normal 16px/20px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
border-bottom:1px dashed #fd9b9b;
}

#left_side h3, #right_side h3 {
color:#87b220;
margin:15px 0 5px 0;
padding:5px 5px 0 0px;
font:bold 16px/20px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
text-transform:uppercase;
}

#left_side h4, #right_side h4 {
  margin-top:0px;margin-bottom:0px;margin-left:10px;
  font-family: verdana, arial, sans-serif;
  font-size: 16px;
  font-weight: bold;
  line-height: 12px;
  color: #2153AA;
}

#left_side ul{
    list-style:none;
    margin: 0px;
	padding: 0px 5px 0px 5px;
}

#right_side ul{
    list-style:none;
    margin: 0px;
	padding: 0px 5px 0px 9px;
}

#left_side li, #right_side li{
    display: inline;
    	padding: 0px;
	margin: 0px;
    
    
}
#left_side li a, #right_side li a{
    
    text-decoration:none;    
    display: block;
    color:#575757;
    	text-decoration: none;
    	margin: 0px;
    	padding: 5px 0px 5px 0px;
	border-bottom: 1px solid #C0C0C0;
}

#left_side li a:hover, #right_side li a:hover{
    color:#666;
    
    text-decoration:underline;
}


#content p {
  margin-top:15px; margin-bottom: 15px;  
  line-height: 25px;
  color: #333333;
}

#content h3 {
margin:5px 0 5px 5px;
font:normal 17px/20px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
letter-spacing:.4px;
border-bottom:1px dotted #ccc;  
  color: #2153AA;
}

#content h4 {
  margin-top:0px;margin-bottom:0px;
  font-family: verdana, arial, sans-serif;
  font-size: 16px;
  font-weight: bold;
  line-height: 12px;
  color: #2153AA;
}

#content .post .mori{
font-size:18px;
margin:0px;
padding:0px 0px 0px 10px;
}

#navlist
{
  margin-top:1px;
  margin-bottom:0px;
  text-align:center;
  padding: 5px 0;
  margin-left: 0;
  border-bottom: 1px solid #0F3974;
  font: bold 14px Verdana, sans-serif;
}

#navlist li
{
  list-style: none;
  margin: 0;
  display: inline;
}

#navlist li a
{
  color: #F1F6FE;
  padding: 5px 15px;
  margin-left: 3px;
  border: 1px solid #0F3974;
  border-bottom: none;
  background: #2153AA;
  text-decoration: none;
}

#navlist li a:link { color: #F1F6FE; }
#navlist li a:visited { color: #F1F6FE; }

#navlist li a:hover
{
  color: #FFFFFF;
  background: #3364BB;
  border-color: #0F3974;
}

#navlist li a#current
{
  color: #000;
  background: #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
}

.float_left {
  float: left;
  margin-right: 10px;
}

.float_right {
  float: right;
  margin-left: 10px;
}

.featurebox_center {
  background-color: #fffff6;
  margin:0px;
  padding:10px;
  border: 1px solid #DFE8F7;
  font-family: verdana, arial, sans-serif;
  font-size: 16px;
  line-height: 18px;
  color: #333333;
}

.featurebox_side {
  background-color: #fffff6;
  margin:0px;margin-left:10px;margin-right:10px;margin-bottom:15px;
  padding:10px;
  border: 1px solid #DFE8F7;
  font-family: verdana, arial, sans-serif;
  font-size: 16px;
  line-height: 18px;
  color: #333333;
}


.post{margin:0;}

.post .info{
padding:2px 3px 3px 8px;
border:1px solid #e3e4e4;
background-color:#f5f5f5;
font-size:16px;
color:#505050;
}


#content .post p{
font:normal 13px/19px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
padding:2px;
margin-top:10px;
font-size:20px;
line-height: 1.5;
}


/* Footer  */

#footer {
	clear:both;
	min-height:30px;
	height:auto;
	height:30px;
	background:#098C9F;
	text-align: justify;
	padding:5px 0 0 0;
	color: #fff;
	font:16px/20px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	line-height: 18px;
	width:100%;
	/*margin:10px 0 0 0;*/
}

#footer h2{
clear:both;
	COLOR: #fff;
	text-transform:uppercase;
	font:normal 17px arial;
	margin:0px 0px 8px 0px;
	padding:40px 0px 0px 0px;
	border-bottom:1px dashed #ccc;
}

#footer A:link {
	COLOR: #ccff00; text-decoration: none;
}
#footer A:visited {
	COLOR: #90b304; text-decoration: none;
}
#footer A:active {
	COLOR: #111; text-decoration: none;
}
#footer A:hover {
	COLOR: #666; text-decoration: underline;
}

.fcontent12 {
float:left;
width:30%;
margin:0 15px 10px 20px;
}

.fcontent12 ul {
list-style-type:none;
margin:0px;
padding:0;
}

.fcontent12 ul li{
list-style-type:none;
margin:0px;
padding:0;
}

.fcontent12 ul ul{
margin:0px;
padding:0px;
}


.fcontent12 ul ul li {
list-style-type:none;
font:12px/20px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
margin:0;
padding:3px 0px 3px 22px;
color:#03d6e3;
border-bottom: 1px dotted #ffdcdf;
background:url('/wp-content/themes/desenhos-para-colorir/images/foot-arr-l.gif') no-repeat left;
}


.fcontent3 {
float:left;
width:30%;
margin:0 0 10px 0px
}

.fcontent3 img{
padding:1px;

background:#c7c480;
margin:5px 0 0 2px;
}




.navigation{width:100%;overflow:hidden;font-size:16px;line-height:20px;text-align:center;margin:-10px 0 0;padding:1px
0 20px}.commentnav{text-align:left;margin:0;padding:1px
0 10px}.navigation a,
.navigation
span{display:inline-block;width:35px;height:20px;text-align:center;margin:0
1px;text-decoration:none;border:1px
solid #E1E1E1;border-radius:2px}.navigation
a{color:#0094D6}.navigation a:hover,
.navigation
span.current{padding:1px;border:1px
solid #E9E9E9;border-right:1px solid #CCC;border-bottom:1px solid #CCC;background:#F0F0F0;margin:-2px 0;font-weight:bold;color:#444}





#main_start {position: absolute;left: -10000px;}

/*adaptive*/
.inner{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.header_top{
	background: #654321;
}

.header_top .slogan{
	width: 50%;
	padding-top: 20px;
	padding-bottom: 10px;
}

.header_top .slogan p, .header_top .slogan p a{
	color: #ffd700;
	margin: 0px;
    padding: 0px 0px 0px 5px;
    font: normal 36px Trebuchet MS;
	text-align: center;
}

.header_top .social{
	width: 25%;
	padding-top: 35px;
	padding-bottom: 10px;
}

.header_top .logo_ref{
	width: 25%;
	padding-top: 20px;
	padding-bottom: 10px;
}

.header_top .logo_ref img{
	width: 100%;
	height: auto;
}

.header_top .head_bottom{
	width: 100%;
	background-color: #098c9f;
}

.header_top .head_bottom p{
	padding: 3px 0 0 15px;
    color: #fff;
    margin: 0px;
    font: 16px verdana;
}

#page_wrapper{
	width: 100%;
	max-width: 90%;
}

#content {
    margin-top: 15px;
    margin-left: auto;
    margin-right: auto;
    line-height: 18px;
    color: #333333;
	width: 55%;
	background: #fff;
}

#content  .post #result img{
	width: 100%;
	height: auto;
}

#left_side{
	
    padding: 0px 5px 20px 0px;
    background: #f4e9c9;
    max-width: 265px;
	width: 25%;
	order: 1;
}
#right_side{
    
    padding: 0px 5px 20px 0px;
    background: #f4e9c9;
	max-width: 280px;
	width: 25%;
	order: 3;
}

#content{
	order: 2;
}

@media(max-width: 1440px){
	.header_top .slogan p, .header_top .slogan p a{
		font: normal 16px Trebuchet MS;
	}
	
	
	
	
}
@media(max-width: 1380px){
	
	.header_top .slogan{
		width: 100%;
	}
	
	.header_top .social, .header_top .logo_ref{
		width: 45%;
		text-align: center;
	}
	
	.header_top .logo_ref img{
		max-width: 250px;
	}
	
	#right_side{
		width: 100%;
		order: 9999;
		max-width: 100%;
	}
	
	#content{
		width: 100%;
		padding-left: 15px;
		padding-right: 15px;
	}
	
	#left_side{
		order: 9998;
		width: 100%;
		max-width: 100%;
	}
	
	#content .content_inner .item {
		width: 45%;
	}
	
}

.navigation{
	order: 4;
}
@media(max-width: 900px){
	#right_side{
		width: 100%;
		order: 9998;
	}
	
	#left_side{
		order: 9997;
	}
	
	#left_side ul{
		
	}
	
	#left_side, #content{
		width: 100%;
		max-width: 100%;
	}
	
	.header_top .inner{
		padding-left: 0;
		padding-right: 0;
	} 
	
	#left_side{
		padding: 10px 20px;
	}
	
	.inner{
		padding-left: 15px;
		padding-right: 15px;
	}
}

#content .content_inner{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

#content .content_inner .item{
	width: 40%;
	border: 1px dashed #bbb;
	margin-bottom: 25px;
	padding: 10px 20px;
}

#content .content_inner .item a{
color: #018301;
    text-decoration: underline;
font: normal 15px/20px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
    letter-spacing: 1px;
    margin: 10px 10px 0px 10px;
	padding: 10px 0 0 0;
	width: 100%;
    font-size: 20px;
	text-align: center;
	display: block;
}

@media(max-width: 780px){
	#content .content_inner .item {
		width: 100%;
	}
	
	.header_top .social, .header_top .logo_ref{
		width: 100%;
		text-align: center;
		padding: 10px;
	}
}

.inner ins{
	display: none!important;
}