/* 
	Theme.css - stylesheet that sets some (none-lay-out) default styles. Some of these styles can be overriden
	for a specific site through the theme's customizer panel (which generates site.css)		
*/	

body {
	font-size: 14px;
	font-family: Verdana, Geneva, sans-serif;
	background-color: white;
	color: black;
	background-repeat: no-repeat;
	background-attachment: scroll;
}

body#tinymce {
	margin: 10px;
}

h1, h2, h3, h4 {
	font-weight:bold;	
	color: inherit;
}

h1.entry-title a, h2.entry-title a, h1.site-title a {
	text-decoration: none;	
	color: inherit;
}

h1.site-title {
	margin: 0;
}

h2.widget-title {
	font-size: 1.2em;	
}

ol, ul {
	overflow: hidden;
	list-style-position: outside;
	xtext-indent: 1em;
	margin-left: 0;
	padding-left: 1.2em;
}

li {
	xpadding-left: 1em;
}

a, a:link, a:visited, a:active {
	color: inherit;
}

a:hover {
	text-decoration: none;
	color: inherit;
}

.menu {
	list-style-type: none;
	margin: 2.5em 0.2em 0.7em 1em;
	font-size: 1em;	
	line-height: 1;
	color: inherit;	
	padding: 0;
}

.menu-item {
	display: inline-block;
	text-transform: uppercase;
	margin-left: 0.5em;
	border-left: solid 1px;
 	padding-left: 0.5em;	
}

.menu-item:first-child {
	border-left: none;
	padding-left: 0;
}

.menu-item a {
	color: inherit;
	text-decoration:none;		
	-webkit-transition: color 500ms ease-out;
	-moz-transition: color 500ms ease-out;
	-ms-transition: color 500ms ease-out;
	-0-transition: color 500ms ease-out;
	transition: color 500ms ease-out;	
}

.menu-item a:hover {	
	color: inherit;
	/*background-color: inherit;*/
}

.current-menu-item a {
	color: inherit;
}

#header-top, #mastfoot {
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0,0.7);
	margin: 0 auto;
}

#slider, #main {
	padding: 0 20px;	
}

@media screen and (max-width: 480px) {
	.responsive #slider {
		padding: 0;
	}
	
	.responsive #main {
		padding: 0 2.083333333333333%;
	}	
}

@media screen and (min-width: 481px) and (max-width: 768px) {
	.responsive #slider, .responsive #main {
		padding: 0 10px;
	}	
}


#colophon {
	font-size: 9px;	
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#colophon a {
	text-decoration: none;
	color:inherit;
	opacity: .8;
}

#mastfoot {
	font-size:0.8em;	
}

.widget-featured-image {
	max-width: 100%;		
	max-height: 194px;
	height: auto;
	overflow: hidden;
}

.infopagina-featured-image {
	max-width: 100%;
	width: 32.70089285714286%;
	height: auto;
}

button,
input,
select,
textarea {
 	font-size: 0.9em;
	padding: 2px;

}

.form-control {
	width: 97.39130434782609% !important;
}
