/*
Theme Name: masterASP campingelsprats
Theme URI: http://www.masterasp.com/
Description: Plantilla per desenvolupar de cero els projectes
Author: masterASP
Author URI: http://masterasp.com
Version: 0.1
.
General comments/License Statement if any.
.
*/

/*---------------------------------------------
//  reiniciar estils
//---------------------------------------------
*/

html, body {
	padding		: 0;
	margin		: 0;
	border		: 0;
	font		: normal normal 12px/140% Arial, Helvetica, sans-serif;
}

html {
	/*height		: 100%;*/
}

div, dl, dt, dd, ul, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, table, iframe {
	margin		: 0;
	padding		: 0;
}

fieldset, img {
	border		: 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
	font-style	: normal;
	font-weight	: normal;
}

ul li {
	list-style	: none;
	padding		: 0;
	margin		: 0;
}

caption, th {
	text-align	: left;
}

caption {
	display		: none;
}

h1, h2, h3, h4, h5, h6 {
	font-size	: 100%;
	font-weight	: normal;
	line-height	: 140%;
}

abbr, acronym {
	border		: 0;
}

form {
	padding		: 0;
	margin		: 0;
}

a:link, a:active, a:visited {
	text-decoration: none;
	color		: #1977d6;
}

a:hover {
	text-decoration:underline;
}

strong {
	font-weight	: bold;
}

.salta {
	clear		: both;
}

.saltaDreta {
	clear		: left;
}

.saltaEsquerre {
	clear		: right;
}

/*---------------------------------------------
//  elescorial
//---------------------------------------------
*/


body{
	background: #b0b7c9;
	background: url('images/body-bg.jpg') top center no-repeat #b0b7c9;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

h2{
	font-family: 'Ubuntu', arial, serif;
	color: #1a2455;
	font-weight: bold;
	font-size: 17px;
}

.fixed-width{
	width: 960px;
	margin: 0 auto;
}

#menu-principal li.selected a{color: #a6e3ff;}

.destacado {
	background: #18214e;
	padding: 2px 8px;
	padding-bottom: 3px;
	-webkit-border-radius: 10px; /*CSS3 bordes arrodonits*/
	-moz-border-radius: 10px;
	border-radius: 10px;
}

#header{
	height: 100px;
	background: url('images/header-bg.jpg') top center no-repeat;
	position: relative;
}

#logo{padding-top: 10px;}

#idiomes h2 {display: none;}

#idiomes li{display: inline-block; padding: 5px 0 0 3px;}

#idiomes a.tr_active{
	background: #c5cad8;
	border: 1px solid #929ab4;
	padding: 15px 0 0 5px;
	-webkit-border-radius: 5px; /*CSS3 bordes arrodonits*/
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-right: 5px;
}

.transposh_flags a span:hover, .transposh_flags a img:hover {
border-color: transparent !important;
border-style: solid;
border-width: 1px 3px;
padding: 0;
}


/* sobreescriure les banderes del transposh per css*/
.trf {
	background-image: none !important;
	height: 24px !important;
	margin-right: 5px;
}


.trf-es{background: url('images/es.png') center center !important;}
.trf-us{background: url('images/en.png') center center !important;}
.trf-fr{background: url('images/fr.png') center center !important;}
.trf-de{background: url('images/de.png') center center !important;}

/* END sobreescriure les banderes del transposh per css*/


#menu-buttons{
	position: absolute;
	right: 0;
	top: 45px;
}

#menu-buttons li{display: inline-block;}

#menu-principal-container {
	background: url('images/menu-bg.png') center center repeat-x #465ba2;
	height: 47px;
}

#menu-principal {
	width: 960px;
	margin: 0 auto;
}

#menu-principal{
background: yellow;
}

#menu-principal > li{
	text-align: center;
	height: 47px;
	padding: 0 8px;
	text-shadow: 1px 1px 1px #2e3c6a;
	background: url('images/menu-separator.png') 1px 1px no-repeat;
	display: block;
float:left;
	position: relative;
border-right: 1px solid red;
}

#menu-principal > li:first-child{background: none;}

#menu-principal li a{
	display				: table-cell;
	height				: 47px;
max-width: 120px;
	line-height			: 16px;
	margin				: auto 0;
