﻿/*
Theme Name: TSC
Description: Un tema per a TSC, implementat per Enraona.
Author:  TSC The Soulmade Company
Author URI: http://www.tsc-soulmade.com/
*/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, p {
    margin: 0;
    padding: 0;
	font-weight:normal;
}

html {
	min-height: 100%;
	height: auto;
}

hr{display:none;}

p{margin-bottom:1em;}

a {color:#2288DD;}

img{border:none;}

span.notext,
.notext span{
	display:block;
	position:absolute;
	left:-10000px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
}


body {
	border-top:4px solid #FFAA22;
	background: url(images/back03.png) repeat-x;
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Arial, Verdana, Helvetica, sans-serif;
	padding:0 0 10px;
	color:#5C5B60;
}

h1{
	background:url(images/tsclogo.png) no-repeat;
	height:109px;
	width:280px;
}

img.alignleft {
display:block;
margin:0 24px 2px 0;
padding:4px;
float: left;
}

.alignleft {
float:left;
}

.constrictor{
	width:955px;
	margin:auto;
}

#header{
	position:relative;
	margin-bottom:30px;
	padding-top:25px;
}

#headermenu{
	text-transform:uppercase;
	border-bottom:1px solid #F1F2F1;
	font-size:1.1em;
	position:absolute;
	right:0;
	top:55px;
	padding-left:20px;
	
}

#headermenu a{
	color:#222;
	text-decoration:none;
}

#headermenu a:hover{
	color:#FA2;
}

#headermenu ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
}

#headermenu ul li {
	float:left;
	margin-right:20px;
	padding-bottom: 10px;

}

#headermenu li.current_page_parent,
#headermenu li.current_page_item {
	background:url(images/selected.png) no-repeat center bottom;
}

#headermenu li.current_page_parent a,
#headermenu li.current_page_item a{
	font-weight:bold;
	color:#000;
}


#header_language_list{
	position:absolute;
	right:0;
	top:-1px;
}

#header_language_list ul {list-style:none;}

#header_language_list ul  li {
	float:left;
	width:70px;
	background-image:url(images/tabs_idiomes.png);
	background-repeat:no-repeat;
	text-align:center;
	padding-top:0;
	font-size:1.1em;
	color:#000;
}

#header_language_list ul  li.actiu{
	background-position:left -21px;
	font-weight:bold;
	padding-top:3px;
	height:18px;
}

#header_language_list ul  li  a{
	display:block;
	padding-top:3px;
	height:18px;
	width:70px;
	color:#666;
	text-decoration:none;
}

#header_language_list ul  li  a:hover{
	background:url(images/tabs_idiomes.png) no-repeat left -42px;
	color:#000;
}



/*continguts
.entry ul {
list-style-image:none;
list-style-position:outside;
margin-left:0;
padding:0 0 0 10px;
text-indent:-10px;
}

.entry li {
margin:7px 0 8px 10px;
}
*/


#content #clientes {
border:0 solid white;
list-style-type:none;
margin:0;
padding:0;
width:673px;
overflow:hidden;
}

#content #clientes li {
border:0 solid white;
float:left;
height:130px;
margin:0;
padding:2px;
width:320px;
}

#content #clientes div.title {
font-weight:bold;
}

#content #clientes li img {
float:left;
margin-bottom:30px;
margin-right:5px;
padding:4px;
}



#page_header{
	margin-bottom:3em;
}

#page_header h2{
	font-size:1.8em;
	font-weight:bold;
	color:#000;
	margin-bottom:10px;
}

#page_header .breadcrumb{
	font-size:1.1em;
	color:#999;
	font-weight:bold;
}

#page_header .breadcrumb a{
	color:#999;
	text-decoration:none;
	font-weight:normal;
}

#page_header .breadcrumb a:hover{text-decoration:underline;}

#page_main_conts {width:600px;}

#content{
	font-size:1.2em;
	line-height:140%;
	width:705px;
	float:left;
}

#content.content_portada{width:100%;}

#content .entry a{
	color:#28D;
	text-decoration:none;
}
#content .entry a:hover{color:#FA2;}

#content .entry ul{
	margin-bottom:1em;
	list-style:disc inside;
}

