body{
background-color:#FCFBFB;
/*background-image:url('http://www.anerbarrena.com/wp-content/uploads/2013/09/bkg_smoky_noise.jpg');*/
/*background-image:url('http://www.monestirsantbenetmontserrat.com/trobades/imatges/fonsBody/old_map.png');*/
background-color:#f7eac9;
/*background-image:url('http://www.monestirsantbenetmontserrat.com/trobades/imatges/index/fons.jpg');*/
background-repeat:repeat;
z-index:100;
/*position:absolute;
top:0;
left:130px;
width:1150px;*/
}
html, body {
margin: 0; padding: 0;
}
p{
color:#484848;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
margin-bottom:25px;
}
header{
background:#333;
background-position: center center;
background-repeat:no-repeat;
background-attachment: fixed;
background-size:cover;
width:100%;
height:330px;
top:0px;
}
#headerclass{
background-image:url(../imatges/carrusel/HeaderPequeno.png);
background:#333;
background-position: center center;
background-repeat:no-repeat;
background-attachment: fixed;
background-size:cover;
top:0px;
}
footer {
/*background:#333;*/
text-align:center;
/*To anchor to bottom of page uncomment the following lines:*/
/*position:fixed;
bottom:0;*/
}	
footer a {
color:#fff;
}

.properCurs{
position:relative;
width:300px;
height:250px;
background-color:#ffffff;
left:700px;
top:20px;
padding-top:0px;
z-index:9;
}
.benvingut{
width:350px;
height:100%;
background-color:#000000;
margin-left:0px;
padding-top:0px;
float:left;
}
.btnCurs{
position:relative;
width:240px;
height:45px;
top:6px;
left:25px;
background-color:#FF9900;
text-align:center;
border-radius: 10px 10px 10px 10px;
text-shadow:#CCCCCC 1px 1px 1px;
color:#fff;
font-size:22px;
line-height:42px;
}
section{
width:1150px;
height:auto;
margin:0 auto;
border:0px solid #CCCCCC;
/*margin-top:75px;*/
/*margin-bottom:20px*/ /*test para que quede bien el footer según la pàgina*/
}
article{
width:100%;
height:auto;
margin-top:70px;
background-color:#fff;
float:left;
padding-left:20px;
padding-right:0px;
padding-bottom:0px;
border-bottom:4px solid #71B6D5;
text-align:justify;
box-shadow: 5px 5px 0 #f2f2f2;
-webkit-box-shadow: 5px 5px 0 #f2f2f2;
-moz-box-shadow: 5px 5px 0 #f2f2f2;
}
h3{
color:#fff;
line-height:12px;
font-size:24px;
padding-top:15px;
}
h4{
color:#fff;
font-size:18px;
padding-bottom:15px;
}
article h3{
font-size:26px;
color:#666;
line-height:26px;
text-align:left;
}
nav li{float:right;padding-top:34px;margin-top:-13px;list-style-type: none;font-size:1.1em;color:#999;margin-left:-4px}/*padding:50px 20px 25px 45px;*/
h1{float:left;clear:both;color:fff}
h2{float:left;}
hgroup h1{width: 250px;height: auto;font-weight: bold;font-size: 3em;color: #fff;font-family: Arial;margin-top:18px;padding-left:40px;padding-top:3px}
.centrar{width:1150px;height:100%;margin:0 auto;}
.intro{width:1200px;height:100%;margin:0 auto;background:url(imatges/gran.jpg) left top no-repeat;border:1px solid #fff}


nav li a {font-weight:normal; color:#666666; text-decoration:none;padding:50px 20px 25px 45px;font-size:1.1em;color:#999} 
nav li a:hover {font-weight:normal;color:#666666; text-decoration:none;background-color:#F1DA92;padding:50px 20px 80px 45px;background-color:#f6f6f6;font-size:1.1em;color:#999}
nav li a:visited {font-weight:normal;normal;color:#666666; text-decoration:none;padding:50px 20px 25px 45px;background-color:#f6f6f6;}

article li:hover { width: 100%;  border:0px solid #f6f6f6;font-weight:normal;color:#666; text-decoration:none;background-color:#000;padding:8px 8px 8px 8px;border-radius: 0px 0px 0px 0px; padding:15px;}

article ul{
margin-left:-41px;
list-style-type:none;
}

article li{
text-align:left;
margin-bottom:0px;
width:115%;
padding:15px;
padding:10px;
font-size:13px;
font-family: Arial;
color:#999;
float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
article li a {font-weight:normal; color:#999; text-decoration:none; margin-left:5px;padding:15px;}
article li a:hover {font-weight:normal;color:#999; text-decoration:none; padding:15px;}
article li a:visited {font-weight:normal;normal;color:#999; text-decoration:none; padding:15px;}
#contentcurs{ 
width:300px;
height:auto;
float:left;
background-color:#ffffff;
padding:0px;
margin-right:50px;
margin-bottom:40px;
}
#cursimg{
width:auto;
height:auto;
float:left;
background-color:#000000;
margin-bottom:15px;
}
#contentP{
margin-top:7px;
margin-bottom:25px;
width:50%;
height:300px;
float:right;
font-style: italic;
color:#999999;
background-color:#FFFFFF;
font-family:Arial;
}
#categoriaImatges {
width:810px;
height:auto;
float:right;
background-color:#FFF;
font-style:italic;
margin-bottom:10px;
padding-right:30px;
}
#categoriaImatges ul{
margin-left:0px;
list-style-type: none;
}
#categoriaImatges li{
text-align: left;
margin-bottom: 0px;
width:80px;
padding:10px;
font-size:13px;
color:#999;
float:left;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

#categoriaImatges li a {font-weight:normal; color:#999; text-decoration:none;}
#categoriaImatges li a:hover {font-weight:normal;color:#999; text-decoration:none;}
#categoriaImatges li a:visited {font-weight:normal;normal;color:#999; text-decoration:none;}

#portada {
  width: 100%;
  background-color: #ffffff;
  color: #fff;
  height: 310px;
  float: left;
  padding-right: 0px;
  margin: 0 auto;
  display: block;
  text-align: center;
}

#btnconcurs a{
float:right;
width:110px;
height:20px;
background-color:#FF9933;
border:0px solid #FFCC33;
text-align:center;
line-height:20px;
color:#ffffff;
padding:5px;
text-decoration:none;
}
#horariconcurs a{
float:right;
width:120px;
height:15px;
/*background-color:#F9F9F9;
border:2px solid #F9F9F9;*/
line-height:15x;
color:#666;
text-align:center;
padding:0px;
}
#titolconcurs{
float:left;
width:auto;
height:30px;
line-height:30px;
color:#666666;
text-align:center;
font-size:16px;
font-weight:bold;
margin-bottom:25px;
}
#titolP{
width:100%;
height:auto;
font-weight: bold;
font-size: 2.8em;
color:#333333;
font-family:Arial;
}
#descripcioP{
margin-top:7px;
margin-bottom:25px;
width:100%;
height:auto;
font-style: italic;
font-size: 1.5em;
color:#999999;
font-family:Arial;
}
#cursimg{
width:auto;
height:auto;
float:left;
background-color:#000000;
margin-bottom:15px;
}
#contentP{
margin-top:7px;
margin-bottom:25px;
margin-right:33px;
width:300px;
height:300px;
float:left;
font-style: italic;
color:#999999;
background-color:#FFFFFF;
font-family:Arial;
}
#contentPL{
margin-top:-0px;
margin-bottom:25px;
width:auto;
height:auto;
float:left;
font-style: italic;
color:#999999;
background-color:#FFFFFF;
font-family:Arial;
}
#adjuntPDF{
margin-top: 25px;
}
#adjuntPDF a {font-weight:normal; color:#333; text-decoration:none;}
#adjuntPDF a:hover {font-weight:normal;color:#333; text-decoration:none;}
#adjuntPDF a:visited {font-weight:normal;normal;color:#333; text-decoration:none;}
#places{
width:100%;
height:25x;
background-color:#ffffdd;
border:2px solid #ffd700;
margin-bottom:40px;
text-align:right;
padding-right:10px;
padding-top:2px;
padding-bottom:2px;
}
label {
    display:block;
    margin-top:10px;
    letter-spacing:1px;
}
.formulario {
	
    display:block;
    margin:0 auto;
    width:361px;
    color: #666666;
    font-family:Arial;
	margin-top:25px;
}
form {
    margin:0 auto;
    width:360px;
}
input, textarea {
    width:60%;
    height:40px;
    background:#666666;
    border:2px solid #f6f6f6;
    padding:10px;
    margin-top:5px;
    font-size:10px;
    color:#ffffff;
}

