/*  
Theme Name: Sartc09
Description: Tema del Sartc 2009
Version: 1.0
Author: A360
Author URI: http://www.a360.cat

	
 */

html {
height : 100%;
}
body {
margin : 0;
margin-top : 0;
padding : 0;
background : #8d102e url(images/background.jpg) repeat;
color : #333;
text-align : center;
font-size : 11px;
font-family : Arial, Helvetica, sans-serif;
line-height : 1.5em;
}
div#promotion {
	width: 450px;
	height: 380px;
	position: absolute;
	top: 75px;
	margin: 0 0 0 450px;
	background-color: #ffffff;
	border-color: #cccccc #999999 #999999 #cccccc;
	border-width: 1px;
	border-style: solid;
	z-index: 100;
	text-align: center;
	padding: 5px;
}
#wrapper {
position : relative;
width : 850px;
min-height : 100%;
margin : 0 auto;
padding : 0 !important ;
text-align : center !important ;
	border: 0 solid #424242;
	background-color: white;
}
* html #wrapper {
height : 100%;
}
.header {
padding-left : 39px;
background : none no-repeat center top;
	padding-top: 0;
}
#content {
clear : both;
position : relative;
padding : 5px 0 10px 21px;
background : none repeat-y;
text-align : left !important ;
}
#main {
margin-left : 40px;
float : left;
}
#sidebar {
width : 202px;
float : right;
	margin-top: -10px;
	clear: right;
	background: url(images/background.jpg) repeat-y;
}

#sidebar a {
width : 143px;
float : right;
	font-size: 14px;
	color: white;
	text-align: right;
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none;
	padding: 5px 30px 5px 5px;
}

#sidebar a:hover {
width : 143px;
float : right;
	font-size: 14px;
	color: silver;
	text-align: right;
	text-transform: uppercase;
	font-weight: bold;
	padding: 5px 30px 5px 5px;
	text-decoration: none;
}

#inicisidebar {
float : right;
	background: url(images/sidebar.jpg) no-repeat;
	width: 202px;
	padding: 0 0 31px;
}

#fisidebar {
	background: url(images/sidebar_inv.jpg) no-repeat;
	width: 202px;
	padding: 31px 0 0;
	margin-bottom: 51px;
	float: right;
	clear: right;
}

.header2 {
}

#header2 {
height: 383px;
	background: url(images/headerv2.jpg) no-repeat center top;
	text-align: left;
	padding-bottom: 10px;
}

.logo {
}
.person {
color : #ff0066;
font-weight : bold;
}
.lined {
border : 1px solid #dadada;
}
dl#container {
width : 437px !important ;
}

.header3 {
padding-left : 39px;
padding-top : 20px;
}

dl#container dd {
position : relative;
top : -1.4em;
left : 3em;
z-index : 1;
line-height : 1.5em;
}
dl#container dt {
color : #ff0066;
font-weight : bold;
}
dd.multi {
margin-top : 10px;
}
table {
margin-top : 20px;
}
th {
text-align : center;
}
th, td {
padding : 5px;
font-size : 9px !important ;
text-align : left !important ;
vertical-align : top;
}
td.yr {
color : #ff0066;
font-weight : bold;
vertical-align : top;
}
#side {
float : left;
width : 180px;
padding-top : 37px;
}
#article {
float : left;
width : 470px;
}
#footer {
padding-left : 0;
	background-color: #8d102e;
	padding-top: 10px;
	float: right;
	color: silver;
	font-size: 10px;
	width: 800px;
}

#footer a {
	background-color: #8d102e;
	color: silver;
	text-decoration: none;
}
.footer {
background : #8d102e none no-repeat left top;
text-align : left;
	padding-bottom: 30px;
	width: 850px;
	float: right;
}

#logos {
	background: #8d102e url(images/logos.jpg) no-repeat;
	float: left;
	height: 330px;
	width: 850px;
}

h1 {
margin : 0 !important ;
padding : 10px 0 0 10px !important ;
border : 0;
}
div {
margin : 0;
}
p, h1, h2, h3, ul, table, th, td, dt, dd, blockquote {
	font: 12px/20px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #5d5d5d;
	text-align: justify;
}
th, td {
font-size : 11px !important ;
line-height : 1.5em;
}
h2 {
margin : 5px 0;
padding : 3px 13px 3px 8px;
border-left : 8px solid black;
color : white;
vertical-align : middle;
line-height : normal;
	font-weight: bold;
	background-color: #8d102e;
	font-size: 1.5em;
	text-align: left;
}