background: red;
	vertical-align		: middle;
	color				: #ffffff;
	font-weight			: bold;
	*display			: block;
  	*position			: absolute;
  	*text-align			: center;
 	*left				: 0px;
  	*width				: 100%;
 	*cursor				: pointer;
  	*top				: expression(this.parentElement.clientHeight / 2 - this.clientHeight / 2);
}

#menu-principal li a:hover{text-decoration: none;}

/*submenu*/
#menu-principal > li > ul {
	display: none;
	background: #465ba2;
	font-size: 12px;
	position: absolute;
	z-index: 999999;
	top: 47px;
	left: 4px;
	border: 1px solid #1d2d63;
	border-top: none;
}

#menu-principal > li:hover > ul{
	display: block;
}

#menu-principal li ul li{
	background: #465ba2;
	width: 100px;
	width: 100px\0/; /*ie8 hack*/
	height: 47px;
	padding-left: 15px;
	position: relative;
	border-bottom: 1px solid #1d2d63;
}

#menu-principal li ul li:last-child{
	border-bottom: none;
}

#menu-principal li ul li ul{
	display: none;
	border: 1px solid #1d2d63;
	position: absolute;
	left: 118px;
	top: -1px;
}

#menu-principal li ul li:hover ul{
	display: block;
}

#menu-principal li ul li ul li{
	background: #465ba2;
}

/*end submenu*/

/* Breadcrumbs*/

.breadcrumb-title{display: none;}

.breadcrumb-trail a {color: #ffffff;}

a.trail-begin {color: #ffffff;}

#home_breadcrumbs{
	height: 0px;
	padding: 4px 10px;
}

#breadcrumbs_container{
	font-size: 13px;
	color: #ffffff;
	background: #0d56a4;
	margin-top: 25px;
	height: 20px;
	padding: 4px 10px;
	text-shadow: 1px 1px 1px #0a3f78;
}

#breadcums{
	font-size: 13px;
	color: #ffffff;
	background: #0d56a4;
	margin-top: 25px;
	height: 21px;
	padding: 6px 10px;
	text-shadow: 1px 1px 1px #0a3f78;
}

/* END breadcrumbs*/

#page-container{
	background: #0d56a4;
	overflow: visible;
}

#page-container p {
	line-height: 25px;
}

#content{
	/*background: #f9f9f9;*/
	background: #ffffff;
	width: 690px;
	min-height: 850px;
	float: left;
	padding: 10px 20px 0 20px;
	-moz-box-shadow: 3px 0px 3px #083565;
	box-shadow: 3px 0px 3px #083565;
}

#intro-gris{
	margin-left: -20px;
	background: #f9f9f9;
	width: 690px;
	float: left;
	padding: 10px 20px 0 20px;
	background: #f9f9f9; /* Old browsers */
	background: -moz-linear-gradient(top, #f9f9f9 0%, #d8d8d8 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#d8d8d8)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f9f9f9 0%,#d8d8d8 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f9f9f9 0%,#d8d8d8 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #f9f9f9 0%,#d8d8d8 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F9F9F9', endColorstr='#D8D8D8',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #f9f9f9 0%,#d8d8d8 100%); /* W3C */
	position: relative;
	-moz-box-shadow: inset 0px -2px 3px #adadad;
	box-shadow: inset 0px -2px 3px #adadad;
}

#content p {margin-bottom: 10px;}

#text ul li{
	list-style-image:url("images/dot.png");
	margin-left: 20px;
}


.entry-title{
	font-family: 'Ubuntu', arial, serif;
	font-size: 40px;
	font-weight: bold;
	color: #18214e;
	margin-bottom: 20px;
}

.titol-pagina{
	font-family: 'Ubuntu', arial, serif;
	font-size: 40px;
	font-weight: bold;
	color: #18214e;
}

#intro-text{
	width: 300px;
	float: left;
	color: #3b3b3b;
	font-size: 13px;
}

#intro-text p {line-height: 20px !important;}

#visita-virtual{
	width: 150px;
	height: 600px;
	float: left;
	padding-top: 0px;
	background: white;
	position: absolute;
	top: -18px;
	left: 350px;
	text-align: center;
	-moz-box-shadow: 0px -2px 4px #757c8b;
	box-shadow: 0px -2px 4px #757c8b;
}

#visita-virtual h2{
	color: #495fa7;
	margin-top: 25px;
	margin-bottom: 13px;
}

#visita-virtual li {
	position: relative;
}

