﻿/*
------------------------------------------------------------------------
SubSòl
------------------------------------------------------------------------

Theme Name: Subsòl 2.7
Title: Subsòl WP
Theme URI: http://fumfumfum.net/
Description: Tema WP creat per a Subsòl Ent.
Version: 2.7
Author: Carlus Jové @ (http://www.fumfumfum.net)
Updated: 11/12/09  
Anti-Copyright:  (cc) 2009 Carlus Jové i Buxeda.
Tags: Gris, Blanc i Negre. Millora l'usabilitat del Catàleg i incorpora subscripció.

– Com sempre, el còdig pendent d'ordenar i uniformar...

*/

*{
margin:0px;
padding:0px;
}
body {
margin: 0px;
padding: 0px;
background-color: #cccccc;
font-family: Arial, sans-serif;
font-size: 12px;
color: #666666;
}

p {
line-height: 15px;
margin-bottom:5px;
}

a, a:visited {
color: #336699;
text-decoration: none;
outline: none;
}

a:hover {
color: #111111;
}

.no-border {
border:none;
}

.clear {
clear: both;
}

.white {
color: #ffffff;
}

small {
font-size: 8px;
vertical-align: super;
}

.lft {
	float: left;
}

.rght {
	float: right;
}

/*
------------------------------------------------------------------------
C O N T A I N E R S
------------------------------------------------------------------------
*/

.container_black {
	margin: 0px auto;
	padding: 0px;
	width: 100%;
	background-color: #000000;
	border-bottom:1px solid #666666;
}
.container_gray {
	margin: 0px auto;
	padding: 0px;
	width: 100%;
	background-color: #ebebeb;
	border-top:1px dotted #666666;
}

#container {
	margin: 0px auto;
	padding: 0px;
	width: 800px;
	text-align: left;
	border-left:1px dotted #666666;
}

#content {
	margin: 0px 0px 40px 0px;
	padding: 20px 0px 0px 0px;
	width: 800px;
	text-decoration: none;
	display: block;
}
#content ul li{
	margin-left:40px;
	list-style-type:circle;
	/*background:transparent url(images/fletxa.png) 0 5px no-repeat;*/
	}
	#content ol li{
	margin-left:40px;
	margin-bottom:15px;
	}

.noticies {
width: 500px;
margin: 0px;
padding: 0px 0px 20px 20px;
float: left;
}
.news {
margin: 0px;
padding: 10px 10px 0px 0px;
width: 500px;
float: left;
}
img .news-thumb {float:left;}
.noticies img{width:100px;margin-right:10px;border:1px solid #666;float:left;}

.agenda{
color:#666;
margin: 0px;
padding: 0px 0px 5px 40px;
width: 220px;
float: left;
}
	.agenda a {
	color:#666;
	}
.event {
padding:5px 2px;
margin:5px 0px;
background-color:#ebebeb;
}
	.event a:hover {
	color:#000;
	}

p.titulet {font-weight:bold;border-bottom:1px dotted #666;padding-bottom:3px;}

.entry {
margin: 0px;
padding: 20px 0px 20px 20px;
width: 600px;
float: left;
}
	.entry img {
	margin: 10px 0px 10px 0px;
	}
.date{
width: 250px;
color:black;
font-weight:bold;
margin:0px;
}

/*
------------------------------------------------------------------------
H
------------------------------------------------------------------------
*/

/* Generals */ 
h2 {
margin:0px 0px 10px 0px;
padding: 0px;
font-size: 16px;
color: #111111;
font-weight: normal;
}
h2 i {
padding: 2px 3px 1px 3px;	
color: #999999;
font-weight: normal;
font-style: normal;
text-decoration: line-through;
}
h2 b {
padding: 2px 3px 1px 3px;
border-bottom: 3px solid #cccccc;
}
h3 {
margin: 0px;
padding: 0px 0px 0px 5px;	
font-size: 26px;
font-weight: normal;
}
h5 {
font-family:Arial, sans-serif;
font-size:12px;
font-weight:bold;
color:#000000;
}
/* Divisions concretes */	
.entry h1{ /* Separadors dins el post */
font-size:15px;
color:#666666;
background-color:#ebebeb;
padding-left:5px;
font-weight:normal;
margin:15px 0px 15px 0px;
border-bottom:1px dotted #666666;
}
	

/*
------------------------------------------------------------------------
H E A D E R
------------------------------------------------------------------------
*/

#header {
margin: 0px auto;
padding: 25px 0px 0px 0px;
width: 800px;
height: 45px;
}
.logo a, .logo a:visited {
width: 295px;
height: 20px;	
background-image: url(images/logo.png);
background-repeat: no-repeat;
float: left;
display: block;
}
	.logo a:hover {
	width: 295px;
	height: 20px;	
	background-image: url(images/logo.png);
	background-repeat: no-repeat;
	float: left;
	display: block;
	}
.menu {
margin: 0px 0px 0px 0px;
padding: 0px;	
list-style-type: none;	
float: right;
}
	.menu li {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	float: left;
	}
	.menu li a, .menu li a:visited {
	padding: 5px 10px 5px 10px;
	color: #666666;
	font-weight: bold;
	text-decoration: none;
	display: block;
	}
	.menu li a:hover, .menu li.current_page_item a, .menu li.current_page_item a:visited {
	color: #ffffff;
	}
.menu-store {
margin: 0px 0px 0px 0px;
padding: 0px;	
list-style-type: none;	
float: right;
position:fixed;
}
	.menu-store li {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	float: left;
	}
	.menu-store li a, .menu-store li a:visited {
	padding: 5px 10px 5px 10px;
	color: #666666;
	font-weight: bold;
	text-decoration: none;
	display: block;
	}
	.menu-store li a:hover, .menu-store li.current_page_item a, .menu-store li.current_page_item a:visited {
	color: #ffffff;
	}
.lang li{
text-transform:uppercase;
float:left;
color:#FFFFFF;
font-size:10px;
display:inline;
margin:30px 0 0 10px;
padding:0px 5px;
border-right:1px solid #fff;
list-style-type:none;
}
	.lang li a{
	color:#fff;
	}
	.lang li a:hover, .lang li.current_language_item a, .lang li.current_language_item a:visited {
	color:#336699;;
	text-decoration:none;
	}

/*
------------------------------------------------------------------------
A N U N C I   H E A D E R
------------------------------------------------------------------------
*/

#ad {
margin: 0px auto;
padding: 160px 0px 0px 350px;
width: 520px;	
height: 115px;	
display: block;
background-image: url(images/ad.png);
background-repeat: no-repeat;
}
.ad {
width:490px;
background:#000000;
opacity:0.6;
filter:alpha(opacity=60);
}
.overlay {
background-image: url(images/overlay.png);
background-position: bottom;
background-repeat: repeat-x;
}