h2 a {
color : white;
line-height : normal;
	font-weight: bold;
	text-decoration: none;
	margin-bottom: 20px;
	text-align: left;
}

h2 a:hover {
color : silver;
line-height : normal;
	font-weight: bold;
	text-decoration: none;
}
h2.sub {
border-left : 8px solid #FFCA1B !important ;
}
h4 {
margin : 5px 0;
padding : 3px 0;
color : #8d102e;
vertical-align : middle;
line-height : normal;
	font-size: 1.3em;
	font-weight: bold;
}
h5 {
margin : 5px 0;
padding : 3px 0;
padding-left : 13px;
border-left : 8px solid #ff0066;
color : #000;
font-size : 1em;
vertical-align : middle;
line-height : normal !important ;
}
.top {
margin-top : 0;
	margin-bottom: 20px;
}
.top2 {
margin-top : 60px;
}
h3 {
margin : 5px 0;
margin-bottom : 15px;
padding : 1px 0;
color : #000;
font-size : 1em;
font-weight : bold;
}
dl {
margin : 20px 0 0 0;
padding : 0;
width : 348px;
}
dd {
position : relative;
top : -1.4em;
left : 11em;
z-index : 1;
line-height : 1.5em;
}
.entry {
margin-bottom : 60px;
}
.entry img {
max-width : 470px;
}
.entryshort {
margin-bottom : 30px;
}
img {
border : none;
}
.float-left {
float : left;
margin-right : 0.9em;
}
.float-right {
float : right;
margin-left : 0.9em;
}
.pic {
margin : 20px 0;
}
.topspacing {
margin-top : 20px;
}
.hidden {
display : none;
}
.clear {
clear : both;
}
.clearfix:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
}
.clearfix {
display : inline-block;
}
* html .clearfix {
height : 1%;
}
.clearfix {
display : block;
}
h1 a {
display : block;
width : 125px;
padding : 0;
background : transparent url(images/logo.gif) no-repeat 0 0;
font-size : 1px;
text-indent : -9999px;
height : 125px;
text-align: left;
}
.border {
border : 2px solid #c2c2c2;
}
ul {
list-style : none;
}
li {
list-style : none;
}
#logo {
margin: 10px 0 0 10px;
	float: left;
}
#logo a {
display : block;
width : 125px;
height : 125px;
background : url(images/logo.gif) no-repeat 0 0;
font-size : 5px;
text-indent : -9999px;
text-decoration : none;
z-index : 9;
}
li#blog {
float : left;
width : 75px;
height : 75px;
}
li#blog a {
display : block;
width : 100%;
height : 100%;
background : url(images/menu_blog.gif) no-repeat 0 0;
font-size : 5px;
text-indent : -9999px;
text-decoration : none;
z-index : 3;
}
li#blog a:hover {
background-position : 0 -75px;
}
li#about {
float : left;
width : 75px;
height : 75px;
}
li#about a {
display : block;
width : 100%;
height : 100%;
background : #c00726 url(screenshot.png) no-repeat 0 0;
font-size : 5px;
text-indent : -9999px;
text-decoration : none;
}
li#about a:hover {
background-position : 0 -75px;
}

li#inici {
float : left;
}
li#inici a {
display : block;
width : 100%;
height : 100%;
background : #c00726 none no-repeat 0 0;
font-size : 5px;
text-indent : -9999px;
text-decoration : none;
}
li#inici a:hover {
background-position : 0 -75px;
	color: maroon;
}
li#work {
float : left;
width : 75px;
height : 75px;
}
li#work a {
display : block;
width : 100%;
height : 100%;
background : url(images/menu_work.gif) no-repeat 0 0;
font-size : 5px;
text-indent : -9999px;
text-decoration : none;
}
li#work a:hover {
background-position : 0 -75px;
}
ul#newssidemenu {
display : block;
width : 125px;
height : 125px;
margin : 0;
padding : 0;
list-style : none;
overflow : hidden;
}
li#blankspace {
display : block;
float : left;
width : 110px;
height : 25px;
font-size : 5px;
text-indent : -9999px;
text-decoration : none;
}
ul#storessidemenu {
display : block;
width : 141px;
height : 75px;
margin : 0;
padding : 0;
list-style : none;
overflow : hidden;
}
ul#companysidemenu {
display : block;
width : 134px;
height : 75px;
margin : 0;
padding : 0;
list-style : none;
overflow : hidden;
}
ul#footermenu {
position : absolute;
clear : both;
top : 100px;
right : 30px;
display : block;
width : 348px;
height : 75px;
margin : 0;
padding : 0;
list-style : none;
overflow : hidden;
	background-color: #8d102e;
}

