/*

	Screen Cascading Style Sheet

	Table of Contents:

*/

/* Global Styles
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address, form { margin:0 0; }

.hide, .print-logo, .close-button{
	display:none;
	}

.left{
	float:left;
	}

.right{
	float:right;
	}

.center{
	text-align:center;
	}


.clear{
	clear:both;
	height:0px;
	font-size:0px;
	line-height:0px;
	}

.clear-10px {
  margin: 10px 0 0 0;
	clear:both;
	height:0px;
	font-size:0px;
	line-height:0px;
}

a img {
	border:none;
	}

a {
	text-decoration: none;
	font-weight: bold;
	color: #F49E00;
	}

a:hover {
	color: #8F2203;
	text-decoration: underline;
	}

p {
	margin: 0 0 20px 0;
	}

img.border01 {
	margin-bottom: 3px;
	padding: 2px;
	border: 1px solid #8C8D88;
	background: #fff;
	}

img.border02 {
	margin-bottom: 8px;
	padding: 2px;
	border: 1px solid #8C8D88;
	background: #fff;
	}



/* mainLayout
----------------------------------------------------------*/
	
body {
	margin: 0;
	padding: 0;
	color: #333;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: #fff;
	}

#wrap {
	margin: 0 auto;
	width: 984px;
	}

#header {
	margin-top: 12px;
	width: 984px;
	height: 348px; 
	background: url("../images/miguel-cabello_header.jpg") no-repeat 0 23px;
	}

#inner-wrap{
	padding-top: 10px;
	background: #ccc url("../images/article_bgline.gif") repeat-y;
	}

#article{
	float:right;
	width: 634px;
	margin-right: 40px;
	}

#sidebar{
	float:left;
	width: 240px;
	margin: 0 15px 0 39px;
	padding: 0 15px 0 0;
	color: #4a4a4a;
	font: 16px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	}

#footer{
	padding: 20px 0 20px 0;
	color: #777370;
	text-align: center;
	}

/* Header
----------------------------------------------------------*/
#header .top {
	width: 276px;
	}

#header .top ul{
	margin: 0;
	padding: 0;
	list-style: none;
	}

#header .top ul li{
	float: left;
	}

#header .top ul li a span{
	display: none;
	}

#header .top ul li a {
	display: block;
	height: 23px;
	text-align: right;
	}

#header .top ul li a.portada { background: url("../images/nav-top_portada.gif"); width: 86px; }
#header .top ul li a.conocenos { background: url("../images/nav-top_conocenos.gif"); width: 101px; }
#header .top ul li a.contacta { background: url("../images/nav-top_contacta.gif"); width: 89px; }

#header .top ul li a:hover {
	background-position: 0 -23px;
	}

#header .nav{
	float: right;
	width: 445px;
	}

#header .nav ul{
	margin: 0;
	padding: 0;
	list-style: none;
	}

#header .nav ul li{
	float: left;
	}

#header .nav ul li a span{
	display: none;
	}

#header .nav ul li a {
	display: block;
	width: 89px;
	height: 95px;
	text-align: right;
	}

#header .nav ul li a.piscina { background: url("../images/nav-header_piscina.gif") }
#header .nav ul li a.descanso { background: url("../images/nav-header_descanso.gif") }
#header .nav ul li a.casa { background: url("../images/nav-header_casa.gif") }
#header .nav ul li a.jardin { background: url("../images/nav-header_jardin.gif") }
#header .nav ul li a.servicios { background: url("../images/nav-header_servicios.gif") }

#header .nav ul li a:hover {
	background-position: 0 -95px;
	}



/* Article
----------------------------------------------------------*/
#article h2.titulo {
	color: #016BB3;
	font: 24px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-bottom: 8px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 8px;
	}

#article p {
	fline-height: 1.2em;
	}

#article #content {
	float: left;
	width: 450px;
	padding: 30px 34px 30px 34px;
	background: #F9F8F4 url("../images/content_bg01.png") repeat-x;
	}

#article #content-wide {
	width: 804px;
	padding: 30px 34px 30px 34px;
	background: #F9F8F4 url("../images/content_bg01.png") repeat-x;
	}

#article #sidebar {
	float: left;
	width: 286px;
	padding: 30px 34px 30px 34px;
	background: #EBE9DD url("../images/content_bg02.png") repeat-x;
	}

#article h2.date {
	margin: 0 0 8px 0;
	font: 12px Arial, Helvetica, sans-serif;
	color: #7FB20F;
	font-weight: bold;
	}

#article .highlight01 {
	color: #8F2203;
	font-weight: bold;
	}

#article .highlight02 {
	color: #403E3F;
	font-weight: bold;
	}


