/* CSS Document */



* { 
margin: 0;
padding: 0;
outline: none;
}

body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.7em;
color: #423f30;
text-align: center;
background-color: #333;
margin: 0px;
}

#page {
width: 766px;
margin: 0 auto;
padding: 0 7px 8px 7px;
text-align: left;
background: url(../img/fons_page.gif) center repeat-y #fff;
}

/* estructura */

#header_cont {
padding: 0;
}

#header {
position: relative;
border-bottom: 1px solid #FF7100;
margin-bottom: 1px;
padding: 17px 20px 10px 30px;
background: url(../img/fons_home2.jpg) top right no-repeat #f6f6f6;
}

#menu {
margin-bottom: 15px;
padding-left: 15px;
background-color: #ff7100;
}

#content {
padding: 5px 30px;
}

#esquerra {
width: 400px;
float:left;
margin-bottom: 15px;
}

#dreta {
width: 280px;
float: right;
margin-bottom: 25px;
margin-top: 30px;
}

#footer {
clear: both;
margin-top: 35px;
padding: 6px 0 10px 0;
border-top: 1px solid #ff7100;
text-align: center;
}

#baseap {
clear: both;
width: 766px;
margin-top: 35px;
padding: 6px 0 10px 0;
border-top: 1px solid #ff7100;
Position:absolute;
text-align:center;
top: 660px;
background-color: #ffffff;
}

#baseind {
clear: both;
width: 766px;
margin-top: 35px;
padding: 6px 0px 10px 0px;
border-top: 1px solid #ff7100;
Position:absolute;
text-align:center;
top: 1635px;
background-color: #ffffff;
}

#baseeur {
clear: both;
width: 766px;
margin-top: 35px;
padding: 6px 0 10px 0;
border-top: 1px solid #ff7100;
Position:absolute;
text-align:center;
top: 1430px;
background-color: #ffffff;
}

#basecp {
clear: both;
width: 766px;
margin-top: 35px;
padding: 6px 0 10px 0;
border-top: 1px solid #ff7100;
Position:absolute;
text-align:center;
top: 1705px;
background-color: #ffffff;
}

#baseel {
clear: both;
width: 766px;
margin-top: 35px;
padding: 6px 0 10px 0;
border-top: 1px solid #ff7100;
Position:absolute;
text-align:center;
top: 1230px;
background-color: #ffffff;
}

#basecd {
clear: both;
width: 766px;
margin-top: 35px;
padding: 6px 0 10px 0;
border-top: 1px solid #ff7100;
Position:absolute;
text-align:center;
top: 1010px;
background-color: #ffffff;
}

#baseent {
clear: both;
width: 766px;
margin-top: 35px;
padding: 6px 0 10px 0;
border-top: 1px solid #ff7100;
Position:absolute;
text-align:center;
top: 480px;
background-color: #ffffff;
}

#directoris {
margin-top: 7px;
}



/* header i menú */

#idioma {
position: absolute;
top: 10px;
right: 20px;
}

#menu li {
float: left;
list-style-type: none;
}

#menu a, #menu a:visited {
text-decoration: none;
display: block;
font-size: 12px;
font-weight: bold;
text-decoration: none;
padding: 5px 15px;
color: #fff;
}

#menu a:hover {
color: #423f30;
}

#info_simogas {
margin-bottom: 33px;
}

#content p {
margin-bottom: 10px;
line-height: 18px;
}

/* columna esquerra */

.item {
padding: 10px 0 5px 0;
border-top: 1px dotted #adaea5;
}

.item img, #producte img, #mapa {
float: left;
border: 1px solid #adaea5;
padding: 2px;
margin: 0 10px 25px 0;
}

.item a:hover img {
border-color: #ff7100;
}

/* columna dreta */

#alaplancha {
background-color: #ffae5d;
text-align: center;
padding: 20px 0;
margin-bottom: 3px;
color: #000;
}

#contacto {
background-color: #ffdbbf;
text-align: center;
padding: 20px 10px;
margin-bottom: 3px;
color: #000;
}

#accessoris {
background-color: #fff1e5;
padding: 15px 15px 0 15px;
border: 1px solid #ccc;
margin: 10px 0;
}

#manuals, #manuals_home {
padding: 15px;
border: 1px solid #ccc;
}

#manuals img {
vertical-align: middle;
}

/* directoris */

#directoris {
background-color: #333;
padding: 15px;
}

#directoris li {
display: inline;
font-size: 10px;
}

#directoris li:after {
content: "  ·  ";
}

/* segones */

#producte {
}

#mapa {
margin-right: 15px;
}

div#producte_esq {
width: 370px;
float: left;
margin-bottom: 20px;
}

div#producte_dreta {
width: 310px;
float: right;
margin-bottom: 20px;
}

#manuals {
width: 280px;
}

#manuals p {
margin-bottom: 15px;
}

table {
border: 0;
border-spacing: 0;
border-collapse: collapse;
width: 376px;
clear: both;
margin-top: 10px;
}

td, th {
border: 1px solid #adaea5;
border-collapse: collapse;
padding: 4px 6px;
text-align: center;
}

th {
font-weight: bold;
background-color: #fff1e5;
}

#contactez td {border:none}


#relacionats {
background-color: #f6f6f6;
padding: 5px 15px 15px 15px;
margin-bottom: 25px;
margin-top: 20px;
clear: both;
width: 346px;
}

#relacionats li {
list-style-position: inside;
list-style-type: circle;
padding-left: 15px;
line-height: 16px;
}

#relacionats h4 {
margin-top: 15px;
}

#mapa {
margin-bottom: 35px;
}

/*generiques*/

h1 {
color: #ff7100;
font-weight: normal;
font-size: 22px;
margin-bottom: 10px;
}

h2 {
font-size: 22px;
font-weight: normal;
margin-bottom: 6px;
}

#esquerra h2 {
margin-top: 10px;
}

h3 {}

h4 {
font-size: 12px;
color: #ff7100;
margin-bottom: 5px;
}

.pretitol {
font-size: 10px;
color: #aba9a3;
}

.selected {
color: #666;
}

.esq {
float: left;
}

.dre {
float: right;
}

.clear {
clear: both;
}

.clearboth:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearboth {
display: inline-block;
}

/* Hides from IE-mac \*/

* html .clearfix {
height: 1%;
}

.clearboth {
display: block;
}

/* End hide from IE-mac */


/* links */

a {
color: #423f30;
text-decoration: underline;
}

a:visited {
color: #333;
}

a:hover {
color: #FF7100;
}

a:active {
color: #ff7100;
}

a:focus {
outline: none;
}

h4 a, h4 a:visited {
color: #FF7100;
}

h4 a:hover {
color: #423f30;
}

#directoris a, #directoris a:visited{
color: #999;
text-decoration: none;
}

#directoris a:hover {
color: #ccc;
}

#relacionats li a {
text-decoration: underline;
}


/* cibertira */

.cibertira {
	margin: 0;
	padding: 0 5px 0 10px;
	overflow: hidden;
	width: 295px;
	border: 1px solid #adaea5;
	background-color: #fff1e5;
	height: 115px;
}


.cibertira p {
	background: #fff1e5;
}

.cibertira strong {
	display: block;
	text-align:center;
	font-size: 1.3em;
	padding: 10px 0 0 0;
}

.cibertira a {
	display: block;
	text-align:center;
	padding: 5px 0 0 0;
	
	
}
#producte #producte_dreta .cibertira p img {
	border: none;
}