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

/* General Styles */
*{margin:0;	padding:0;}
#supersized-loader { position:absolute; top:50%; left:50%; z-index:10; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; /*background-color:#111; background:rgba(0,0,0,0.8) url('images/progress.gif') no-repeat center center; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; */}
#supersized { position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; }
#supersized img{ height:auto; width:auto; position:relative; outline:none; border:none; -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; }

body {
	color:#FFF;
	font: 12px Arial, Helvetica, sans-serif;
	background:#355D91;
}

.wrapper { width: 900px; margin: 0 auto; position: relative; }

a {	color:#CCCCCC; text-decoration:none; }
a:hover { color:#FFF; text-decoration:none;}
h1{font-size:32px;}
h2{font-size:24px;}
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:'Lato';}
h3.maintitle { height: 30px; padding: 6px 0 0 35px; }
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; }
.nomargin { margin: 0; }
.nopadding { padding: 0; }

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 {
	position: relative;
	margin: 0 auto;
	height: 130px;
}

#logo {
	position: relative;
	height: 90px;
	background: #FFF;
}

#logo h1 { margin: 45px 0 0 0; height: 37px; width: 239px; float: left; display: block; text-indent: -9999px; background: url('images/logo.jpg') no-repeat; }
#logo h1 a{ display:block; height:37px; }
#logo h1 a span{display:none;}

img.img-pl {
	position: relative;
	bottom: 0; right: 0; top: 60px;
	width: 25px; height: 17px; display: block;
	float: right;
}

/* ///Menu Styles */
#menu {
	height: 40px;
	background: #B7A117;
}
#menu ul#mainmenu {
	float: left;
	list-style: none;
	display: inline;
	font-family:'Lato', Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-transform: uppercase;
	padding: 0;
	margin: 7px 0 0 0;
}
#menu ul#mainmenu li { position: relative; display: block; float: left; margin: 0 10px 0 0; }
#menu ul#mainmenu li a {
	display: block;
	padding: 3px 15px 3px 0; 
	margin:0;
	color: #FFF;
	font-weight: bold;
}
#menu ul#mainmenu li a:hover, #menu ul#mainmenu li a.current { color: #3F3A3A; }
/* ///Menu Styles */

#content {
	position: relative;
	top: 0;
	left: 0;
	width: 330px;
	background: url('images/trans70.png');
	padding: 20px 20px 30px 20px;
	line-height: 1.5em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#flags {
	/*width: 50px;*/
	height: 13px;
	float: right;
	display: block;
	position: absolute;
	text-align: right;
	right: 0;
	top: 10px;
}
#flags a span { display: none; }
#flags a.pt, #flags a.pt-active {
	width: 20px;
	height: 13px;
	background: url('images/portugal.png') no-repeat 0px -13px;
	float: left;
	margin-right: 5px;
	display: block;
}
#flags a:hover.pt, #flags a.pt-active { background: url('images/portugal.png') no-repeat 0px 0px; }
#flags a.en, #flags a.en-active {
	width: 22px;
	height: 13px;
	background: url('images/england.png') no-repeat 0px -13px;
	float: left;
	display: block;
}
#flags a:hover.en, #flags a.en-active { background: url('images/england.png') no-repeat 0px 0px; }

#footer { 
	position: absolute;
	bottom: 0;
	background: #000;
	height: 150px;
	display: block;
	width: 100%;
	background: url('images/trans50.png');
}

#footer h2 {
	color: #FFF;
	text-transform:uppercase;
	font-size: 70px;
	text-align: right;
	font-weight: normal;
	margin-top: 30px;
}

/* Forms */
form#contactform { height: 310px;  }
form input.inputTxt { background: none; color: #FFF; width: 315px; padding: 3px 7px; border: 1px solid #838587; float: left; margin: 0 0 10px 0; }
form textarea.inputTxt { background: none; color: #FFF; font: 12px Arial, Helvetica, sans-serif; width: 315px; height: 70px; padding: 3px 7px; border: 1px solid #838587; float: left; margin: 0 0 10px 0; }
form input.submit {
	background:#838587;
	color:#FFF;
	width: 100px;
	padding: 4px 7px;
	border: none;
	float: left;
	cursor: pointer;
	text-align: center;
	margin-top: 100px;
}
form input:hover.submit {
	background:#97A0A9;
}

p.response { text-align:center; color:#FFF; line-height:1.8em; width:100%; display: block; float: left; }
/* ///Forms */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
.divider { height: 1px; display: block; margin: 20px 0; }