#content .entry li{
	margin-bottom:0.5em;
}

.leftimage li{
	list-style:none;
}
#content .entry h2{
	font-weight:bold;
	color:#000;
	margin-bottom:1em;
}

#sidebar{
	float:right;
	width:220px;
	font-size:1.2em;
}

#sidebar h4{
	font-size:1.2em;
	font-weight:bold;
	color:#000;
	margin-bottom:0.2em;
}

#sidebar a{
	color:#28D;
}

#sidebar ul{

list-style-position:inside;
margin-bottom:15px;
padding-left:10px;
}

#sidebar ul li{margin-bottom:3px;}


#sidebar .caixa_side2,
#sidebar .caixa_side{
	width:220px;
}

#sidebar .caixa_side .caixa_top,
#sidebar .caixa_side .caixa_bottom
{
	font-size:0;
	overflow:hidden;
	height:15px;
	background-image:url(images/caixa_sidebar.png);
}

#sidebar .caixa_side .caixa_bottom{background-position:left bottom;}

#sidebar .caixa_side .caixa_conts
{
	padding:5px 20px;
	background:url(images/caixa_sidebar.png) repeat-y right top;
	overflow:hidden;
}

#sidebar .caixa_side2
{
	overflow:hidden;
	height:155px;
	background-image:url(images/caixa_sidebar2.png);
}

#sidebar .caixa_side2 .caixa_conts
{
	padding:40px 10px 0;
	font-size:0.95em;
}


#sidebar  #caixa_contacto {font-size:0.95em;}
#sidebar  #caixa_contacto p{margin-bottom:0.5em;}

#sidebar  #caixa_contacto h4{font-size:1.3em;}

#sidebar  #caixa_contacto  a {font-weight:bold;}

#sidebar  #caixa_contacto .telefon{font-size: 1.7em;}

#sidebar .textwidget {margin-bottom:15px;}



.entry_title{
	margin-bottom:1em;
}

.entry_title h2 {
	font-size:1.6em;
}

.entry_title h2 a{
	color:#000;
	text-decoration:none;
	font-weight:bold;
}

.entry_title h2 a:hover{
	color:#06C;
}

.entry_title small{
	font-size:0.9em;
}

.wpml_content_languages{
	font-size:0.9em;
	margin-top:1em;
}



.post{
	margin-bottom:50px;
}

.post-edit-link{
	background-color:#EEE;
	color:#000;
	padding:0 3px;

	
}

.aligncenter, div.aligncenter {
display:block;
margin-left:auto;
margin-right:auto;
}

p img {
max-width:100%;
padding:0;
}

.wp-caption {
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:3px;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:3px;
background-color:#F3F3F3;
border:1px solid #DDDDDD;
margin:10px;
padding-top:4px;
text-align:center;
}

.wp-caption p.wp-caption-text {
font-size:11px;
line-height:17px;
margin:0;
padding:0 4px 5px;
}

.wp-caption {
text-align:center;
}

.alignleft {
float:left;
}

.alignright {
float:right;
}


#comentaris h3
{
	font-weight:bold;
	color:#000;
	margin:15px 0;
}

.navigation {
display:block;
margin-bottom:30px;
margin-top:10px;
text-align:center;
overflow:hidden;
	background-color:#F7F7F7;
	padding:2px;
}

.commentlist li {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:15px 0 10px;
padding:5px 5px 10px 10px;
font-weight:bold;
}

.commentlist li .avatar {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #EEEEEE;
float:right;
padding:2px;
}

.commentlist cite, .commentlist cite a {
font-size:1.1em;
font-style:normal;
font-weight:bold;
}

.commentlist p {
margin:10px 5px 10px 0;
}


.depth-1 {
border:1px solid #DDDDDD;
}

#comment{
	width:100%;
}






#content .postmetadata a{
	color:#28D;
	text-decoration:none;
}

#content img.borde{
	border:1px solid #EEE;
	padding:5px;
	margin-right:15px;
}

#content img.margin_r50{
	margin-right:50px;
}

#content .postmetadata a:hover{
	text-decoration:underline;
}

