/*
Theme Name: Satescoles
Description: Tema de pagina satescoles
Version: 2.0
Author: Danny Berzon
Author URI: http://www.dannyberzon.com
License: GPL
*/

/************************* IMPORT BLUEPRINT *************************/
@import url("css/screen.css");
@import url("css/f8.css");


#masthead {
	border-top: 5px solid #3E3D40;
}


/***** menu items ***/

ul#navigation ul{
	display:none;
	border-top:none;
	margin-bottom:15px;
}

ul#navigation ul li a{
	color:#5A5858;
	font-style:italic;
	font-weight:normal;
}

ul#navigation ul li a:hover,
div.presentacio ul#navigation ul li.presentacio a,
div.encompte ul#navigation ul li.encompte a,
div.calendaricicles ul#navigation ul li.calendaricicles a,
div.calendarimesos ul#navigation ul li.calendarimesos a,
{
	background-color:#929395;
	color:#fff;
}

/* open ones */
div.presentacio ul#navigation, div.encompte ul#navigation{
	border-top:none;
}

div.presentacio ul#navigation li.hola ul,
div.encompte ul#navigation li.hola ul,
div.calendarimesos ul#navigation li.calendari ul,
div.calendaricicles ul#navigation li.calendari ul
{
	display:block;
}

#inside-widgets .span-5{
	width:200px;
}

#inside-widgets ul li a, ul.txt li {
	color:#505050;
	font-size:11px;
}

#inside-widgets ul li a:hover{
	color:#fff; background-color:#3C3B3E; text-decoration:none;
}

/* active ones */
div.cat_3 ul#navigation li.infantil a,
div.cat_4 ul#navigation li.secundari a,
div.preus ul#navigation li.preus a,
div.fitxes ul#navigation li.fitxes a,
div.onsom ul#navigation li.onsom a,
div.valoracio ul#navigation li.valoracio a,
div.preguntas ul#navigation li.preguntas a,
div.contact ul#navigation li.contact a{
	color:#fff; background-color:#3C3B3E;
}

/************* overlays *************/

.portfolio-image-wrapper{
	position:relative;
	height:152px;
	overflow:hidden;
}

.portfolio-image-wrapper h6.title-overlay {
	background:none repeat scroll 0 0 #000000;
	bottom:0;
	height:15px;
	left:0;
	opacity:0.8;
	overflow:hidden;
	padding:2px 0 5px 0;
	position:absolute;
	text-transform:uppercase;
	bottom:0px;
	left:0px;
	z-index:101;
	width:100%;	
}
.portfolio-image-wrapper h6.title-overlay a, .portfolio-image-wrapper h6.title-overlay span{
	color:white;
	font-weight:normal;
	opacity:1.0;
	padding-left:5px;
}

.pageimage h6.title-overlay{
	color:white;
	text-transform:none;
}

#homelinks .portfolio-image-wrapper h6.title-overlay a, #homelinks .portfolio-image-wrapper h6.title-overlay span{
 font-weight:bold;
 font-family:Arial, sans-serif;
}	

/************* sataescoles styles ****************/
body{
	font-family:Georgia, arial, sans-serif;
	color:#505050;
	background-color:#eeeeee;
	margin:0px;
}

div.container{
	background-color:#ffffff;
	padding:25px 40px 56px 40px; 
	position: relative;
}

p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:18px;
}

div#content {
	width:676px;
	float:right;
	overflow:hidden;
}

a{
	color:#505050;
}

a:hover{
	text-decoration:underline;
}


#inside-contact {float:right;color:#000; font-weight:bold; font-size:11px;}
#inside-contact a {color:#000;}
#inside-contact a:hover {color:#666;}

h4.slideshow-title {font-size:1.2em;line-height:1.25;margin-bottom:0px;height:1.25em; font-weight:bold}
h4.slideshow-title em {font-weight:normal; font-style:normal}

div#slideshow-posts	{
	visibility:hidden;
}

div#content div#heading{
	border-bottom:solid 5px #3E3D40;
	padding:0 0 30px 0;
	margin:0 0 4px 0;
}

div.block{
	float:left;
	margin-right:10px;
	margin-bottom:16px;
	position:relative;
}

div.block_container{
	width:690px;
}

div.hasimg div.pagecontent{
	float:right;
	width:338px;
}

H2{
	text-transform:uppercase;
	font-size:17px;
	line-height:20px;
	margin-bottom:30px;
	font-weight:bold;
	color:#3E3D40;
}

H2 em{
	display:block;
	font-weight:normal;
	text-transform:none;	
}

/** pagina calendari **/

.calendaricicles table, .calendarimesos table{
	width:100%;
	font-family:Arial, sans-serif;
}

.calendaricicles table.head, .calendarimesos table.head{
	border:solid 1px #F3A59E;
}


.calendaricicles table td, .calendarimesos table td{
	width:145px;
}
.calendaricicles table td, .calendarimesos table td{
	border-bottom:solid 1px #F0908B;
	color:#4B4B4D;
}

