/*
Theme Name: QuoBasic
Theme URI: http://www.quobasic.com/
Description: Tema de QuoBasic Estudi Creatiu <a href="http://www.quobasic.com/kubrick/">QuoBasic Estudi Creatiu</a>.
Version: 1.0
Author: Santiago Buades Blasco
Author URI: http://www.quobasic.com/
Tags: grounge
*/

* {
	margin: 0;
	padding: 0;
	font-family: Verdana;
	font-size: 14px;
	list-style: none;
	text-decoration: none;
}

p {color: #555555;}

a {color: #55555;}

a:hover {}

.interior {width: 940px; margin: 0 auto;}

.izq {float: left;}
.der {float: right;}

.lim {clear: both;}

.just {text-align: justify;}

.noview {display: none;}

img {border: none;}


html {background: url(images/back.jpg) top center no-repeat;}
body {}

div.more-link a {font-size: 11px; color: #222;}


/* contenedor */

div#contenedor {
	background: #005286;
}

/*--------cabecera---------- */

/* cabecera */

div#cabecera {
	width: 940px;
	height: 152px;
	margin: 0 auto;
	background: url(images/fondo_head.png) top center no-repeat;
	}
div#cabecera img {float: left;}
div#social {float: right; width: 500px; height: 41px; text-align: right;}
div#social ul {float: right; margin: 15px 0 0 0;}
div#social ul li {float: left; margin: 0 0 0 10px;}
div.menu {float: right;}
div.menu ul {}
div.menu ul li {float: left; margin: 50px 0 0 20px;}
div.menu ul li a {color: #005286;}
div.menu ul li a:hover {color: #999;}


/* slide */

div#slide {
	width: 940px;
	height: 376px;
	margin: 0 auto 10px auto;
	}

.slide {  
    height:  232px;  
    width:   232px;  
    padding: 0;  
    margin:  0;  
} 
 
.slide img {  
    width:  940px; 
    height: 376px; 
    top:  0; 
    left: 0;
} 
	
/* ---------satur----------- */

div#satur{
	width: 940px;
	margin: 0 auto;
	padding: 0 0 30px 0;
	}

div#satur h1 {
	font-size: 26px;
	margin: 0 0 0 0;
	color: #005286;
}

/* banners */
div#banners {width: 508px; float: left;}

/* news */
div#news {width: 390px; float: right;}