#visita-virtual img{
	margin: 0 0 2px 0;
}

#visita-virtual span{
	width: 30px;
	height: 28px;
	background: url("images/zoom.png");
	position: absolute;
	bottom: 7px;
	right: 5px;
}

#promociones-novedades{
	position: absolute;
	top: 20px;
	left: 500px;
	padding: 0px 20px 20px 20px;
	color: #1a2455;
}

#promociones-novedades ul li{
	list-style-image:url("images/dot-home.png");
	margin-left: 20px;
	margin-top: 5px;
}

#promociones-novedades ul li a{
	color: #1a2455;
}

#promociones-novedades ul li a:hover{
	text-decoration: none;
}

#promociones-novedades h2{
	font-family: 'Ubuntu', arial, serif;
	color: #1a2455;
	font-weight: bold;
	font-size: 20px;
}

#promociones-novedades hr{
	color: #f00;
	background-color: #8c91a7;
	height: 1px;
	border: none;
	margin-right: 25px;
	width: 100%;
}

#promociones-novedades hr.fat{
	color: #f00;
	background-color: #1a2455;
	height: 3px;
	border: none;
	margin-right: 25px;
}

#promociones-novedades span{

	float: right;
	text-align: center;
	background: #18214e;
	font-weight: bold;
	font-size: 13px;
	color: #ffffff;
	margin: 10px 0 20px 0;
	padding: 2px 10px;
	-webkit-border-radius: 10px; /*CSS3 bordes arrodonits*/
	-moz-border-radius: 10px;
	border-radius: 10px;
}

#gallery{
	float: left;
	margin-right: 20px;
}

#text ul {margin: 10px 0;}

#text ul li {margin-left: 420px;}

#grey-box{
	text-align: center;
	margin: 20px 0px;
	float: left;
	width: 690px;
	min-height: 250px;
	background: white;
	border: 1px solid #d9d9d9;
	
	background: #f9f9f9; /* Old browsers */
	background: -moz-linear-gradient(top, #f9f9f9 0%, #d8d8d8 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#d8d8d8)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f9f9f9 0%,#d8d8d8 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f9f9f9 0%,#d8d8d8 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #f9f9f9 0%,#d8d8d8 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F9F9F9', endColorstr='#D8D8D8',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #f9f9f9 0%,#d8d8d8 100%); /* W3C */
}

.llistat_thumb{
	margin-bottom: 20px;
}

.llistat_thumb span a{
	float: right;
	text-decoration: underline;
	font-size: 11px;
	font-weight: bold;
	color: #1a2455;
}

.llistat_thumb:last-child{
	margin-bottom: 50px;
}

.llistat_thumb h2{
float: left;
}

.llistat_thumb ul {
	overflow: hidden;
	width: 100%;
}

.llistat_thumb ul img{
	-moz-box-shadow: 0 0 5px #b4b4b4; /*CSS3 Shadows*/
	-webkit-box-shadow: 0 0 5px #b4b4b4;
	box-shadow: 1px 1px 5px #b4b4b4;
}

.llistat_thumb ul li {
	text-align: left;
	
	font-size: 12px;
	color: #3b3b3b;
	
	padding: 10px;
	padding-bottom: 10px;
	margin-top: 10px;
	width: 136px;

	display: block;
	float: left;
	background: yellow;
	border: 1px solid #d9d9d9;
	margin-right: 19px;
	background: #f9f9f9; /* Old browsers */
	background: -moz-linear-gradient(top, #f9f9f9 0%, #d8d8d8 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#d8d8d8)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f9f9f9 0%,#d8d8d8 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f9f9f9 0%,#d8d8d8 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #f9f9f9 0%,#d8d8d8 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F9F9F9', endColorstr='#D8D8D8',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #f9f9f9 0%,#d8d8d8 100%); /* W3C */
}

.llistat_thumb ul li:hover{
	background: yellow;
}

.llistat_thumb ul li:hover img{
	opacity: 0.5;
}

.llistat_thumb ul li:last-child{
	margin-right: 0px;
}

.llistat_thumb ul li a{
	text-decoration: none;
	color: #3b3b3b;
}

.tarifa{
	border: 1px solid #1d2d63;
	margin: 0 auto;
	width: 650px;
	margin-top: 20px;
	margin-bottom: 20px;
}

#sidebar{
	float: right;
	width: 185px;
	background: #0d56a4;
	padding: 0px 20px;
	margin-top: 0px;
	margin-left: 5px;
	min-height: 427px;
}