.opciones{
	width:58px;
	margin-left:-8px;
}

textarea {
    height:150px;
}
#submit {
    width:85px;
    height:35px;
    border:none;
    margin-top:20px;
    cursor:pointer;
}	
#tituloC{
	width: 1100px;
	height: auto;
	font-family: Tahoma;
	font-size: 1.8em;
	color: #990000;
	margin: 0 auto 0 auto;
	margin-top: 25px;
	margin-bottom: 30px;
}
#dos{		
width:268px;
margin-top:34px;
<!--margin: 0 auto 0 auto;-->
padding: 0px;
background-color: #ffffff ;
color: #fff;
height:198px;
float:left;
padding-right:0px;	
margin:0 auto;
display:block;
text-align:center; 
margin-bottom:5px; 
}		
#dos img {  max-height:99%; max-width:99%; vertical-align:middle; line-height:160px;}

#contingutP{
margin-bottom:60px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-family: 'Lato', sans-serif;
color:#999;
width:100%;
}

.catego li{padding:10px; width:90px; margin-left:1px; text-align:center}
.catego li a{margin-left:0px}

#tornar{
				width:auto;
				height:auto;
				background-color:#71B6D5;
				border: 0px solid #FFCC33;
				background-color:#FF9933;
				font-size:1.0em;
				margin-top:-48px;
				padding:8px;
				float:right;
				color:#fff;
				box-shadow: 5px 5px 0 #f2f2f2;
				-webkit-box-shadow: 5px 5px 0 #f2f2f2;
				-moz-box-shadow: 5px 5px 0 #f2f2f2;
		}
		#tornar a {font-weight:normal; color:#fff;text-decoration:none;}
		#tornar a:hover {font-weight:normal;color:#fff;text-decoration:none;}
		#tornar a:visited {font-weight:normal;color:#fff;text-decoration:none;}

		