#article #listTop{
	height: 50px;
	}

#article .search .left{
	
	}

#article .search .right{
	padding-top: 5px;
	}

#article .pagination{
	text-align: center;
	}
	
#article .two-cols-main {
	float: left;
	width: 413px;
	margin-right: 16px;
	}

#article .two-cols-side {
	float: right;
	width: 204px;
	}


#article a.imagen2{
	float: left;
	width: 200px;
	padding: 0;
	margin-bottom: 10px;
	}

#article a.imagen2 img{
	border: 1px solid #999;
	padding: 2px;
	}

#article .content_ban{
	margin-top: 8px;
	margin-bottom: 15px;
	}

/* Lists
-----------------------------------------------------------------------------*/
ul.checkmark01{
	list-style: none;
	margin: 0 0 20px 0;
	padding: 0;
	}

ul.checkmark01 li{
	font: 12px Arial, Helvetica, sans-serif;
	display: block;
	margin-bottom: 10px;
	padding-left: 15px;
	background: url("../images/li_checkmark01.gif") no-repeat 0 4px;
	text-decoration: none;
	font-weight: bold;
	}

ul.checkmark01 li a {
	font-weight: normal;
	}

ul.checkmark01 li a:hover {

	}


/* sideBar
----------------------------------------------------------*/
#sidebar ul.arrow01{
	list-style: none;
	margin: 10px 0 20px 14px;
	padding: 0;
	}

#sidebar ul.arrow01 li a {
	font: 16px Tahoma, Arial, Helvetica, sans-serif; 
	display: block;
	margin-bottom: 5px;
	padding-left: 15px;
	background: url("../images/li_arrow01.gif") no-repeat 0 8px;
	text-decoration: none;
	font-weight: normal;
	color: #4a4a4a;
	}

#sidebar ul.arrow01 li a:hover {
	color: #000;
	text-decoration: underline;
	background-position: 0 -32px;
	}

#sidebar ul.arrow01 li a.selected {
	color: #000;
	text-decoration: underline;
	background-position: 0 -32px;
	}

#sidebar ul.arrow02{
	list-style: none;
	margin: 5px 0 10px 20px;
	padding: 0;
	}

#sidebar ul.arrow02 li a {
	font: 14px Tahoma, Arial, Helvetica, sans-serif; 
	display: block;
	margin-bottom: 5px;
	padding-left: 15px;
	background: url("../images/li_arrow02.gif") no-repeat 0 8px;
	text-decoration: none;
	font-weight: normal;
	color: #4a4a4a;
	}

#sidebar ul.arrow02 li a:hover {
	color: #000;
	text-decoration: underline;
	background-position: 0 -32px;
	}

#sidebar ul.arrow02 li a.selected {
	color: #000;
	text-decoration: underline;
	background-position: 0 -32px;
	}

/* Product List
----------------------------------------------------------*/
h2.product_list_breadcrumb {
	margin-bottom: 8px;
	font: 14px Tahoma, Arial, Helvetica, sans-serif;
	color: #000;
	}

h2.product_list_breadcrumb a{
	color: #F49E00;
	font-weight: normal;
	text-decoration: underline;
}

h2.product_list_breadcrumb a:hover{
	text-decoration: none;
}

.product_list_page{
	width: 616px;
	height: 8px;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	padding: 7px 9px 11px 9px;
	background: url("../images/listing_top_bg_01.png") repeat-x;
	font: 10px Tahoma, Arial, Helvetica, sans-serif;
}

.product_list_page .list_left{
	float: left;
	width: 140px;
	}
.product_list_page .list_center{
	float: left;
	width: 334px;
	text-align: center;
	}
.product_list_page .list_right{
	float: right;
	width: 140px;
	text-align: right;
	}

.product_list_page select{
	font: 10px Tahoma, Arial, Helvetica, sans-serif;
	}

.product_list_order{
	width: 616px;
	height: 16px;
	padding: 7px 9px 11px 9px;
	background: url("../images/listing_top_bg_01.gif") repeat-x;
	font: 10px Tahoma, Arial, Helvetica, sans-serif;
	text-align: center;
}

.product_list {
	margin-top: 12px;
	width: 634px;
	margin-bottom: 20px;
	background: url("../images/listing_dashed_bg.gif") repeat-y;
	}

.product_list .product {
	float: left;
	width: 200px;
	margin: 0 0 30px 0 ;
	}

.product_list .product_mid{
	float: left;
	width: 200px;
	margin: 0 8px 30px 8px;
	padding: 0 8px 0 8px;
	}

.product_list .name a{
	display: block;
	margin-bottom: 8px;
	padding-left: 4px;
	font: 12px Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000;
	}