#content-footer{
	float: left;
	width: 570px;
	height: 140px;
	margin-left: 0;
	padding: 20px 20px 20px 140px;
	background: url('images/gallo.jpg') center left no-repeat #698b9b;
	color: #ffffff;
	font-size: 13px;
	-moz-box-shadow: 3px 0px 3px #083565;
	box-shadow: 3px 0px 3px #083565;
}

#content-footer h2{
	font-family: 'Ubuntu', arial, serif;
	font-weight: bold;
	font-size: 20px;
	color: #ffffff;
	text-shadow: 1px 1px 1px #53585a;
}

#content-footer ul li{
	display: inline-block;
	padding-right: 15px;
	text-shadow: 1px 1px 1px #53585a;
}

#footer{
	width: 960px;
	height: 60px;
	clear: both;
	margin-bottom: 40px;
	font-weight: bold;
	font-size: 14px;
	color: #55c7fa;
	background: url('images/footer-bg.png') top left repeat-x #0d56a4;
	margin-bottom: 50px;
}

#footer li {
	display: inline-block;
	float: left;
	padding: 10px 0 10px 15px;
}


/*SIDEBAR*/

#bookings-widget_Esperando{
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 10px; /*CSS3 bordes arrodonits*/
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 10px;
	background: #33bdfc; /* Old browsers */
	background: -moz-linear-gradient(top, #33bdfc 19%, #256e92 99%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(19%,#33bdfc), color-stop(99%,#256e92)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #33bdfc 19%,#256e92 99%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #33bdfc 19%,#256e92 99%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #33bdfc 19%,#256e92 99%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33BDFC', endColorstr='#256E92',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #33bdfc 19%,#256e92 99%); /* W3C */
	border: 1px solid #55c7fa;
	
	width: 160px !important;
	height: 170px !important;
	
	margin-bottom: 20px;
}

#bookings-widget_NoEsperando{
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 10px; /*CSS3 bordes arrodonits*/
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 10px;
	background: #33bdfc; /* Old browsers */
	background: -moz-linear-gradient(top, #33bdfc 19%, #256e92 99%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(19%,#33bdfc), color-stop(99%,#256e92)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #33bdfc 19%,#256e92 99%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #33bdfc 19%,#256e92 99%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #33bdfc 19%,#256e92 99%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33BDFC', endColorstr='#256E92',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #33bdfc 19%,#256e92 99%); /* W3C */
	border: 1px solid #55c7fa;
	
	width: 160px !important;
	height: 170px !important;
	
	margin-bottom: 20px;
}

#bookings-widget_NoEsperando select { width: 150px; margin-top: 5px; margin-bottom: 5px;}
#bookings-widget_NoEsperando input { width: 70px; margin: 7px 0;}

#bookings-widget_NoEsperando h1, #bookings-widget_Esperando h1 {
	font-family: 'Ubuntu', arial, serif;
	color: #ffffff;
	font-weight: bold;
	font-size: 16px;
	text-shadow: 0px 1px 1px #103b4e;
}

#bookings-widget_NoEsperando span {
	color: #ffffff;
	font-size: 11px;
}

#bookings-widget_submit_container{
	margin-top: 22px;
	text-align: center;
}

