/* 
Theme Name: Ribals
Theme URI: http://www.ribals.com
Description: Ribals WP theme
Version: 2.0
Author: Unit Elements
Author URI: http://ribals.com
Tags: light, link, orange, white, three column, widgets, jquery
*/


/******************* GLOBAL **********************/

body {margin:0 auto 0 auto; text-align:left;
font:0.8em Verdana, Geneva, sans-serif;
color:#666;line-height:19px;
height:100% background-color:#ebebeb;
background-image:url(images/bg.jpg);
background-position:top left;
background-repeat:no-repeat;
background-attachment:fixed;	
}

.clear {clear:both} 
.lang_switch{ padding:0;margin:0;list-style-type:none;	}
.clearfix:after {   content: "."; display: block; height: 0; clear: both;  visibility: hidden;}
	/* Hides from IE-mac \*/ * html .clearfix {height: 1%;} /* End hide from IE-mac */
	
	
/*******************  SOMBRA ***********************/


.sombra{
	-moz-box-shadow: 0px 0px 5px #000;
	-webkit-box-shadow: 0px 0px 5px #000;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#000,direction=125,strength=0)";
}



/******************* IMAGENES **********************/

img {padding:4px;border:1px dashed #ddd;margin-top:5px;margin-bottom:5px;}
img.noborder {padding:0px;margin:0px;border:none;}
img.esqui {border:none;margin:0 0 0 20px;padding:0;float:left;}

/******************* LINKS **********************/

a:link, a:active { color:#666; text-decoration:underline;}
a:hover { color:#d7df21; text-decoration:underline;}
a:visited {	color:#666; text-decoration:underline;}

/******************* ESTRUCTURA BASE **********************/

#bg-grad {
	text-align: center;
	margin:0 auto; 
	padding:0 auto;
	width:1000px; 
	min-height:430px;
	height:auto;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-topleft: 10px;
	-ms-border-radius-topleft: 10px;
	-ms-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	background:url(images/sombra1000.png) repeat-y top center;
	}

#container {margin:0 auto; padding:0 auto;width:980px; height:auto;min-height:430px;background-image:url(images/bg_trans.png);background-position:top left;background-repeat: repeat;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='bg_trans.png', sizingMethod='scale');height:auto;
	clear:both;}
	
	#containerindex {margin:0 auto; padding:0 auto;width:980px; height:auto;min-height:430px;background-color:#FFF;height:auto;clear:both;}

	#main-content { text-align: center; margin:0 auto; padding:0 auto;width:980px; background-image:url(images/bg_trans.png);background-position:top left;
	background-repeat: repeat; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='bg_trans.png', sizingMethod='scale'); min-height:430px; height:auto;
	}
	
	#main-contentindex {text-align: center; margin:0 auto; padding:0 auto;width:980px; min-height:430px;height:auto;background-color:#FFF;
	}
	
/******************* TIPOGRAFIAS **********************/