.calendaricicles table.head td, .calendarimesos table.head td{
	border-bottom:none;
}	

.calendaricicles p strong, .calendarimesos p strong{
	width:100%;
	display:block;
	color:white;
	background-color:#F3A59E;
	padding-left:20px;
	line-height:24px;
	text-transform:uppercase;
}

.calendaricicles p, .calendarimesos p{
	margin-bottom:0px;
}

.calendaricicles table a, .calendarimesos table a{
	color:#4b4b4d;
	font-weight:bold;
}

.calendaricicles table a:hover, .calendarimesos table a:hover{
	color:#777;
}

.espectacle-cat-info p{
	margin:0px;
}

.espectacle h2 span, .espectacle-cat-info p span{
	font-weight:normal;
	display:block;
	text-transform:none;
}

.espectacle-cat{
	float:left;
	width:332px;
	margin:0px 10px 3px 0;
}
.archive .last{
	margin-right:0px;
}

.espectacle-cat a{
	float:left;
	width:170px;
}

.espectacle-cat .espectacle-cat-info{
	font-size:12px;
	float:left;
	width:162px;
}

.espectacle-cat .espectacle-cat-info span{
	padding:0px
	margin:0px;
	font-size:12px;
	font-weight:bold;
	font-family:Georgia, arial, sans-serif;
	line-height:14px;
}

.espectacle-cat-info p span.title{
	font-weight:bold;
	text-transform:uppercase;	
}

.espectacle h2 span.compania, .espectacle-cat-info p span.compania{
	font-style:italic;
}

.espectacle h2 span.fecha{
	font-size:15px;
	font-weight:bold;
}

.espectacle-cat-info p span.fecha{
 	font-size:12px;
	font-weight:bold; 	
}

.espectacle-cat-info p span.genero{
	font-weight:normal;
}

.espectacle h2 span.horario{
	font-size:15px;
}


.espectacle .pagecontent p a{
	text-decoration:none;
}

.espectacle div.espectacle-info{
	margin-top:10px;
}

.espectacle div.espectacle-info a{
	text-decoration:underline;
}

.espectacle div.espectacle-info p{
	font-size:12px;
	margin:4px 0 4px 0;
}

.ficha{
	float:left;
	width:220px;
	height:110px;
	margin-right:6px;
	margin-bottom:4px;
}

.fitchas .last{
	margin-right:0px;
}

.ficha .portfolio-image-wrapper{
	height:105px;
}

.ficha .portfolio-image-wrapper h6{
	text-transform:none;
	font-family:Arial, sans-serif;
}

.pagecontent p{
	margin-bottom:2px;
}

.pagecontent p a{
	font-weight:bold;
	text-decoration:underline;
}

.onsom div.map{
	margin-top:10px;
}

div.feedbackform{
	margin-top:20px;
	background-color:#cccccc;
	width:281px;
	padding:10px;
}

div.feedbackform label{
	font-size:11px;
	font-weight:normal;
	display:inline-block;
	width:110px;
}

div.feedbackform p{
	font-size:11px;
	margin-bottom:4px;
}

div.feedbackform span, div.feedbackform select, div.feedbackform input, div.feedbackform textarea{
	font-size:11px;
}

div.feedbackform input{
	font-size:11px;
}

div.feedbackform textarea{
	width:250px;
	height:50px;
	font-size:11px;	
}

.valoracio p.thanks{
	font-weight: bold;
	color:#009900;
	foint-size:15px;
	margin-bottom:10px;
}

.valoracio p.error{
	font-weight: bold;
	color:#9900;
	foint-size:15px;
	margin-bottom:10px;
}

.contact .pagecontent p{
	font-family:Georgia, Arial, sans-serif;
}

.contact .pagecontent p strong{
	font-family:Arial, sans-serif;
}

ol.commentlist li{
	padding-top:10px;
}

ol.commentlist li .comment-entry {
	margin-top:-20px
}

ol.commentlist li strong {
	padding-top:10px;
}

div.menu_sat{
	position: absolute;
	font-family: 'Helvetica';
	top: 7px;
}
div.menu_sat a{
	text-decoration: none;
	font-size: 98%;
}
div.menu_sat a:hover{
	text-decoration: none;
	font-weight: bold;
	color: #505050;
}
div.menu_sat span{
	font-size: 98%;
}
div.menu_sat span.selected{
	font-weight: bold;
}
div.menu_sat .menu_item1{
	float: left;
    	text-align: center;
    	width: 70px;
}
div.menu_sat .menu_item2{
	float: left;
    	text-align: center;
    	width: 85px;
}
div.menu_sat .menu_item3{
	float: left;
    	text-align: center;
    	width: 81px;
}
div.menu_sat .menu_item4{
	float: left;
    	text-align: center;
    	width: 52px;
}
div.menu_sat .menu_sep{
	float: left;
    	text-align: center;
    	width: 5px;
}