.widget{
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 10px; /*CSS3 bordes arrodonits*/
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 10px;
	background: #b6d3f4; /* Old browsers */
	background: -moz-linear-gradient(top, #b6d3f4 0%, #798fb5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b6d3f4), color-stop(100%,#798fb5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #b6d3f4 0%,#798fb5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #b6d3f4 0%,#798fb5 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #b6d3f4 0%,#798fb5 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#B6D3F4', endColorstr='#798FB5',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #b6d3f4 0%,#798fb5 100%); /* W3C */
	border: 1px solid #013771;
	
	margin-bottom: 20px;
	
	position: relative;
	
	background: url('images/reflex-widget-text.png') center top no-repeat #7c92b7;

}

.widget h1 {
	font-family: 'Ubuntu', arial, serif;
	color: #1a2455;
	font-weight: bold;
	font-size: 17px;
	z-index: 999;
}

.widget h2 {
	color: #1a2455;
	font-size: 14px;
	z-index: 999;
}

.widget-list {
	color: #ffffff;
	font-size: 12px;
	padding-left: 30px;
	background: url('images/widget-xinxeta.png') top left no-repeat;
	margin-top: 10px;
	margin-bottom: 10px;
}

.widget-button-center{
	text-align: center;
	background: #18214e;
	font-weight: bold;
	font-size: 13px;
	color: #ffffff !important;
	margin: 10px 3px;
	padding: 2px 0px;
	-webkit-border-radius: 10px; /*CSS3 bordes arrodonits*/
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 3px 10px;
}

.widget-button-center:hover{
	text-decoration: none;
}

.widget-button-float{
	float: right;
	text-align: center;
	background: #18214e;
	font-weight: bold;
	font-size: 13px;
	color: #ffffff;
	margin: 10px 3px;
	padding: 2px 10px;
	-webkit-border-radius: 10px; /*CSS3 bordes arrodonits*/
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.widget-foto {
	position: relative;
	margin-bottom: 15px;
	background: url('images/reflex-widget.png') center top no-repeat;
	-webkit-border-radius: 10px; /*CSS3 bordes arrodonits*/
	-moz-border-radius: 10px;
	border-radius: 10px;
	overflow: hidden;
}

.widget-foto img{
	-webkit-border-radius: 10px; /*CSS3 bordes arrodonits*/
	-moz-border-radius: 10px;
	border-radius: 10px;
	/*border: 1px solid #013771;*/
}

.widget-foto span{
	width: 190px;
	height: 40px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 999999;
	background: url('images/reflex-widget.png') center top no-repeat;
}

.widget-foto-button{
	position: absolute;
	text-align: center;
	background: #18214e;
	font-weight: bold;
	font-size: 13px;
	color: #ffffff;
	margin: 10px 3px;
	padding: 2px 10px;
	-webkit-border-radius: 10px; /*CSS3 bordes arrodonits*/
	-moz-border-radius: 10px;
	border-radius: 10px;
	bottom: 0;
	left: 45px;
}

.reflex{
	position: absolute;
	top: 0;
	left: 0;
}

/* personalitzacio de cada widget*/

#widget-verano{
	width: 170px;
	height: 91px;
	background: url('images/widget-verano.jpg') center center no-repeat;
}

#widget-newsletter{
}

/* featured */

#featured{
	margin-top: 20px;
	margin-bottom: 30px;
	overflow: hidden;
	background: #cdd2df;
	border: 1px solid #98a0b9;
	padding: 10px;
	-webkit-border-radius: 5px; /*CSS3 bordes arrodonits*/
	-moz-border-radius: 5px;
	border-radius: 5px;
	position: relative;
}

#slider{
	width: 700px;
	height: 300px;
	float: left;
	border: 1px solid #98a0b9;
	position: relative;
}

.prev{
	width: 50px;
	height: 50px;
	position: absolute;
	bottom: 13px;
	left: 0;
	background: url('images/left-arrow.png') top center no-repeat;
	z-index: 999999;
}

.next{
	width: 50px;
	height: 50px;
	position: absolute;
	bottom: 13px;
	right: 0;
	background: url('images/right-arrow.png') top center no-repeat;
	z-index: 99999;
}

.prev:hover{
cursor: pointer;
}

.next:hover{
cursor: pointer;
}

.slider-title{
	width: 640px;
	height: 80px;
	background: #09415d;
	margin-top: -110px;
	/*opacity: 0.6;*/
	padding-left: 60px;
	position: relative;
}

.slider-title h1{
	color: #ffffff;
	font-family: 'Ubuntu', arial, serif;
	font-size: 33px;
	font-weight: bold;
	opacity: 1;
}

.slider-title p{
	color: #cdd5f9;
}

#social-selector {
}

#social-selector li {
	display: inline-block;
	float: left;
	background: #f9f9f9;
	padding: 5px;
	border-right: 1px solid #98a0b9;
}

#social-box{
	position: absolute;
	right: 60px;
	height: 300px;
	width: 220px;
	background: green;
	margin-right: -50px;
	background: #cdd2df;
}


/* boto blau
*******************************************************************************/

/* general styles */

li:hover a{
  cursor: pointer;
}

