/*  
Theme Name: Bythesea Theme
Theme URI: http://bythesea.es
Description: The ByTheSea theme
Version: 0.9
Author: Trinamita
Author URI: http://trinamita.es
*/

body {
	padding: 15px;
	background: url('images/background.png');
	font-family: 'trebuchet ms', arial, tahoma;
	font-size: 12px;
	text-align: center;
}

a img {
border:none;
}

a {
	text-decoration:underline;
	border:none;
	color:#333;
}

.boto {
	float:right;
	padding:10px;
	text-align:center;
	background:#fff;
	border: 1px solid #aaa;
	margin-top:20px;
}

.boto:hover{
	background:#eee;
}

*html .boto {
	border-color: #aaa;
	border-width: 1px;
	border-style: solid;
	height:35px;
}


.clear {
clear:both;
}

input {
border: 1px solid #ccc;
padding:3px;
}

textarea {
border: 1px solid #ccc;
padding:3px;
font-family: 'trebuchet ms', arial, tahoma;
font-size: 12px;
}

.submit {
	border:none;
	background:url('images/submit.png')no-repeat top;
	width: 84px;
	height: 27px;
}
#contenedor {
 width: 880px;
 padding:15px;
 margin:auto;
 background: #fff;
}

/********* iconillos dels h2 *******/
.icon {
	float:left;padding-top:15px;padding-right:15px;
}

*html .icon {
	padding-right:15px;float:left;margin-top:-15px;
}

/********* pagina 2 ***************/

#pagina2 {
	width: 500px;
	text-align: left;
	float: left;
}

#pagina2 h2 {
font-size: 20px;
color: #0A214F;
width:auto;
background:#D1D9E3;
border:1px solid #C9D1DB;
text-align:left;
padding:5px 0 5px 25px;
font-weight: lighter;
}

#pagina2 h3 {

text-align: left;
margin-top:10px 0 0 0;
padding:5px;
color: #FFF;
background: #FEC625;
border: 1px solid #E0AE1F;
}

#pagina2 hr {
border: 1px dotted #74D9E8;
}

#pagina2 ul {
list-style-image: url('images/bullet.png');

}

/********* pagina 3 ***************/

#pagina3 {
	width: 600px;
	text-align: left;
	float:left;
}



#pagina3 h2 {
font-size: 20px;
color: #0A214F;
width:100%;
background:#D1D9E3;
border:1px solid #C9D1DB;
text-align:left;
padding:5px 0 5px 25px;
font-weight: lighter;
}

#pagina3 h3 {

text-align: left;
margin-top:10px 0 0 0;
padding:5px;
color: #FFF;
background: #FEC625;
border: 1px solid #E0AE1F;
}

#pagina3 hr {
border: 1px dotted #74D9E8;
}

#pagina3 ul {
list-style-image: url('images/bullet.png');

}
/********* PAGINA PAGE PAGINON **********/
#pagina {

	width: 600px;
	text-align: left;
	float:left;

}



#pagina h2 {
font-size: 20px;
color: #0A214F;
width:auto;
background:#D1D9E3;
text-align:left;
padding:5px 0 5px 15px;
font-weight: lighter;

}

#pagina h3 {
width:360px;
height:50px;
text-align: center;
margin-top:30px;
padding:10px 0 0 0px;
color: #0A214F;
background: url('images/fons_step.jpg') no-repeat top;
}

#pagina hr {
border: 1px dotted #74D9E8;
}

#pagina ul {
list-style-image: url('images/bullet.png');

}


/*********** FIN DE LA PAGINA ***********/



.part_dreta {
float:right;
background:#ccc;
width: 300px;
}

.part_esquerra {
float:left;
background: #bbb;
width: 300px;
}

/***** MENU SUPERIOR STYLE *****/
#menu {
	width: 654px;
	height:32px;
	padding: 7px 0 0 0;
	margin: -1px 0 0 1px;
	background: url('images/header_menu.jpg') repeat-x top;
	float:left;
	text-transform: uppercase;
	color: #fff;
	font-size:14px;
	text-align: center;
}



#menu a, #menu a:visited {
text-decoration: none;
color:#fff;
margin-top:5px;
padding: 0px 3px 0px 3px;
}

*html #menu {
	background: url('images/header_menu.jpg') repeat-x top;
	padding-bottom:10px;
	height:45px;
	font-size:14px;
	margin: 0 0 0 0;
}

			

/******* FIN DEL MENU SUPERIOR ********/


/****** SIDEBAR STYLE *******/
#sidebar {
	width: 230px;
	float:right;
	margin-top:20px;
}

#masinfo {
	text-align:left;
	background:#F1E3C0;
	-webkit-border-radius: 10px;  
	-moz-border-radius: 10px;
	padding:10px;
	font-size:10px;
	margin-bottom:15px;
}
#masinfo form {
	margin-top:10px;
}
/******** fin del sidebar **********/

/* BUSQUEDA STYLE */