/* H1 */
	h1 { margin:-10px 0 0 0; padding:0; font:1em Verdana, Geneva, sans-serif; color:#fefefe; position:relative; display:block;}
	.post-content h1, .page-content h1 { margin:10px 0; padding:0; font:bold 1em Arial, Helvetica, sans-serif; color:#53798b; }
	h1 a:link, h1 a:active, h1 a:visited { color:#fefefe;  }
	h1 a:hover { color:#d7d7d7; }
	h1 span { margin:10px 0 0 0; background:url(images/gradient.png) repeat-x; width:100%; height:20px; position:absolute; display:block;}

/* H2 */
	h2 { margin:0; padding:0; font:0.83em Verdana, Geneva, sans-serif; color:#b9b9b9;}
	.post-content h2, .page-content h2 { margin:10px 0; padding:0; font:bold 1em Arial, Helvetica, sans-serif; color:#53798b;}

/* H3 */
	h3 { margin:0; padding:0; font: 1em Verdana, Geneva, sans-serif; color:#666; text-decoration:none;}
	
	.post-content h3, .page-content h3 {
		 margin:0px 0 0px 0; 
		 padding:0; 
		 font:bold 1em Verdana, Geneva, sans-serif; 
		 color:#55;
		 }
		 
	h3 a:link, h3 a:active, h3 a:visited { 
	color:#0e8dca; 
	text-decoration:none;
	}
	
	h3 a:hover {
		color:#222;
		background-color:#e2ea25; 
		padding-top:10px; 
		padding-bottom:10px;
		}
	
	h3.post-title, .single h3.post-title, h3.post-title-small { 
		padding:10px 10px 10px 10px; 
		width:300px; 
		height:40px; 
		background:url(images/bgpost.png) no-repeat center top;   
		margin:0px;
		}
		
	h3.post-title a:hover, .single h3.post-title a:hover, h3.post-title-small a:hover{
		background-color:transparent;
	}
		
	.single h3.post-title { font-size:1em; width:300px;	}
	
	h3.post-title-small { font-size:1.50em;	}

/* H4 */
	h4 {	margin:0; padding:0;	font:bold 1em Verdana, Geneva, sans-serif; color:#fefefe;}
	.post-content h4, .page-content h4 { margin:10px 0; padding:0; font:1em Verdana, Geneva, sans-serif; color:#53798b;}
	#footer h4 {margin:0 0 20px 0;}
	
	h5{
		margin:0px auto 5px auto;
		font-size:13px;
		color:#666;
		text-transform:uppercase;
	}


/******************* HEADER **********************/

	#header {margin:0 auto; padding:0 auto;	height:100px;width:980px; }
		#logo {	height:60px;margin-left:-12px; 	margin-top:7px;	width:280px; float:left;		}
		#language {	height:40px;margin-left:15px; padding:px 0;	margin-top:70px;width:auto; height:auto;float:right;		}
		
	#navigation {
		margin:0 auto; 
		padding:0 auto;	
		width:980px;
		height:38px;
		background-color:#d7df21;
		border-top-right-radius: 10px;
		border-top-left-radius: 10px;
		-moz-border-radius-topright: 10px;
		-moz-border-radius-topleft: 10px;
		-ms-border-radius-topleft: 10px;
		-ms-border-radius-topright: 10px;
		-webkit-border-top-right-radius: 10px;
		-webkit-border-top-left-radius: 10px;
		}
		
		/* Jquery Menu Dropdown */
		#dropmenu, #dropmenu ul {margin:0; padding:0 0 0 15px; list-style-type:none; position:relative; line-height:1em; z-index:300; width:100%;} 
		#dropmenu a {display:block; padding:0.25em 1em; color:#666; text-decoration:none; } 
		#dropmenu a:hover { color:#666;} 
		#dropmenu li {float:left; position:relative; text-align:left; color:#666; border-right:solid thin #ecf097;} 
		#dropmenu ul {position:absolute; display:none; width:12em; top:2.9em; left:1px; background-color:#d7df21; color:#666;} 
		#dropmenu ul a { color:#666;} 
		#dropmenu li ul {width:14.1em;} 
		#dropmenu li ul a {width:12em; height:auto; float:left;  } 
		#dropmenu ul ul {top:auto;} 
		#dropmenu li ul ul {left:12em; margin:0px 0 0 0px;} 
		#dropmenu li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul {display:none;} 
		#dropmenu li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul {display:block;}  
	#navigation ul li a:link, #navigation ul li a:active, #navigation ul li a:visited { margin:0; padding:10px 10px; font:1.1em Verdana, Geneva, sans-serif; color:#666; background-color:#d7df21; display:block; height:18px;}
	#navigation ul li a:hover {	color:#333;	text-decoration:none;	background:#e2ea25;}
	#navigation ul.pages li.current_page_item a:link, #navigation ul.pages li.current_page_item a:active, #navigation ul.pages li.current_page_item 	
	a:visited { margin:-3px 0 0 0; padding:15px 15px 14px 15px; background:#545454; color:#333; position:relative;}	
	
	#imgfront { margin:0px auto; padding:0 auto; width:980px; height:300px; background-color:#ebebeb; border-bottom:8px solid #ebebeb;}

/******************* COL-01 **********************/
	
	#blogheader {
		float:left;
		text-align:center;
		width:310px;
		height:25px;
		padding-left:10px;
		padding-top:5px;
		background-color:#ebebeb;
		display:block;
		color:#222;
		font-size:1.2em;
		margin-bottom:15px;	
		text-transform: uppercase;
		}
		
	#col-01 {
		background-color:#FFF;
		float:left;
		width:300px;
		text-align:center;
		margin-bottom:0px;
		padding:10px;
		border-right: 1px solid #ebebeb;	
		border-bottom: 1px solid #ebebeb;	
		}
		
		#col-01page {
			float:left;
			width:678px;
			text-align:left;
			padding-top:20px; 
			padding-bottom:20px;
			background-color:#FFF;
			border-right: 1px dashed #ebebeb; 
			min-height:500px;
			}
			
		#col-01single {
			float:left;	
			width:680px;
			text-align:left;
			padding-top:20px; 
			margin-bottom:0px;
			margin-top:0px;
			background-color:#FFF; 
			padding-bottom:20px;
			min-height:1400px;	
			}
		
		#news{
			width:280px;
			height:180px;
			margin:0px auto 5px auto;
			padding:10px;
			float:left;
			text-align:center;	
			display:block;
			border: solid thin #ccc;
		}
		
		#news p.txtnoticia{
			width: 260px;
			margin-left:auto;
			margin-right:auto;
			line-height:13px;
			font-size:12px;
			color:#999;
			text-align:justify;
		}
	
	/* Post */
		.mas { font-size:0.6em;}
		.post {
		margin:0;
		}
		.post-info { text-align:right; font:0.9em Verdana, Geneva, sans-serif; color:#FFF;}
		
		/* Post Box */
		.post-box {	
		margin:0px; 
		text-align:left; 
		}
		
		.post-meta {margin:0; padding:0;}
		.post-info {margin:0; padding:0px;width:20px; height:auto;}
		.post-content, .page-content, .comment-content {margin:0; padding:0px 10px 0px; }
		.page-content {	padding:15px 22px 0; }
		.post-image, .post-image-inner { margin:0 auto 10px auto; padding:0; width:auto; height:auto; display:block;}
		.post-image-inner {	margin:0 auto 10px 15px;float:right;}
		.post-image img, .post-image-inner img {margin:0 auto; padding:3px;	border-left:1px solid #e8e8e8; border-right:1px solid #e8e8e8;	border-bottom:
			1px solid #e7e8e8;text-align:center; display:block;	}
		
		/* Post Footer */
		.post-footer {margin:0px 0px 10px 5px; padding:5px; }
		.continue-reading {	margin:0; padding:0;height:auto;float:left;}
		.continue-readingtext {		}
		.continue-reading a:link, .continue-reading a:active, .continue-reading a:visited, .cat-posts li.view-more a:link, .cat-posts li.view-more 
			a:active, .cat-posts li.view-more a:visited {	font:0.9em Arial, Helvetica, sans-serif; color:#999;}
		.continue-reading a:hover,.cat-posts li.view-more a:hover {	color:#FCB714;}

		.navigation {
		margin:0; padding:8px 10px;
		background:#dce8ee url(images/box-highlight.gif) repeat-x bottom center;
		border-bottom:1px solid #d4e0e6;
		}
	
	
/******************* COL-02 **********************/
	
	#col-02 {
		width:320px;
		padding:10px;
		text-align:center;
		float:left;
		margin:-10px auto 0px 10px;	
		}
	

/******************* COL-03 **********************/
		
	#col-03 {
	width:280px;
	float: right;
	margin-right:20px;
	margin-top:20px;
	background-color:#d2d2d2;
	text-align:center;
	}
	
	#login{	
	width:245px;
	height:150px;
	background-color:#f2f2f2;
	border:1px solid #ebebeb;
	text-align:left;
	margin:10px auto 20px auto;
	}
	
		#login .formutitle {font:1.1em Arial, Helvetica, sans-serif;line-height:18px; color:#999; padding-left:20px; padding-top:20px;}
		#login .formutext {font:0.9em Arial, Helvetica, sans-serif;line-height:18px; color:#999; padding-left:20px; padding:top:3px;}
	
	#politica{float:left;width:210px;height:160px;text-align:center;}
	
	#galeriaindex {	
	width:260px;
	height:260px;
	text-align:left;
	padding-left:0px; 
	float:left;
	margin-left:-30px;
	margin-top:-65px;
	padding-right:10px;
	display:block;
	}
	
	#col-03page {
		width:280px;
		float:left;
		margin-left:20px;
		margin-top:0px;
		}
			#sidebar {	margin:0 0 0 0px; padding:0; width:260px; height:auto; list-style:none;}
			
			#sidebar li {
				margin:20px 0px; 
				padding:10px; 
				width:auto; 
				height:auto; 
				-moz-border-bottom-colors: none;
  				-moz-border-image: none;
    				-moz-border-left-colors: none;
   			 	-moz-border-right-colors: none;
   			 	-moz-border-top-colors: none;
				background: url(images/bg_widget.png) repeat-y;
   				border-radius: 8px 8px 8px 8px;
				/*border-color: #e2e2e2;
    			border-style: solid;
    			border-width:thin;*/
				line-height:18px;
				-moz-box-shadow: 0px 0px 8px #ccc;
				-webkit-box-shadow: 0px 0px 8px #ccc;
				-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#ccc,direction=0,strength=8)";
				 }
				 
			#sidebar li ul, #sidebar .textwidget, #calendar_wrap { margin:0 auto; padding:0; width:205px; height:auto; list-style:none; overflow:hidden;}		
			#sidebar li ul li  {margin:0 0 0px 0; padding:0;width:auto; height:auto;background:none; border:none;
			-moz-box-shadow: none;
			-webkit-box-shadow: none;
			}
			.sidebar-content {margin:0; padding:0;width:245px; height:auto;float:right;}
				
			#sidebar li a:link, #sidebar li a:visited, #sidebar li a:active {font:1.2em Arial, Helvetica, sans-serif; color:#545454;}
			#sidebar li a:hover {text-decoration:none;}
		
				#galeria {	
				width:400px;
				height:350px;
				text-align:left;
				padding-left:0px; 
				float:left;
				margin-left:-75px;
				margin-top:10px;
				padding-right:10px;
				display:block;
				}
							
				#esquia {	
				width:400px;
				width:400px;
				height:auto;
				text-align:left;
				padding-left:0px; 
				float:left;
				margin-left:-65px;
				margin-top:-115px;
				padding-right:10px;
				display:block;
				}
		

