/*  
Theme Name: VIPETS
*/


body {
	margin: 0px;
	background: #f8f7f1;
	color: #323232;
	font-family: MS Sans Serif,verdana, arial, helvetiva, geneva;
	font-size: 9px;
	text-align: center;
	height: 100%;
	background: url(imatges/fons2.gif) repeat-y 50% 0;
}

tr, td {
margin:0px;
padding: 0px;
}

.all {
	
		height: 100%;
}

.all_sh {
	background: url(imatges/fons_short_2.gif) repeat-y 50% 0;
			height: 100% ! important;
			position:relative;
}

div.mig {
	background: url(imatges/fons/grans/6.gif) right top no-repeat;

}



div#bgtreti_foto {
	background-position: left top;
	background-repeat: no-repeat;
}

div#logo {
	background: url(imatges/logo.jpg) left top no-repeat;
	height: 150px;
}

div#logo a {
	color: white;
	font-size: 12px;

}



p, td {
	color: #323232;
	font-family: verdana, arial, helvetiva, geneva;
	font-size: 9px;
}

p a {
	font-family: verdana, arial, helvetiva, geneva;
	font-style:italic;
	font-size: 12px;
}

a {
	color: #67632c;
	text-decoration: none;
}

a:hover {
	color: #000000;
	text-decoration: underline;
}

a.nounderline:hover {
	text-decoration: none;
}

.vermell {
	color: #ff0000;
}

a.mapaweb {
	float: left;
	width: 320px;
	height: 20px;
	overflow: hidden;
	margin-bottom: 1px;
	background: #f0eedf url(imatges/fons_mapaweb.gif) right no-repeat;
	line-height: 20px;
	vertical-align: middle;
	font-weight: bold;
	text-indent: 7px;
}

a.mapaweb_eps {
	float: left;
	width: 320px;
	height: 20px;
	overflow: hidden;
	margin-bottom: 1px;
	line-height: 20px;
	vertical-align: middle;
	text-indent: 17px;
}

.gris {
	color: #323232;
}

h1 {
	color: #67632c;
	font-size: 14px;
}

h2 {
	color: #67632c;
	font-size: 12px;
	margin-bottom: 0px;
}

img {
	border: none;
}

p {
	margin-top: 0px;
}

/**/

div {
	position: relative;
}

.hr {
	width: 321px;
	height: 2px;
	background: url(imatges/hr.gif) left bottom no-repeat;
	margin-top: 10px;
	margin-bottom: 10px;
	display: inline;
	clear: both;
}



.padding_contingut {
	margin: 15px 15px 30px 25px;
}

.hr {
	float: left;
	width: 320px;
	height: 2px;
	overflow: hidden;
	background: url(imatges/hr.gif);
}

.tot {
	margin: 0px auto 0px auto;
	width: 800px;
	height: 100%;
	overflow: hidden;
	text-align: left;
}




.esq {
	float: left;
	text-align: left;
	width: 199px;
	height: 850px;
	margin:0;
	padding: 0;
}


.esq a {
	color: #c2ad20;
}

#navi {
   font-family:Arial, Helvetica, sans-serif;
	text-align: left;
}

#navi ul {
	margin: 0px 0px 0px 25px;
	padding: 0px 0px 0px 0px; 
}



#navi li {
	list-style-type: none;  
	padding-bottom: 15px;
}


#navi a {
	text-decoration: none;
	color: #807620;
	font-weight:bold;
	font-size:13px;
}


#navi a:hover, #navi .current_page_item a {
	color: #91294a;
}

.lang {
	padding: 0 0 0 20px;
	margin: 150px 0 0 0;
	font-size: 9px;
	width: 100px;
}


.lang a {
	text-decoration: none;
}

hr .cara {
	color: #8d9054;
	margin-left:30px;
} 


.mig {
	float: left;
	width: 203px;
	height: 850px;
	text-align: left;
	margin: 0;
	padding: 0;
}


.mig_sh {
	float: left;
	width: 52px;
	height: 850px;
	text-align: left;
	margin: 0;
	padding: 0;
	background-repeat:no-repeat;
	background-position:top center;
}