.search {
background: url('images/search_home.png') no-repeat top;
width:320px;
margin-top:20px;
margin-left:0px;
margin-bottom:20px;
padding:25px 45px 35px 45px;
text-align:center;

}



.search select{

width:100px;
border: 1px #ccc solid;
}

*html .search {
	margin-top:20px;
	padding:30px;

float:left;

/*width:350px;*/
background: url('images/search_home.png') no-repeat top;

}
*html .search select{
	height:15px;
	font-size:10px;
	margin-top:10px;
	padding:0px;
}

*html .search form {
	line-height:2px;
}

*html .search form p {
margin-bottom:10px;
margin-top:10px;

}
.extendido {
	padding:20px;text-decoration:none;border:1px dotted #ccc;
}

*html .extendido {
	padding:20px 0 0 0;
	margin-left:10px;
	text-decoration:none;
	border:1px dotted #ccc;
	width:150px;
	height:25px;
	
}

.apartat {
width: 420px;
padding:10px;
}

.partners {
margin-top:22px;
min-height: 200px;
background: #F6F6F6;
color: #666666;
font-size:14px;
}

.partners ul{
padding:0px;
margin:5px 0 0 20px;
list-style-image: url('images/bullet.png');

}


.partners ul li {
border-bottom: 1px dotted #ccc;
padding:10px
}

.services {
width:395px;
font-size:12px;
margin-left: 15px;
font-weight: lighter;

}

.services ul{
padding:0px;
margin:5px 0 0 20px;
list-style-image: url('images/bullet.png');

}

.apartat h2 {
font-size: 14px;
color: #0A214F;
width:85%;
background:#D1D9E3;
float:left;
text-align:left;
padding:5px 0 5px 15px;
font-weight: lighter;
}
#header {
	text-align: left;
	padding:0px;
}

#image_header {
	width: 656px;
	height: 155px;
	float:left;
	}
/******** pagina de contacte ************/
.sidebar2 {
	width: 320px;
	float:right;

}

.sidebar2 hr { 
border: 1px dotted #74D9E8;
}

.sidebar2_contingut {
	background:url('images/recomendao_fons.jpg') repeat-x top #F6F6F6;
	padding:5px 10px 5px 10px;
}

.recomendao_contingut {
	text-align: left;
}
.sidebar2 h2 {
color:#18A9C8;
font-weight: lighter;
}

.sidebar2 h3 {
text-align: left;
margin-top:10px 0 0 0;
padding:5px;
color: #FFF;
background: #FEC625;
border: 1px solid #E0AE1F;

}

.recomendao_arriba{
text-align:right;
}
/************ PAGINACION *************/

.paginacion {
	width: 400px;
	margin: auto;
	padding: 30px;
	font-size:16px;
	text-align:center;
}
/*********** LISTA INMUEBLES *************/
.lista_all_properties {
	background: #F6F6F6;
	margin:3px;
	padding:15px;
	height:130px;

}


.lista_inmuebles {
background: #F6F6F6;
margin-bottom:3px;
padding:15px;
height:130px;
}

*html .lista_inmuebles{
height:130px;
background-color: #F6F6F6;
}

*html .lista_all_properties {
	height:160px;
}
.descripcion img {
	padding:5px;
	margin:3px 15px 3px 3px;
	background: #fff;
	float:left;
}

.descripcion h4 {
text-transform: uppercase;
padding:0;
margin:0;
}

.descripcion {
width: 280px;
text-align: left;
float: left;

}

*html .descripcion { 
	line-height:14px;
	background-color: #F6F6F6;
	width:290px;
	margin-bottom:3px;
	padding-bottom:5px;
	float:left;
}

.info {
float:right;
width:65px;
margin-top:20px;
}
*html .info {
height:45px;
}

/********** FORMULARI DE CONTACTE EN PAGINA CONTACTE ****************/

#contacto {
width:100%;
background: #ECF1EB;
color: #333333;
padding:10px;
}

#contacto input {
width:150px;
}
.formulari_esq {
width:275px;
text-align:right;
float:left;
margin-right: 15px;
}

.formulari_dret {
width: 315px;
text-align: left;
float:left;
}
	
	
/* EXHIBITIONS SUPERIOR STYLE  */
	
			#exhibitions {
				width: 210px;
				text-align:left;
				font-size: 11px;
				height: 145px;
				float:right;
				padding:5px;
				
				background: url('images/header_exhibitions.jpg') repeat-x top;
			}
			
			#exhibitions a, #exhibitions a:visited {
				text-decoration: underline;
				color: #000;
				font-weight: bold;
			}
			
			.titulo {
				color:#fff;
				}
			#exhibitions p {
			margin:0;
			}
			
			
			
			#exhibitions h4 {
			color: #fff;
			text-transform: uppercase;
			padding:0;
			margin-bottom:4px;
			margin-top:0px;
			font-size:15px;
			font-weight: lighter;
			}
			
/***** PAGINA DE EXHIBITIONS ******/
	
.exhibitions {
width:350px;
list-style-type: none;
}

/******** FIN DE LAS EXHIBITIONS **********/