#login2{	
	width:225px;
	height:140px;
	background-color:#F7941E;
	border:2px solid #ebebeb;
	text-align:left;
	float:left;
	margin-left:0px;
	margin-bottom: 10px;
	color:#3f3f3f;
	padding: 10px;	
	}
		
	#reds{	
	width:225px;
	height:120px;
	background-color:#f2f2f2;
	border:1px solid #ebebeb;
	text-align:left;
	margin:20px auto 10px auto;
	padding:10px;
	}
	
	#reds p{
	font-size:16px;
	color:#999;
	margin:5px auto 10px auto;
	width:200px;
	}
	
	
/******************* FOOTER **********************/

	#footer { margin:0 auto; padding:0; width:980px; height:110px; background-color:#d7df21; border-top:8px solid #ebebeb;  border-bottom:8px solid #ebebeb;
	-moz-box-shadow: 0px 5px 10px #333;
	-webkit-box-shadow: 0px 5px 10px #333;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#333,direction=180,strength=10)";
	}
	
	#link-back { 
	background-color: #FFF;
	margin:0 auto 10px auto; 
	padding:0 auto; 
	width:980px; 
	height:45px; 
	text-align:center; 
	color:#666;
	-moz-box-shadow: 0px 5px 10px #333;
	-webkit-box-shadow: 0px 5px 10px #333;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#333,direction=180,strength=10)";
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	-ms-border-radius-bottomleft: 10px;
	-ms-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	}
	
	#logo_footer{
		float:left;
		width:150px;
		margin-left:20px;
	}
	
	#info_footer{
		float:left;
		border-right: solid thin #666;
		padding:0px 10px 0px 10px;
		margin-top:15px;
		margin-left:20px;
	}
	#mail_footer{
		float:left;
		border-right: solid thin #666;
		padding:0px 10px 0px 10px;
		margin-top:15px;
	}
	#info2_footer{
		float:left;
		padding:0px 0px 0px 10px;
		margin-top:15px;
	}
	
	/****FB FAN BOX HACK***/
	.page_stream { 
		display:none;
	}
	
	#footer_ribals{
		float:left;
		padding:0px 20px 0px 20px;
		width: 280px;
		height:90px;
		margin:10px auto 10px auto;
		color:#FFF;
		font-size:12px;
		border-right: dashed thin #fff;
		line-height:15px;
	}
	
	#footer_ribals a{
		color:#000;
		text-decoration:none;
	}
	
	#footer_ribals a:hover{
		color:#333;
		text-decoration:none;
	}
	
	#footer_programes{
		float:left;
		padding:0px 20px 0px 20px;
		width: 600px;
		height:60px;
		margin:10px auto 10px auto;
		color:#FFF;
		font-size:12px;
		line-height:15px;
	}
	
	#footer_ribals a{
		color:#000;
		text-decoration:none;
	}
	
	#footer_ribals a:hover{
		color:#333;
		text-decoration:none;
	}
	
	#footer_links{
		float:left;
		width:600px;
		height:30px;
		color:#FFF;
		font-size:11px;
		margin:0px auto auto 20px;
		text-align:right;
	}
	
	#footer_links a{
		color:#FFF;
		text-decoration:none;
	}
	
	#footer_links a:hover{
		color:#222;
		text-decoration:none;
	}
	
	h6{
		color:#fff;
		font-size:15px;
		margin:10px auto -5px auto;
		text-transform:uppercase;
		text-shadow: 1px 1px 4px #000;
	}
	
	