.mig_citat_home {
    font-family:Verdana, Arial, Helvetica, sans-serif;
	padding: 250px 10px 0px 20px;
	font-size: 11px;
	font-weight: 1000;
	font-style:italic;
	color: #807620;
	position:relative;
	z-index:3px;
}

.mig_citat_home:first-letter {
font-size: 35px;
z-index:-5px;
color:#f2f5e3;}

#Ppismeno {
position:absolute;
background-image: url(imatges/p.gif);
background-repeat:no-repeat;
left:20px;
top:240px;
width:35px;
height:35px;
z-index:2px;
_left:0px; }

#Npismeno {
position:absolute;
background-image: url(imatges/N.gif);
background-repeat:no-repeat;
left:19px;
top:241px;
width:35px;
height:35px;
z-index:2px;
_left:-1px; }

#N1pismeno {
position:absolute;
background-image: url(imatges/N.gif);
background-repeat:no-repeat;
left:19px;
top:151px;
width:35px;
height:35px;
z-index:2px;
 }

#Bpismeno {
position:absolute;
background-image: url(imatges/B.gif);
background-repeat:no-repeat;
left:19px;
top:151px;
width:35px;
height:35px;
z-index:2px;
 }

.mig_citat_kontakt {
    font-family:Verdana, Arial, Helvetica, sans-serif;
	padding: 160px 10px 0px 20px;
	font-size: 11px;
	font-weight: 1000;
	font-style:italic;
	color: #807620;
		width: 160px;
}

.mig_citat_kontakt:first-letter {
font-size: 35px;
z-index:-5px;
color:#f2f5e3;}

.mig_citat_right
{
	text-align: right;
	font-style:italic;
}


.bgdruhyin {
	padding: 90px 10px 0px 10px;
	font-size: 10px;
	font-weight:300;
}



.bgdruhyin a {
	text-decoration: none;
	background: transparent url('imatges/packa.jpg') no-repeat top left;
	font-size: 10px;
	padding: 10px;
	color: #807620;
	font-weight:300;
}



.bgdruhyin a:hover {
	background: transparent url('imatges/packaw.jpg') no-repeat top left;
	font-size: 10px;
	padding: 10px;
	font-weight:300;
	text-decoration:none;
	color: #807620 ! important;
}

.pasivelang, .pasivelang a, .pasivelang a:hover {
font-size: 10px;
text-transform:lowercase;
}




.contingut {
	float: left;
	width: 396px;
	height: 850px;
	text-align: left;
	overflow: hidden;
	margin: 0;
	padding: 0;
	
}

.contingut_sh {
	float: left;
	width: 546px;
	height: 850px;
	text-align: left;
	position:relative;
	overflow: hidden;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 3px;
	
}


#bgtreti_foto {
   position:relative;
	padding: 0;
	margin: 0px 0px 0px 3px;
	width: 396px;
	height: 350px;
	_margin: 0px 0px 0px 3px;
}

#flash {
   position:absolute;
   left:0px;
   top:0px;
   z-index:10;
   width: 390px;
   height: 150px;
}

#flash_sh {
   position:absolute;
   left:0px;
   top:0px;
   z-index:2;
   width: 390px;
   height: 150px;
}

#galerie {
	padding: 0;
	margin: 0px 0px 0px 5px;
	width: 396px;
	height: 350px;
}

.contingut p {
    font:Verdana;
	color: white;
	position:relative;
	margin: 40px 30px 30px 30px;
	font-size: 12px;
	font-weight:100;
	text-align:left;
	line-height: 30px;
	
}



.contingut #post-5 p:first-letter {
margin-left:15px;
width:45px;
z-index:-1 ! important;
visibility:hidden;
color:#e1da58;
line-height: 30px;
}
.contingut #post-5 p {
z-index:4;
}

.contingut #post-12p:first-letter {
margin-left:15px;
width:40px;
z-index:-1 ! important;
visibility:hidden;
color:#e1da58;
line-height: 30px;

}

#Vcont {
position:absolute;
left:30px;
top:-14px;
_left:0px;
_top:-22px;
width:40px;
height:35px;
background-image: url(imatges/V.gif);
background-repeat:no-repeat;
z-index:5;
}