/***********FICHA DE INMUEBLE *************/

#cachumbo {
	text-align:left;
}

#fotos {
	text-align: center;
	margin:auto;
		width:600px;

	
	}
#fotos a img{
		padding:5px;
		margin:10px;
		border:#ccc 1px solid;
		background:#e6e6e6;
		text-align: center;
		
	}
	
#fotos a:hover img{
	background: #D1D9E3;
	}
	
.ficha {
		text-align:left;
		background: #ECF1EB;
		padding: 10px;
		width:580px;
}
	
	.ficha br {
		padding:15px;
	}
	
	#precios {
		min-height:50px;
		margin:auto;
		padding:10px;
		border: 1px dotted #ccc;
		background-color: #DAE1E9;
	}
	
*html #precios {
	height:55px;
}
	
	#precios_adicionales {
		margin:auto;
		padding:10px;
		border: 1px dotted #ccc;
		background-color: #CADAEB;
	}
	
	#precios_adicionales ul li {
		margin-left:15px;
	}
	
	.precios_item {
		width:250px;
	}
	
	.metaficha {
		background:#EBEEF3;
padding:10px 10px 0 10px;
-webkit-border-bottom-left-radius: 10px;  
-webkit-border-bottom-right-radius: 10px;  

-moz-border-radius-bottomleft: 10px;
-moz-border-radius-bottomright: 10px;
		width:auto;	
		height:35px;
	}
	
#fichamovil {
		display:none;
		background:#EBEEF3;
		padding:10px;
		text-align:right;
	}
#fichamovil input {
	margin-right:30px;
}
	
/* FOOTER STYLE */

	#footer {
	background: url('images/footer.png') no-repeat top;
	padding:10px;
	text-align:left;
	
	}
	
	#footer h2 {
	color:#0A214F;
	font-size: 15px;
	text-transform: uppercase;}
	
	.uno {
	width: 200px;
	float:left;
	}
	
	.dos {
	width:350px;
	padding: 0 15px 0 15px;
	margin: 0 15px 0 15px;
	border-left:#C2CAD4 1px solid;
	border-right:#C2CAD4 1px solid;
	float:left;
	}
	
 	.tres {
	width:200px;
	float:left;
	}
	
	.tres p {
	margin:0;
	}
	
	
	
	
	#footer_sub {
	font-size: 12px;
	font-weight: lighter;
	background: url('images/footer_sub.png') no-repeat top;
	padding:15px;
	}
	
	.left {
	float:left;
	}
	.right {float:right;}
/******* FIN DEL FOOTER TOTAL ********/


/* IDIOMES STYLE */

.qtrans_language_chooser { list-style-type:none; }
.qtrans_language_chooser li { float:left; margin-right:3px; }

/*********** FIN DELS IDIOMES ********/

.narrowcolumn {
text-align:left;
 }
 
 
/* CARRUSEL DE IMAGENES */

.stepcarousel {
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
margin-top:20px;
width: 640px;
height: 165px; /*Height should enough to fit largest content's height*/
text-align:center;
}

.stepcarousel .belt {
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel {
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV */
margin: 10px; /* margin around each panel */
width: 150px; /* Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

p.samplebuttons {
	width: 620px;
	text-align: center;
}

p.samplebuttons a {
	color: #2e6ab1;
	padding: 1px 2px;
	margin-right: 10px;
	margin-left:10px;
	text-decoration: none;
}

/* FIN DEL CARRUSEL */



/* CARRITO DE FAUVORITOS! */
body{
	margin:0px;
	padding:0px;
	text-align:center;
	background-color:#E2EBED;
	font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
	font-size:0.8em;
}

#mainContainer{
	width:860px;
	margin:0 auto; 	/* Center alignment */
	text-align:left;
	background-color:#FFF;
}

#leftColumn{	/* Left column of the page */
	width:600px;
	float:left;
	padding-right:5px;
}

#rightColumn{	/* right column, i.e. shopping cart column */
	width:240px;
	float:right;
	height:600px;
	background-color:#DDD;
	padding-right:10px;
}

#shopping_cart {	/* Shopping cart */
	margin:3px 3px 15px 3px;
	padding:3px 8px 5px 8px;
	background: url('images/favorites.png') no-repeat top #fff;
	font-size:10px;
	border-bottom: 1px #FFD7CD solid;
	
}
#shopping_cart h3 {
	font-size:14px;
	color:#333;
	font-weight:bold;
}

.clear{	
	clear:both;
}

.product_container {	/* Div for each product */
	width:190px;
	margin-right:15px;
	float:left;
	margin-top:3px;
	padding:2px;
	font-weight:bold;
}

.product_extras {
	padding:10px;
	background:#D8DBD8;	
}

.product_extras .item {
	
	margin-right:10px;
	float:left;
}

.sliding_product img {	/* Float product images */
	float: left;
	margin: 2px;
}

img{	/* No image borders */
	border:0px;
}




.caseta {
	float:left;
	margin-top:15px;
}

*html .caseta {
	float:left;
}