/* Inputs
/******************* ESTILS BOTONERA COLONIES **********************/


a:link.botonera, a:active.botonera { color:#666; outline-width:thin;}
a.hover.botonera { color:#666; text-decoration:underline;}
a.visited.botonera {	color:#666; text-decoration:underline;}

a.botonera{
	text-decoration:none;
	border:0;
	outline: 0;
	font:1.1em Verdana, Geneva, sans-serif;
	color:#666;
	}


#button {  
    padding: 0;  
    }  

#button li {  
    display: inline;  
    }  
	
#button li a.botonera {  
    
    text-decoration: none;  
    float:left;  
    padding: 10px;  
   	background-color:#d7df21;
	outline-width:thin; 
	outline-color:#666; 
   }
  
  #button li a.botonera:hover {
	background-color:#98c10f;
	margin-top:-2px;
	padding-bottom:12px;
}  

/******************* TAULA PREUS I DISPONIBILITAT **********************/


#taula {
	width:700 px;
	margin-bottom:20px;
	margin-top:20px;
	
	}

td {
	margin-left:8px;
	}
table{
		margin-left:20px;
	}
	
.taula {
	background-color:#d7df21;
	margin-left:5px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-color: #666;
	border-right-color: #666;
	border-bottom-color: #666;
	border-left-color: #666;
	}

.cap_taula {
	background-color:#d7df21;
	line-height:14px;	
	
	}

/******************* FORMULARI INSCRIPCIONS **********************/

#contentform {
	text-align:center;
	line-height:15px;
}




.setmana { 
	margin-left:90px;
}

.enviar {
	margin-top:30px;
	margin-bottom:30px;
}

.camposobligatorios{
	color:#f7941e;
}

#legal {
	text-align:left;
	margin-left:50px;
	font:0.6em;
	width:350px;
	}


#formulario{
	text-align:left;
	margin-left:70px;
	
	}