#content h4{
	font-size:1.2em;
	font-weight:bold;
	margin-bottom:0.8em;
}





#servicios_container{
	clear:both;
	width:100%;
	overflow:hidden;
	padding-top:3em;
}

#servicios_container ul{
list-style-position:inside;}

/*
.blockserv{
	width:209px;
	height:410px;
	float:left;
	padding:10px;
	margin-right:9px;
	font-size:0.9em;
}
*/
/*
.blockserv h3{
	font-size:1.3em;
	font-weight:bold;
	text-transform:uppercase;
	margin-bottom:1.2em;
} 
*/
.blockserv{
	margin-right:9px;
}

#content .entry ul {
	list-style: disc outside;
	padding-left: 2em;
}

.blockserv h3{
	font-weight:bold;
	text-transform:uppercase;
	margin:2em 0 0.5em 0;
	padding-bottom: 0.5em;
	background: transparent url(images/rainbow.png) no-repeat scroll center bottom;
}

/*
.serv_01{
	background:url(images/backservicios01.png) no-repeat;
}

.serv_02{
	background:url(images/backservicios02.png) no-repeat;
}

.serv_03{
	background:url(images/backservicios03.png) no-repeat;
	margin-right:0;
}
*/


#portada_container{
	clear:both;
	width:100%;
	overflow:hidden;
	padding-top:1em;
}

#portada_container ul{
list-style:none;}

#portada_container h3{
	font-size:1.5em;
	font-weight:bold;
	color:#000;
	margin-bottom:20px;
}

#portada_container  .blockinfo{
	width:280px;
	float:left;
	padding:10px;
	height:302px;
	margin-right:27px;
}

#portada_container img{border:none;}

#portada_container .blockinfo_container{padding:0 10px;}

#portada_container .blockinfo_container ul{
	list-style:none;
}

#portada_container .blockinfo_container ul a{
	color:#333;
	text-decoration:underline;
}

#portada_container .info_01{
	background:url(images/bloque_pensamos.jpg) no-repeat;
}

#portada_container .info_02{
	background:url(images/bloque_hacemos.jpg) no-repeat;
}

#portada_container .info_03{
	background:url(images/bloque_leemos.jpg) no-repeat;
	margin-right:0;
}

#portada_container .info_02 li{
	padding-left:15px;
	background:url(images/newwindowblue.png) no-repeat left 5px;
}

#portada_container .info_03 li{
	padding-left:15px;
	background:url(images/newwindow.png) no-repeat left 5px;
	font-size:0.95em;
	line-height:120%;
	margin-bottom:5px;
}

#portada_container .info_02 li a{
	color:#2288DD;
	text-decoration:none;
}

#portada_container .info_02 li a:hover{
	color:#000;
}

#portada_container .info_03 li a{
	color:#2288DD;
	text-decoration:none;
}

#portada_container .info_03 li a:hover{
	color:#000;
}

#content #mapaweb{list-style:none;}
#content #mapaweb li{
	padding-left:15px;
	background:url(images/decor_li.png) no-repeat left center;
}

#formulari{
	overflow:hidden;
	border:1px solid #EEE;
}

#formulari .col1{
	width:370px;
	float:left;
}

#formulari .col2{
	width:300px;
	float:right;
	padding:10px;
}

#formulari .col_peu{
	width:100%;
	overflow:hidden;
	clear:both;
	text-align:center;
}

#formulari .col1 td{
	padding-bottom:5px;
}

#formulari span.consulta textarea{
	width:100%;
	height:50px;
}

#formulari  .captcha img{
	float:left;
	margin-right:10px;
}

#formulari span.captcha-295 input{
	width:60px;
	float:left;	
}






#peu{font-size:1.1em;}
#peu a{
	color:#258CDF;
	text-decoration:none;
}

#peu a:hover{
	color:#FA2;
}

#peu p.left{float:left;}
#peu p.right{float:right;}

#peu_info_empresa{
	overflow:hidden;
	background:url(images/rainbow.png) no-repeat bottom;
	/*padding-bottom:8px;*/
}

#peu_links{
	overflow:hidden;
	padding:4px 0;
}

#page{
	overflow:hidden;
	margin-bottom:30px;
}