div.post {padding: 0 0 0 20px; margin: 20px 0 0 0; border-left: solid 1px #005286;}
div.post h1 {color: #005286; margin: 0 0 0 0; padding: 0;}
div.post h1 a {color: #005286;}
div.post p.pub {font-size: 10px; color: #666; margin: 0 0 10px 0;}
div.post p.cats {font-size: 10px; color: #666; margin: 10px 0 0 0;}
div.post p.cats a {font-size: 10px; color: #666;}
div.post p.cats a:hover {color: #333;}

div.thu {width: 230px; float: left; margin: 0 0 25px 0;}

div.post_new {padding: 0 0 0 20px; margin: 0; border-left: solid 1px #005286; float: right; width: 330px; min-height: 160px;}
div#textos_news div.post_new h1 {color: #005286; margin: 0; padding: 0;}
div.post_new h3 a {color: #005286;}
div.post_new h3 a:hover {color: #999;}
div.post_new p.pub {font-size: 10px; color: #666; margin: 0 0 10px 0;}
div.post_new p.cats {font-size: 10px; color: #666; margin: 10px 0 0 0;}
div.post_new p.cats a {font-size: 10px; color: #666;}
div.post_new p.cats a:hover {color: #333;}

div.noticia h1 {font-size: 26px; margin: 0 0 0 0; color: #005286;}

div.thu_not {width: 230px; margin: 0 0 25px 0;}
div.noticia {padding: 0 0 0 0; margin: 0;}
div#textos_news div.post_new h1 {color: #005286; margin: 0; padding: 0;}
div.noticia h3 a {color: #005286;}
div.noticia h3 a:hover {color: #999;}
div.noticia p.pub {font-size: 10px; color: #666; margin: 0 0 10px 0;}
div.noticia p.cats {font-size: 10px; color: #666; margin: 10px 0 0 0;}
div.noticia p.cats a {font-size: 10px; color: #666;}
div.noticia p.cats a:hover {color: #333;}

/* banners */
ul.logos_prom {}
ul.logos_prom li {width: 127px; height: 127px; float: left; background: #999;}


/* sidebar contenidos */

div#sidebar {
	width: 240px;
	}

div#sidebar img {border: none;}

div#sidebar ul#promos li {
	display: block;
	margin: 0 0 20px 0;
	width: 240px;
}



/* ----------contenido inicio--------------- */ 
/* textos */

div#textos {
	width: 560px;
	}
div#textos_prom {
	width: 940px;
	}
div#textos_news {
	width: 600px;
	}
div#textos_prom h1 {
	font-size: 26px;
	margin: 0 0 20px 0;
	color: #005286;
}

div#textos_news h1 {
	font-size: 26px;
	margin: 0 0 20px 0;
	padding: 0;
	color: #005286;
}

div#textos h1 {
	font-size: 26px;
	margin: 0 0 20px 0;
	color: #005286;
}

div#textos h2 {
	font-size: 20px;
	margin: 0 0 0px 0;
	color: #005286;
}

ul.pro {margin: 20px 0 0 0;}
ul.pro li {float: left; margin: 0 8px 0 0;}

/* -----------contenido ficha --------------- */
/* ficha */

div#ficha {
	width: 560px;
}

div#ficha h1 {
	font-size: 20px;
	margin: 20px 0 20px 0;
	color: #005286;
}

div#ficha h2 {
	font-size: 16px;
	margin: 20px 0 20px 0;
	color: #005286;
}

div#ficha img {border: none;}

img.promo {
	border: 6px solid #e9e9e9;
}

div#ficha img.promo {
	border: 6px solid #e9e9e9;
}

.precio {
	font-size: 26px;
	font-weight: bold;
	color: #d10000;
	margin: 20px 0 0 0;
}

.descarga {
	color: #d10000;
	font-weight: bold;
	margin: 20px 0 20px 0;
}


.imagenes {
	color: #005286;
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 15px 0;
}



div#ficha ul#imagenes li {
	display: block;
	float: left;
	width: 100px;
	height: 100px;
	background: #e9e9e9;
	padding: 3px;
	margin: 0 15px 15px 0;
}

.planos {
	color: #005286;
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 15px 0;
}

div#ficha ul#planos li {
	display: block;
	float: left;
	width: 100px;
	height: 100px;
	background: #e9e9e9;
	padding: 3px;
	margin: 0 15px 15px 0;
}

.localizacion {
	color: #005286;
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 15px 0;
}


/* sidebar ficha */
div#sidebar02 {
	width:240px;
	padding: 0;
	}

div#sidebar02 ul#viviendas {
	padding: 10px 0 0 0;
}

div#sidebar02 ul#viviendas li {
	display: block;
	width: 240px;
	padding: 5px 10px 5px 20px;
	margin: 0;
	background: url(images/17.png) left no-repeat;
	}

div#sidebar02 ul#viviendas li a {
	color: #005286;
	font-size: 12px;
	font-weight: bold;
}
	
div#sidebar02 ul#viviendas li a:hover {
	color: #999999;
	}	
	
/* contacto */

div.ifra {float: left; width: 425px; margin: 20px 0 0 0;}

div.form {float: right; width: 400px;}

/* ------------------footer------------------- */

div#footer {
	width: 940px;
	margin: 0 auto;
	padding: 20px 0 0 0;
	background: url(images/fondo_foot.png) top center no-repeat;
	}
div#footer img {float: left;}
div.datos_foot {float: left; width: 280px; padding: 30px 0 0 20px;}


div.menu_foot {float: right; padding: 0 10px 0 0;}
div.menu_foot ul {}
div.menu_foot ul li {float: left; margin: 0 0 0 20px;}
div.menu_foot ul li a {color: #005286;}
div.menu_foot ul li a:hover {color: #999;}

/* firma */

div#firma {
	margin: 0 auto;
	padding: 20px 0 30px 0;
	}

div#firma ul {
	margin: 0 auto;
	}

div#firma li {
	float: left;
	font-size: 10px;
	color: #555555;
	padding: 0 3px 0 0;
}

div#firma li a {
	font-size: 10px;
	color: #555555;
}

div#firma li a:hover {
	color: #999999;
}