/*
Theme Name: XXII Mostra Gastronomica Cabrils
Theme URI: http://www.mostragastronomica.cat/
Description: Disseny i plantilla original pel web de la XXII Mostra Gastronomica de Cabrils.
Version: 1.5
Author: Murga Publicitat
Author URI: http://www.murgapublicitat.com/
*/





/* tags html */

body, html {
	height:100%;
}

body {
	font: 62.5%/1.6em tahoma, helvetica, geneva, arial, verdana, sans-serif;
	color: #333;
	height:100%;
	background: #69becb url(images/body-bg.jpg) center top no-repeat;
	text-align:center;
}

a {
	color:#333;
	font-weight:bold;
	font-size:90%;
	text-decoration:none;
}

a:hover {
	color:#fff;
}

a:visited {
	color:#666;
	text-decoration:none!important;
}

p {
	font-size: 1.1em;
}

p em {
	color:#666;
	
}

strong {
	font-weight:bold;
}

em {
	font-style:italic;
}


pre {
white-space:normal;
font-family:Helvetica, Arial, sans-serif;
background-color:#8ee5f2;
display:inline;	
padding:1px 2px;
font-weight:bold;
	
}




/* titulars */

h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
	font-family:Helvetica, Arial, sans-serif;
}



h2 {
font:bold 3.9em 'arial narrow', Arial, Helvetica, sans-serif;
display:block;
margin:0.3em 0 1em 0!important;
letter-spacing: -0.07em;
}



h3 {
color:#32c4da;
font-size:1.3em;
line-height:1.2em;
display:block;
margin:2.5em 0 1em 0!important;
padding:0 0 0.5em 0;
letter-spacing: -0.1px;
text-transform:none;
font-weight:bold;
border-bottom:1px solid #32c4da;
clear: left;
}





/* clases globals */

.ocultar {
	position:absolute;
	left:-9999px;
}

.block {
	display:block;

}

.float-right {
	float:right;
}

.float-left {
	float:left;
}

.clear {
	clear:both;
}

.surt-flux-100px, .surt-flux-170px {
	margin-left:-125px;
	width:120px;
	display:block;
	text-align:right;
	line-height:1.2em;
	font-size:90%;
}

p.surt-flux-170px {
	float:left;
	width:170px!important;
	margin:0 0 10px -170px!important;


}

p.surt-flux-170px span {
	font-size:80%;
}






/* estructura */

#contenidor {
width:860px;
margin:0 auto;
background-color:#fff;
overflow: hidden;
height: auto;
padding-bottom: 10px;
}

#cap, #cos, #peu {
	width:840px;
	margin:0 auto;
	text-align:left;
	padding:10px;
	clear: both;
}





/* capcalera */


a#logo-inici {
	width:167px;
	height:97px;
	background:transparent url(images/logo-mostra.gif) 0 0 no-repeat;
	display: block;
	position:absolute;
	right:0px;
	top:2px;
}



a#logo-inici:hover {
	background-position:0 -97px;
}


#cap {
	position: relative;
}


#cap h1{
	
	width:839px;
	height:120px;
	background:transparent url(images/xxii-capcalera.gif) 0 0 no-repeat;
	display: block;
	position:absolute;
	right:0px;
	top:118px;
	text-transform:uppercase;
	overflow:hidden;

}

#cap h1 span#edicio {
width:175px;
height:120px;
line-height:120px;
display:block;
position:absolute;
top:-13px;
left:0;
font: bold 101px 'trebuchet ms', 'Arial Narrow', Arial, Helvetica, sans-serif!important;
letter-spacing:-0.1em;
overflow: hidden;
}

#cap h1 span#data{
top:53px;
left:178px;
position:absolute;
display:block;
width:500px!important;
height:30px;
line-height:30px;
font: normal 30px 'arial narrow', Arial, Helvetica, sans-serif!important;

letter-spacing:-0.06em;
color:#2DC3DC;	
}