#ad p {
margin: 0px;
padding: 5px 0px 0px 5px;	
color: #999999;
}

#ad a, #ad a:visited {
color: #cccccc;
}

#ad a:hover {
color: #ffffff;
}

/*
------------------------------------------------------------------------
T E M P L A T E S
------------------------------------------------------------------------
*/
.cataleg {
width:170px;
height:230px;
padding:5px 10px;
background:#ebebeb;
border:1px solid #fff;
float:left;
margin-right:15px;
margin-bottom:5px;
}
.cataleg img {
width:170px;
height:170px;
border:1px solid #666;
}
	.cataleg img:hover, .catalegdistri img:hover,
	.catalegdistricd img:hover {
	background:#666666;
	opacity:0.6;
	filter:alpha(opacity=60);
	text-decoration:none;
	border:1px solid #666;
	}
.catalegdistri {
width:100px;
height:230px;
padding:0px;
float:left;
margin-right:20px;
margin-bottom:5px;
}
	.catalegdistri img {
	width:100px;
	height:140px;
	border:1px solid #666;
	}
.catalegdistricd {
width:100px;
height:230px;
padding:0px;
float:left;
margin-right:20px;
margin-bottom:5px;
}
	.catalegdistricd img {
	width:100px;
	height:100px;
	border:1px solid #666;
	}


/*
------------------------------------------------------------------------
F O O T E R
------------------------------------------------------------------------
*/

#footer {
font-size:11px;
margin: 0px auto;
padding: 10px 0px 0px 0px;
height:120px;
width: 800px;
}
#footer p {
margin: 0px;
color: #999999;
}
#footer p a, #footer p a:visited {
color: #999999;
text-decoration: none;
}
#footer p a:hover {
color: #111111;
}
#footer img {
border:none;
}
.fb a {
width:15px;
height:15px;
background:url(../images/fb-a.jpg);
}
#footer .fb a:hover {
background:url(images/fb-b.jpg);
}
#footer li {
list-style-type:none;
display:inline;
}
.fleft {
width:450px;
padding: 10px 0px 0px 0px;
float: left;
}
.fright {
width:350px;
padding: 10px 0px 0px 0px;
float: left;
text-align:right;
}
p.quote {font-family: 'Courier New', Courier, monospace; font-size:12px;text-transform:uppercase;}
.fright form input[id="email-box"]{padding:2px;color:#777;}
form{margin-top:5px;}

/*
------------------------------------------------------------------------
C A P  - o sigui, el header de page.php i single.php
------------------------------------------------------------------------
*/
#cap {
margin: 0px auto;
width: 800px;	
height: 215px;
background-image: url(images/cap.png);
background-repeat: no-repeat;
display: block;
}
.cap {
background-image: url(images/cap.png);
}

/*
------------------------------------------------------------------------
W O R D P R E S S   C L A S S E S
------------------------------------------------------------------------
*/
.size-thumbnail{
margin-left:5px;
margin-right:20px;
}
.wp-caption{
background:#ebebeb;
float:left;
margin:0px 20px 20px 0px;
}
	.wp-caption-text{
	font-size:10px;
	text-align:center;
	color:black;
	border-top:1px dotted #cccccc;
	padding:0px 5px 0px 5px;
	}
	.wp-caption .size-thumbnail{
	border:none;
	}
	.wp-caption img{
	border:none;
	margin-left:5px;
	margin-right:5px;
	}
	.wp-caption img:hover {
	background:#ebebeb;
	opacity:0.9;
	filter:alpha(opacity=90);
	}

/*
------------------------------------------------------------------------
V A R I S
------------------------------------------------------------------------
*/