li.punch a{
  background: #4162a8;
  border-bottom: 1px solid #3b79e5;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: 0 6px 0px #023f73, 0 8px 4px 1px #6d717d;
  -webkit-box-shadow: 0 6px 0px #023f73, 0 8px 4px 1px #6d717d;
  box-shadow: 0 6px 0px #023f73, 0 8px 4px 1px #6d717d;
  color: #fff;
  font-family: 'Ubuntu', arial, serif;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
  padding: 2px 10px 4px 10px;
  text-align: center;
  text-shadow: 0px -1px 1px #1e2d4d;
  -webkit-background-clip: padding-box;
  background: #034f91; /* Old browsers */
  background: -moz-linear-gradient(top, #034f91 0%, #2968d9 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#034f91), color-stop(100%,#2968d9)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #034f91 0%,#2968d9 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #034f91 0%,#2968d9 100%); /* Opera11.10+ */
  background: -ms-linear-gradient(top, #034f91 0%,#2968d9 100%); /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#034F91', endColorstr='#2968D9',GradientType=0 ); /* IE6-9 */
  background: linear-gradient(top, #034f91 0%,#2968d9 100%); /* W3C */
}

li.punch:hover a{
  cursor: pointer;
  text-decoration: none;
}

li.punch:active a {
}

/* boto blau cel
*******************************************************************************/

li.blauclar a{
  background: #4162a8;
  border-bottom: 1px solid #55c7fa;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: 0 6px 0px #256e92, 0 8px 4px 1px #6d717d;
  -webkit-box-shadow: 0 6px 0px #256e92, 0 8px 4px 1px #6d717d;
  box-shadow: 0 6px 0px #256e92, 0 8px 4px 1px #6d717d;
  color: #fff;
  font-family: 'Ubuntu', arial, serif;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
  padding: 2px 10px 4px 10px;
  text-align: center;
  text-shadow: 0px -1px 1px #1e2d4d;
  -webkit-background-clip: padding-box;
  background: #3296c7; /* Old browsers */
  background: -moz-linear-gradient(top, #3296c7 0%, #33befd 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3296c7), color-stop(100%,#33befd)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #3296c7 0%,#33befd 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #3296c7 0%,#33befd 100%); /* Opera11.10+ */
  background: -ms-linear-gradient(top, #3296c7 0%,#33befd 100%); /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3296C7', endColorstr='#33BEFD',GradientType=0 ); /* IE6-9 */
  background: linear-gradient(top, #3296c7 0%,#33befd 100%); /* W3C */
}

li.blauclar:hover a{
  cursor: pointer;
  text-decoration: none;
}

li.blauclar:active a{
}


/* picker */

		div#feature_list {
			width: 688px;
			height: 289px;
			overflow: hidden;
			position: relative;
			background: #fafafa; /* Old browsers */
			background: -moz-linear-gradient(top, #fafafa 0%, #d8d8d8 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#d8d8d8)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top, #fafafa 0%,#d8d8d8 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top, #fafafa 0%,#d8d8d8 100%); /* Opera11.10+ */
			background: -ms-linear-gradient(top, #fafafa 0%,#d8d8d8 100%); /* IE10+ */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FAFAFA', endColorstr='#D8D8D8',GradientType=0 ); /* IE6-9 */
			background: linear-gradient(top, #fafafa 0%,#d8d8d8 100%); /* W3C */
			border: 1px solid #d9d9d9;
			margin-bottom: 80px;
			top: 50px;
		}

		div#feature_list ul {
			position: absolute;
			bottom: 0px;
			list-style: none;	
			padding: 0;
			margin: 0;
		}

		ul#tabs {
			right: 0;
			bottom: 0;
			z-index: 2;
			width: 228px;
		}

		ul#tabs li {
			font-size: 12px;
			font-family: Arial;
		}
		
		ul#tabs li img {
			padding: 0;
			border: none;
			float: left;
			margin: 0 0 0 0;
		}

		ul#tabs li a {
			text-align: right;
			color: #3b3b3b;
			text-decoration: none;	
			display: block;
			padding: 0;
			padding-right: 20px;
			height: 26px;
			outline: none;
			border-bottom: 1px solid #cbcbcb;
		}

		ul#tabs li a:hover {
			text-decoration: none;
		}

		ul#tabs li a.current {

		}

		ul#tabs li a.current:hover {
			text-decoration: none;
			cursor: default;
		}

		ul#output {
			left: 0;
			width: 460px;
			height: 289px;
			position: relative;
		}

		ul#output li {
			position: absolute;
			width: 463px;
			height: 240px;
		}

		ul#output li a {
			width: 100%;
			position: absolute;
			bottom: -2px;
			right: 3px;
			padding: 0;
			margin: 0;
			text-decoration: none;
			font-size: 11px;
			color: #FFF;
			background: #09415d;
			-moz-border-radius: 5px;
		}

		ul#output li span {
			position: absolute;
			bottom: 8px;
			right: 5px;
			text-align: center;
			background: #18214e;
			font-weight: bold;
			font-size: 13px;
			color: #ffffff;
			margin: 10px 3px;
			padding: 2px 10px;
			-webkit-border-radius: 10px; /*CSS3 bordes arrodonits*/
			-moz-border-radius: 10px;
			border-radius: 10px;
		}
		
		ul#output li a:hover {
			background: #D33431;
		}
		
		div#feature_list h1 {
			font-family: 'Ubuntu', arial, serif;
			padding-left: 20px;
			color: #fff;
			font-weight: bold;
			font-size: 27px;
		}
		
		ul#output p {
			padding-left: 20px;
			color: #cdd5f9;
			font-size: 14px;
			text-shadow: 0px 0px 1px #cdd5f9;
		}
		
		div#feature_list h2 {
			margin-bottom: 20px;			
			padding: 10px 0 0 10px;
			font-size: 20px;
			position: absolute;
			left: 460px;
		}
		
		div#feature_list h3 {
			padding-top: 5px;
		}
		
		
		.activeSlide{
			background:  url('images/picker_selected.png');
		}
		
		ul#tabs li.activeSlide a{
		color: #ffffff;
		}
		