#cap p#fb {
	display:block;
	height:16px;
	line-height:16px;
	position:absolute;
	right:-15px;
	bottom:40px!important;
	width:200px;
}

#cap p#fb a{
color:#2DC3DC;
}

#cap p#fb a:hover {
color:#2DC3DC;
text-decoration:underline;
}



#cap ul#nav {
margin-top:240px;
height:25px;
display:block;
border-top:1px solid #32c4da;
}

#cap ul#nav li {
	display:inline;
	float:left;
}

#cap ul#nav li a {
	display:block;
	padding:4px 10px;
	font-size: 1em;
	color:#32c4da;
	text-transform:uppercase;
}

#cap ul#nav li.expositors {
	float:right!important;
}

#cap ul#nav li.expositors a {
	color:#333;

}

#cap ul#nav li.expositors a:hover {
	background-color:#333;
}

#cap ul#nav li a:hover {
	background-color:#32c4da;
	color: #fff;
}





/* cos pagina */

#cos {
background:#fff url(images/bg-cos.gif) 0 0 repeat;
width: 640px;
padding: 10px 10px 20px 190px;
height: auto;
margin: 10px 0 0px 10px;
clear:both;
overflow: hidden;
}

#cos-dintre {
	width:360px;
	float:left;	
}

#cos a {
	text-decoration:underline;
	display:inline;
}

#cos a:hover {
	color:#32c4da;
	text-decoration:none;
}

#cos p {
font-size:1.1em;
}

#cos img {
}

#cos #extra a {

	clear:both;
	float:right;
}

#cos #extra ul {
width:255px;
float:right;
margin: 20px 0 5px 20px;
}

#cos #extra ul li {
display:block;
float:right;
clear:right;
position: relative;
margin-bottom: 5px;
padding:0 0 10px 0;
background-color:#EAFBFB;
padding:10px;
width: 225px;
}

#cos #extra ul li a {
width: 224px;
display: block;
overflow: hidden;
text-decoration:none;
}

#cos #extra ul a h3 {
	float:right!important;
	width:150px;
	padding:0!important;
	margin:0!important;
	clear:none;
	border:none;
}

#cos #extra ul a img {
	width:60px;
	float:left!important;
	display:block;
	
}


#cos #extra ul li:hover h3,
#cos #extra ul li:hover {
background-color:#76D6E5;
color:#fff!important;
}


#cos #extra ul li a:hover {
	text-decoration:underline!important;
	color:#fff!important;
	
}




img#sponsor {
	display:block;
	margin:10px auto 0 auto;
	width:840px;
	height:70px;
	background-color:#fff;
	border-top: 4px solid #76D6E5;
}





/* peu */

#peu {
background:transparent url(images/bg-pie.gif) left top no-repeat;
height:20px;
position:relative;
width: 834px;
padding: 20px 20px 30px 20px;
}

#peu p {
right:10px;
font-size: 90%;
margin: 0;
color:#32C4E0;
}

#peu a { color:#fff!important; text-transform:uppercase!important;}
#peu a:visited { color:#fff!important;}







/* imatges portada */

#imatges {
	height:279px;
	margin-bottom: 10px;
	overflow:hidden;
	width:860px;
	margin: 0;
	position: relative;
}

.hide {
	display:none;
}

#imatges-seccio {
	padding:0;
	width:838px;
	height:279px;
	overflow:hidden;
	background-color:#000;
	margin: 0 auto;
}

#dintre {
	width:840px;
	height:279px;
}

#imatges-seccio img {
	border:0;
	height:139px;
	width:139px;
	float:left;
	margin-bottom:1px;
	margin-right:1px;
	cursor:pointer;
	filter:alpha(opacity=50);   /* Internet Explorer */
	-moz-opacity:0.50;           /* Mozilla 1.6 */
	opacity: 0.50;
}

#imatges-seccio img:hover {
	filter:alpha(opacity=100);   /* Internet Explorer */
	-moz-opacity:1;           /* Mozilla 1.6 */
	opacity: 1;
}

