/*
Theme Name: Media 360
Theme URI: http://www.takemedia.pt/
Description: Media 360 Theme
Version: 1.0
Author: Miguel Tavares @ Takemedia
Author URI: http://www.takemedia.pt/
Text Domain: media360
*/

/* General Styles */
*{margin:0;padding:0;}
html, body { height: 100%; }
body {
	color:#333;
	font:14px/1.3em 'PT Sans', Arial, Helvetica, sans-serif;
	height:100%;
}

p { padding-bottom: 10px; }

a {text-decoration:none; color:#9bc622;}
a:hover {text-decoration:none;}
h1{font-size:32px;}
h2{font-size:24px; max-width:300px;}
h3{font-size:20px;}
h4{font-size:16px;}
h5, h6{font-size:14px;}
h1,h2,h3,h4,h5,h6{margin:10px 0 15px 0;font-family:'PT Sans', Arial, Helvetica, sans-serif;}
img { border: 0; padding: 0; margin: 0;}
.clear{clear:both;}
.floatleft{float:left;}
.floatright{float:right;}
img.floatleft{float:left; margin: 10px;}
img.floatright{float:right; margin: 10px;}
img.noborder { margin: 0 10px 0 10px; padding: 0; border: 0; background: none;}
.center{text-align:center;}
.textleft{text-align:left;}
.textright{text-align:right;}
.normal, .normal a{font-weight:normal;}
.textbold{font-weight:bold;}
hr { height: 10px; width: 100%; color: #FFF; margin: 10px 0; border:0;}
.important { font-weight: bold; }
.small { font-size: 11px; margin:0;padding:0; }

.verde { color: #9bc622 !important; }
.roxo { color: #5e4897 !important; }
.azul { color: #009fe4 !important; }
.turkeza { color: #00808f !important; }
.branco { color: #FFF !important; }
.bgverde { background-color: #9bc622 !important; }
.bgroxo { background-color: #5e4897 !important; }
.bgazul { background-color: #009fe4 !important; }
.bgturkeza { background-color: #00808f !important; }
.borderverde { border-top: 15px solid #9bc622 !important; }
.borderroxo { border-top: 15px solid #5e4897 !important; }
.borderazul { border-top: 15px solid #009fe4 !important; }
.borderturkeza { border-top: 15px solid #00808f !important; }

a.read-more {
	float:left; width : 32px; height:32px;
	background:url('images/read-more.png') no-repeat 0px 0px;}
a.read-more:hover {
	background:url('images/read-more.png') no-repeat 0px -32px;;
	cursor : pointer;
}
a.read-more span{ display: none; }

a.read-more2 {
	float:left; width : 205px; height:150px;
	background:url('images/media360_action_buttons.jpg') no-repeat 0px 0px;}
a.read-more2:hover {
	background:url('images/media360_action_buttons.jpg') no-repeat 0px -150px;;
	cursor : pointer;
}
a.read-more2 span{ display: none; }

a.go-back {
	float:left; width : 32px; height:32px;
	background:url('images/go-back.png') no-repeat 0px 0px;}
a.go-back:hover {
	background:url('images/go-back.png') no-repeat 0px -32px;;
	cursor : pointer;
}
a.go-back span{ display: none; }

a.go-back2 {
	float:left; width : 205px; height:150px;
	background:url('images/media360_action_buttons.jpg') no-repeat -205px 0px;}
a.go-back2:hover {
	background:url('images/media360_action_buttons.jpg') no-repeat -205px -150px;;
	cursor : pointer;
}
a.go-back2 span{ display: none; }

ul, ol { padding:0 0 20px 5px; }
li ul, li ol { padding-bottom:0; }
code {
	background-color:#CCC;
	display:block;
	color:#333;
	padding:10px;
	margin:10px;
}
blockquote {
	border-left:4px solid #CCC;
	border-bottom:4px solid #CCC;
	margin:0 0 10px 20px;
	padding-left:15px;
}
/* ///General Styles */


/* ///Layout Styles */

#header {
	float:left;
	position: relative;
	width: 100%;
	/*height: 360px;*/
	height:60%;
	margin: 0 auto;
	background: url('images/bg.jpg') center center;
}

#top { float:left; width:960px;height:75px;background:url('images/top.png') no-repeat;}
#logo {
	width: 304px; height:75px;
	position: relative;
	left:0;
	top:0;
	margin-left:0px;
}
#logo h1 {float:left;width:304px;height:75px;/*background:url('images/logo.png') no-repeat;*/margin:0;padding:0;}
#logo h1 a { float:left;display:block;width:100%;height:75px;}
#logo h1 a span{display:none;}

ul#main-menu {
	float:left;
	width:100%;
	height:56px;
	list-style:none;
	margin:0;padding:0;
	border-bottom-width:2px solid;
	border-bottom-style: solid;
	border-bottom-color: #9bc622;
}
ul#main-menu li { float:left; width:236px; height:56px; margin-right:5px; }
ul#main-menu li.last { margin-right:0;}
ul#main-menu li a { float:left; width:237px; height:41px; border-top:15px solid white;}
ul#main-menu li a span { float:left; font-size:18px; margin: 10px 0 0 10px; font-weight:bold; }
ul#main-menu li a:hover span { color:#FFF !important; }
ul#main-menu li a.active-produtos span,
ul#main-menu li a.active-quem-somos span,
ul#main-menu li a.active-noticias span,
ul#main-menu li a.active-contactos span { color:#FFF !important; }

ul#main-menu li a:hover.menu-produtos, ul#main-menu li a.active-produtos { background: #9bc622; }
ul#main-menu li a:hover.menu-quem-somos, ul#main-menu li a.active-quem-somos { background: #5e4897; }
ul#main-menu li a:hover.menu-noticias, ul#main-menu li a.active-noticias { background: #009fe4; }
ul#main-menu li a:hover.menu-contactos, ul#main-menu li a.active-contactos { background: #00808f; }

ul#sub-menu {
	float:left;
	width:100%;
	list-style:none;
	background:#FFF;
	margin:0;padding:0;
}
ul#sub-menu li { float:left; width:240px; margin-right:5px; }
ul#sub-menu li.last { margin-right:0;}
ul#sub-menu li a { float:left; width:240px; color:#202020;}
ul#sub-menu li a span { float:left; font-size:16px; margin: 10px 0 10px 10px; }

span.circulo1 { float:left; width:14px;height:14px;background:url('images/sub-menu-dots.png') no-repeat 0px 0px; margin-top:15px !important; }
span.circulo2 { float:left; width:14px;height:14px;background:url('images/sub-menu-dots.png') no-repeat -14px 0px; margin-top:15px !important; }
span.circulo3 { float:left; width:14px;height:14px;background:url('images/sub-menu-dots.png') no-repeat -28px 0px; margin-top:15px !important; }

a:hover span.circulo1, a span.circulo1-active { float:left; width:14px;height:14px;background:url('images/sub-menu-dots.png') no-repeat 0px -29px;}
a:hover span.circulo2, a span.circulo2-active { float:left; width:14px;height:14px;background:url('images/sub-menu-dots.png') no-repeat -14px -29px;}
a:hover span.circulo3, a span.circulo3-active { float:left; width:14px;height:14px;background:url('images/sub-menu-dots.png') no-repeat -28px -29px;}

#content { margin:0 auto; width:960px;overflow:hidden; }
.wrap { margin:0 auto; width:960px; }

.page-body { float:left; width:100%;overflow:hidden; padding:0; margin:25px 0; }

.item {float:left; width:960px; clear:both; margin-bottom: 40px; }

.one_fourth { float:left; width: 240px; position: relative; }
.two_fourth { float:left; width: 480px; position: relative; }

.with10padding { width: 210px !important /*-10px padding*/; height: 80px !important; padding: 15px !important;}
.withside10padding { width: 210px !important /*-10px padding*/; height: 150px !important; padding: 0 15px !important;}


a img { border:1px solid #E8E8E8; }
a:hover img { border:1px solid #c0c0c0; }

.page-body h2 { margin: 0 0 10px 0; text-transform: uppercase; font-weight: normal; font-size: 24px; line-height:1.3em;}
.page-body h4 { margin: 0 0 15px 0; font-weight: normal; font-size: 16px; }

/* Cleanup */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}
/* ///Cleanup */

#flags {
	position:relative;
	top: -22px;
	right: 0px;
	float:right;
}
#flags ul {list-style:none;padding:0;margin:0;}
#flags ul li {float:left;color:#FFF;margin:0 2px 0 0;}
#flags ul li a{
	float:left;color:#FFF;
	font-weight:bold;
	display: block;
	display: block;
	/*width: 20px;
	height: 20px;*/
	background:url('images/bg70.png');
	/*-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border:5px solid #FFF;*/
	text-transform:uppercase;
	font-size:11px;
	padding:1px 3px;
}
#flags ul li a:hover,#flags ul li a.active{background:#FFF;color:#000;}
/*#flags ul li a span{float:left; margin: 0px 0px 0px 4px;}*/

a.boxtitle { float:left; width:240px; height:150px; position:relative;overflow:hidden;}
a.boxtitle img {display:none;position:absolute;top:0;left:0;z-index:2;}
a.boxtitle h2 { float:left; position:absolute; top:10px;left:10px;z-index:3;}