#Dcont {
position:absolute;
left:30px;
top:-14px;
_left:0px;
_top:-22px;
width:40px;
height:35px;
background-image: url(imatges/D.gif);
background-repeat:no-repeat;
z-index:5;
}

#Acont {
position:absolute;
left:30px;
top:-14px;
_left:0px;
_top:-22px;
width:40px;
height:35px;
background-image: url(imatges/A.gif);
background-repeat:no-repeat;
z-index:5;
}


#Gcont {
position:absolute;
left:30px;
top:-14px;
_left:0px;
_top:-22px;
width:40px;
height:50px;
background-image: url(imatges/G.gif);
background-repeat:no-repeat;
z-index:5;
}


#Zcont {
position:absolute;
left:30px;
top:-14px;
_left:0px;
_top:-22px;
width:45px;
height:35px;
background-image: url(imatges/Z.gif);
background-repeat:no-repeat;
z-index:5;
}

#Wcont {
position:absolute;
left:30px;
top:-14px;
_left:0px;
_top:-22px;
width:50px;
height:35px;
background-image: url(imatges/W.gif);
background-repeat:no-repeat;
z-index:5;
}

.contingut_sh p {
	color: white;
	margin: 0px 0px 0px 0px ! important;
	padding: 0px 0px 0px 0px;
	font-size: 14px;
	text-align:justify;

}
#gal{

margin: 0px 20px 0px 20px;
padding: 0px 0px 0px 0px;}

#gal p {
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 0px 0px;
}

#gal a {
	padding: 0px 0px 0px 0px;
	margin: 2px 2px 2px 2px;
	// height:15px;
    width:100%;

}

#gal tr {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#gal td {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
h3 {

	padding: 0px 0px 0px 0px;
	margin: 20px 0px 5px 0px;
	font-size:15px;
	color:#fcffff;

}


h4 {
	padding: 0px 0px 0px 0px;
	margin: 20px 0px 0px 0px;
	font-size:14px;
	color:#f9f7be;

}

h4 a, {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
font-size:14px;
cursor:pointer;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
}

h4 a:hover, p a:hover {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
text-decoration:none ! important;
color:#f9f7be ! important;}

h4 a span {
color:#FFFFCC ! important;
font-size:13px;
font-weight:normal;
font-style:italic;
}

.galleryimgline {
	padding: 6px 6px 6px 6px;
	margin: 0px 0px 0px 0px ! important;
	height: 64px;
	width: 475px ! important;
	_padding: 3px 5px 10px 3px;
	_height: 68px ! important;

	background-color:#f9f7be;
}

#gallery {width:533px; height:384px;  position:relative;}
#gallery b { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
#gallery b.default {width:533px; height:384px; text-align:center;}
#gallery b.default img {display:block;}

#gallery div {list-style:none; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;  position:relative; display: block;}
#gallery div tr {display: block;}
#gallery div li {width:52px; height:52px; float:left; margin:5px 5px 5px 5px;  padding: 0px 0px 0px 0px; background-repeat:no repeat; background-position:center center;}
#gallery div li a { float:left; display:block; margin: 0px 0px 0px 0px;  padding: 0px 0px 0px 0px; width:52px; height:52px; text-decoration:none;}
#gallery div li a img {width:52px; height:52px; border:0px; padding: 0px 0px 0px 0px; visibility:hidden;}
#gallery div li a:hover {white-space:normal; background-repeat:no repeat;}
#gallery div li a:hover b {position:absolute; left:0px; _left:-20px; top:-384px; width:533px; height:384px; text-align:center; z-index:50;}
#gallery div li a:hover img {margin:0px 0px 0px 0px; width:533px; height:384px; visibility:visible;}

#gallery div li a:active, #gallery div li a:focus {white-space:normal;background-repeat:no repeat;}
#gallery div li a:active b, #gallery div li a:focus b {position:absolute; left:0px; _left:-20px; top:-384px; width:533px; height:384px; text-align:center; background-repeat:no repeat; z-index:30;}
#gallery div li a:active img, #gallery div li a:focus img{margin:0px 0px 0px 0px; width:533px; height:384px; visibility:visible; }

label {
font-size: 12px;
}

#copy {
font-size:10px;
color:#d3d1af;
margin-top:160px;
width: 100%;
text-align:center;
}