/* social tabs */

ul.social_tabs {
margin: 0;
padding: 0;
float: left;
list-style: none;
height: 32px; /*--Define el ancho de las tabs--*/
border-bottom: 1px solid #999;
width: 100%;
}

ul.social_tabs li {
float: left;
margin: 0;
padding: 0;
height: 31px; /*--Sustrae 1px de la altura de la lista desordenada--*/
line-height: 31px; /*--Alineamiento vertical del texto dentro de la tabla--*/
border: 1px solid #999;
border-left: none;
margin-bottom: -1px; /*--Desplaza los item de la lista abajo 1px--*/
overflow: hidden;
position: relative;
background: #e0e0e0;
border-top: none;
margin-top: 1px;
}

ul.social_tabs li a {
text-decoration: none;
color: #000;
display: block;
font-size: 1.2em;
padding: 0 20px;
border: 1px solid #999999;
font-size: 11px;
}

ul.social_tabs li a:hover {
background: #ccc;
}

html ul.social_tabs li.active, html ul.social_tabs li.active a:hover  { /*--Estate seguro de que a la tab activa no se le aplicarán estas propiedades hover--*/
background: #fff;
border-bottom: 1px solid #fff; /*--Esto hace que la tab activa esté conectada con respecto a su contenido--*/
border-top: 1px solid #999999; /*--Esto hace que la tab activa esté conectada con respecto a su contenido--*/
}

.social_tab_container {
border: none;
overflow: hidden;
clear: both;
float: left;
background: #fff;
width: 220px;
border-right: 1px solid #98a0b9;
}

.tab_content {
padding: 20px;
font-size: 1.2em;
}

/*facebook amagar bordes*/
#social_tab1{
	z-index:10;
	overflow: hidden;
	position:relative;
	top:-1px;
	height: 267px;
	border-left: 1px solid #98a0b9;
	border-bottom: 1px solid #98a0b9;
}
#social_tab1 iframe{
  left:-5px;
  overflow:hidden;
  position:relative;
  top:-1px;
}
/*END facebook amagar bordes*/

#social_tab2{
height: 237px;
border-left: 1px solid #98a0b9;
border-bottom: 1px solid #98a0b9;

font-size: 10px;
list-style-type: none;

padding: 15px;
}

#social_tab2 span{
	width: 33px;
	height: 28px;
	background: red;
	display: block;
	float: left;
	background: url('images/tweet.png') top center no-repeat #ffffff;
	margin-top: 5px;
	margin-right: 3px;
}

/*GALERIES*/
.gallery {
	float: left;
	width: 300px;
	margin: 20px;
}

#nav{}
/*END GALERIES*/