.product_list .image{
	margin-bottom: 8px;
	}
	
.product_list .price{
	margin-bottom: 8px;
	padding-left: 4px;
	font: 18px Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000;
	}

.product_list .price a{
	font-size: 12px;
	}

.product_list .price .pricespecial{
	color: #F00C00;
	}

.product_list .price .priceold{
	font: 10px Tahoma, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #999999;
	}

.product_list .description{
	padding-left: 4px;
	font: 11px Tahoma, Arial, Helvetica, sans-serif;
	color: #333;
	}

/* Product
----------------------------------------------------------*/
h2.product_breadcrumb {
	padding-bottom: 8px;
	border-bottom: 1px solid #CCCCCC;
	margin-bottom: 8px;
	font: 14px Tahoma, Arial, Helvetica, sans-serif;
	color: #000;
	}
h2.product_breadcrumb a{
	color: #F49E00;
	font-weight: normal;
	text-decoration: underline;
	}

h2.product_breadcrumb a:hover{
	text-decoration: none;
	}

.product_main {
	width: 634px;
	margin-bottom: 40px;
	}

.product_main .leftside{
	float: left;
	width: 330px;
	margin-right: 18px;
	vertical-align: top;
	}

.product_main .leftside .image_main{
	
	}

.product_main .leftside .images_sub{
	vertical-align: top;
	}

.product_main .leftside .imgL{
	margin-bottom: 10px;
	}
.product_main .leftside .imgSM1{
	background: #ccc;
	margin-right: 2px;
	vertical-align: top;
	}
.product_main .leftside .imgSM2{
	vertical-align: top;
	}

.product_main .rightside{
	float: right;
	width: 286px;
	}

.product_main h1.name{
	margin-bottom: 14px;
	font: 14px Tahoma, Arial, Helvetica, sans-serif;
	color: #333333;
	font-weight: bold;
	border-bottom: 0px;
	text-transform: normal;
	}

.product_main .price{
	height: 30px;
	margin-bottom: 8px;
	padding-left: 4px;
	font: 18px Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000;
	}

.product_main .price a{
	font-size: 13px;
	}

.product_main .price .pricespecial{
	float: left;
	color: #F00C00;
	}

.product_main .price .priceold{
	float: left;
	padding: 8px 0 0 8px;
	font: 10px Tahoma, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #999999;
	}

.product_main .description{
	font: 12px Tahoma, Arial, Helvetica, sans-serif;
	}



/* Bottom
----------------------------------------------------------*/
#bottom h1 {
	margin: 0 0 12px 0;
	font: 20px Arial, Helvetica, sans-serif;
	color: #E1E0DE;
	font-weight: bold;
	}

#bottom a {
	color: #74B002;
	}

#bottom address {
	font-style: normal;
	}

#bottom .col-left {
	float: left;
	width: 225px;
	margin-right: 34px;
	}

#bottom .col-left ul li{
	margin-bottom: 4px;
	}

#bottom .col-center {
	float: left;
	width: 245px;
	margin-right: 34px;
	}

#bottom .col-right {
	float: left;
	width: 265px;
	}

/* Footer
----------------------------------------------------------*/
#footer a {
	color: #74B002;
	}

#footer .lvr {
	font-size: 0.8em;
	margin-top: 10px;
	}


/* CONTACT FORM
----------------------------------------------------------*/
#contact .formleft {
	float: left;
	width: 400px;
	}

#contact .formright {
	float: left;
	width: 400px;
	}

#contact label {
	display: block;
	float:left;
	width: 90px;
	}

#contact label.required {
	color:#ff0000;
	}

#contact input {
	margin-bottom: 13px;
	}
	
#contact textarea {
	margin-bottom: 13px;
	}
	
#contact address {
	margin: 20px 0;
	font-style: normal;
	}

#contact .button1 {
	width: 150px;
	height: 60px;
	}


/* Google Maps
----------------------------------------------------------*/

#google-maps-wrapper {
	margin: 20px auto;
	width: 622px;
	height: 350px;
	padding: 5px;
	border: 1px solid #666;
	background-color: #fff;
	}

#google-maps {
	width: 622px;
	height: 350px;
	background: url("../images/loading.gif") 300px 165px no-repeat;
	background-color: #eee;
	}

#google-maps-wrapper2 {
	margin: 20px auto;
	width: 401px;
	height: 350px;
	padding: 5px;
	border: 1px solid #666;
	background-color: #fff;
	}

#google-maps2 {
	width: 401px;
	height: 350px;
	background: url("../images/loading.gif") 180px 165px no-repeat;
	background-color: #eee;
	}