ul#footermenu a {
	background-color: #8d102e;
}
li#newsletter {
float : left;
width : 75px;
height : 75px;
}
li#newsletter a {
display : block;
width : 100%;
height : 100%;
background : url(images/menu_rss.gif) no-repeat 0 0;
font-size : 5px;
text-indent : -9999px;
text-decoration : none;
}
li#newsletter a:hover {
background-position : 0 -75px;
}
ul#footersidemenu {
position : absolute;
clear : both;
top : 100px;
left : 49px;
display : block;
width : 115px;
height : 50px;
margin : 0;
padding : 0;
list-style : none;
overflow : hidden;
	background-color: #8d102e;
}
li#advocacies {
float : left;
width : 115px;
height : 25px;
}
li#advocacies a {
display : block;
width : 100%;
height : 100%;
background : url(images/footersidemenu_advocacies.gif) no-repeat 0 0;
font-size : 5px;
text-indent : -9999px;
text-decoration : none;
}
li#advocacies a:hover {
background-position : -115px 0;
}
li#legal_notice {
float : left;
width : 115px;
height : 25px;
}
li#legal_notice a {
display : block;
width : 100%;
height : 100%;
background : url(images/footersidemenu_legalnotice.gif) no-repeat 0 0;
font-size : 5px;
text-indent : -9999px;
text-decoration : none;
}
li#legal_notice a:hover {
background-position : -115px 0;
}
li#copyright {
font-size : 12px;
	width: 850px;
}
#commentform textarea {
background : #f8f7f6;
border : 1px solid #d6d3d3;
width : 460px;
}
#commentform textarea:hover {
background : #ffffff;
border : 1px solid #d6d3d3;
}
#commentform textarea:focus {
background : #ffffff;
border : 1px solid #939793;
}
#commentform #email:focus, #commentform #author:focus, #commentform #url:focus {
font-size : 1.1em;
background : #ffffff;
border : 1px solid #939793;
width : 280px;
}
#commentform input {
margin-bottom : 3px;
}

.flickr img { width:100px; height: 100px; margin: 0 1px 1px 0; } 

#archive {
list-style:decimal;
}
.com-list {}
.com-list h3 { font-size: 18px; line-height: 22px; font-weight: normal; padding-bottom: 10px; margin-bottom: 15px; border-bottom: solid 1px #ebeadd;}
.com-entry { background: url(images/com-top.png) no-repeat left top; margin-bottom: 20px;}
.com-entry-bot { background: url(images/com-bot.png) no-repeat left bottom; padding: 10px 0px;}

.com-con { padding: 10px 70px 10px 20px; font-size: 11px; line-height: 16px; color:#666; border-left: solid 1px #e7e5dd; border-right: solid 1px #e7e5dd; position: relative;}
.com-name { }
.com-avt { position: absolute; top: 10px; right: 20px; width: 30px; height: 30px; }
* html .com-avt { right: 40px;}
.com-avt img { border: 1px solid #ccc;}
.com-date { font-size: 10px; color: #999; margin-bottom: 10px; }
.com-text { width:200px; }
.com-date a, .com-date a:visited, .com-date a:hover { color: #999; text-decoration: underline; }

#menu
{
	position: relative;
	background: none repeat-x left;
	height: 33px;
	clear: left;
	margin-top: -68px;
	padding-bottom: 26px;
}

#menu ul
{
	padding:1em 0 0 0;
	margin:0;
}

#menu ul li
{
	position: relative;
	display: inline;
	padding:0;
	margin:0;
}

#menu ul li a:link, #menu ul li a:visited
{
	color: black;
	text-decoration: none;
	padding: 0.3em 0.9em;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	border-right-color: white;
	border-right-width: 0.1em;
}

#menu ul li a:hover, #menu ul li a:active, #menu ul li.current_page_item a
{	
	color: #8d102e;
	background: white none repeat-x left;
	border-bottom: 7px solid #feffff;
	text-decoration: none;
	border-right-color: white;
	border-right-width: 0.1em;
}

#noticies {
	color: #8d102e;
	margin-top: 15px;
	font-size: 16px;
	font-weight: bold;
	text-align: right;
	float: right;
	margin-bottom: 5px;
	padding-left: 10px;
	margin-right: 30px;
	padding-bottom: 33px;
}

#noticies a {
width : 143px;
float : right;
	font-size: 14px;
	color: #8d102e;
	text-align: right;
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}

#noticies a:hover {
width : 143px;
float : right;
	font-size: 14px;
	color: silver;
	text-align: right;
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}