#mostraimatge-contenidor {
	position:absolute;
	width:838px;
	height:279px;
	left: 10px;
	bottom: 1px;
}

#mostraimatge {
	position:absolute;
	width:838px;
	height:279px;
	filter:alpha(opacity=70);   /* Internet Explorer */
	-moz-opacity:0.70;           /* Mozilla 1.6 */
	opacity: 0.70;
	background-color: #000;
	left: 0;
	top: 0;
}

#mostraimatge-img {
	position:absolute;
	height:279px!important;
	width:838px;
	cursor:pointer;
	left: 0;
	top: 0;
}







/* blocs concrets pagina */


/* icons serveis */


ul.icon-serveis {
	width:640px!important;
}

ul.icon-serveis li {
	width:50%!important;
	display:block;
	float:left!important;
	clear:none!important;

}

ul.icon-serveis li img {
	float:left;
	margin:0 5px 10px 0;
		
}








/* entrades */

.post {
	padding-top: 0.5em;
	padding-bottom:3em;

	
}

.post p {
	width:600px;
	font-size:1.2em!important;
}

.post img, .post a img {
	margin-bottom:5px;
}

.post img.wp-post-image {
	float:left;
	margin:0 20px 20px 0;
	
}

.post a {
	text-decoration:underline;
	display:inline;
}

.post a:hover {
	color:#32c4da;
	text-decoration:none;
}

.post ul {

 	display:block;
	width:320px;
	padding:0 0 40px 0;
	float:left;


	
}



.post ol {
	clear:both;
	display:block;
	padding:0.8em 0;
}

.post ul li {
	padding:0.8em 0 0.2em 0px;
	font-size:1.2em;
	line-height:1.2em;
	width:auto!important;
	display:block!important;

}

.post ol li {
	padding:0;
	margin-left:15px;
	font-size:1.1em;
	line-height:1.2em;
	list-style-type:decimal;
	width:600px;

}

.post ul li em, .post ul ol em{
	color:#32c4da;
	font-variant:small-caps;
	font-style:normal;
}

.post ul li span {
	display:block;
	color:#32c4da;
	font-variant:small-caps;
	font-style:normal;
	padding:0 0 0.5em 0;
	list-style-type:none!important;
	text-align:left;
}

.post ul li img {
	display:block;

	
}

.post h3 {
	margin:0!important;
	font-size:15px!important;
}

.post h4 {
	clear:both;
	display:block;
	margin:0 0 0.5em 0!important;
	font-size:1.2em;
	font-weight:bold;



}


/* noticies */


.noticia {
	font-size: 90%;
	padding: 15px 0 30px 0;
	border-top: 1px solid #32c4da;
}


.noticia h2{
	font-size:2em;
	margin:1em 0!important;
}

.noticia h2 a{
	text-transform:none!important;
}


.noticia h3 {
	border:none!important;
	margin:0!important;
}


.noticia p span.surt-flux-100px {
	display:none!important;
}






/* receptes */

dl {
	
}

dt {

}

dd {

}

dd p {
	font-size:80%!important;
}

dd ul li {
	font-size:1em!important;
}

.post ul li {
	width:250px;
}






/* formulari de contacte */

.tbContactform form {
	margin-top:40px;
	
}

.tbContactform .antispam {
	display:  none;
	visibility: hidden;
}

.tbContactform label {
	width:  85px;
	display:  inline-block;
	vertical-align: top;
	padding-top:10px;
	clear: both;
}

.tbContactform input.text,
.tbContactform textarea {
	width:  280px;
	padding: 6px 6px 0 6px;
	border:1px solid #ccc;
	height:24px;
	font: 1em tahoma, helvetica, geneva, arial, verdana, sans-serif;
	color:#333;
}

.tbContactform textarea {
	height:  115px;
}

.tbContactform input.submit{
	display: block;
	margin-left: 290px;
	width:100px;
}

.tbContactform input.submit:hover;{
	text-decoration:underline;
}

.tbContactform .tbErrors p{
	color: #FF0000;
	font-weight:bold;
}