/*+++++++++++++++++++ COOKIES  +++++++++++++++++++++++++*/

#cookiesms1:target {
    display: none;
}
.cookiesms{	
	width:100%;
	height:auto;
	margin:0 auto;
	padding-left:1%;
	background-color: #FF9933;
    padding-top:5px;
    font-size: 1.05em;
	clear:both;
    font-weight: strong;
	color: #fff;
	padding:15px;
	bottom:0px;
	position:fixed;
	left: 0px;
	opacity:1;
	text-align:center;
	filter:alpha(opacity=70); /* For IE8 and earlier */
	transition: bottom 1s;
	<!--webkit-transition:bottom 1s; /* Safari */-->
	-webkit-box-shadow: 3px -3px 1px rgba(50, 50, 50, 0.56);
	-moz-box-shadow:    3px -3px 1px rgba(50, 50, 50, 0.56);
	<!--box-shadow:         3px -3px 1px rgba(50, 50, 50, 0.56);-->
	z-index:999999999;
}
.cookiesms:hover{
	bottom:0px;
}
.cookies2{
	background-color: #FFF;
	background-color: #333;
	display:inline;
	opacity:0.95;
	filter:alpha(opacity=95);
	position:absolute; 
	left:1%; 
	top:-30px;
	font-size:15px;
	height:30px;
	color: #fff;
	padding-left:25px;
	padding-right:25px;
	-webkit-border-top-right-radius: 15px;
	-webkit-border-top-left-radius: 15px;
	-moz-border-radius-topright: 15px;
	-moz-border-radius-topleft: 15px;
	border-top-right-radius: 15px;
	border-top-left-radius: 15px;
	-webkit-box-shadow: 3px -3px 1px rgba(50, 50, 50, 0.56);
	-moz-box-shadow:    3px -3px 1px rgba(50, 50, 50, 0.56);
	box-shadow:         3px -3px 1px rgba(50, 50, 50, 0.56);
}
.cookiesms a {font-weight:bold; color:#fff;text-decoration:none;}
.cookiesms a:hover {font-weight:bold;color:#fff;text-decoration:none;}
.cookiesms a:visited {font-weight:bold;color:#fff;text-decoration:none;}

#politica a {font-weight:normal; color:#000; text-decoration:none; margin-left:5px;padding:15px;}
#politica a:hover {font-weight:normal;color:#000; text-decoration:none; padding:15px;}
#politica a:visited {font-weight:normal;normal;color:#000; text-decoration:none; padding:15px;}