/***** Global Settings *****/

html, body {
	height: 100%;
}
body {
	font:80%/1.25 Arial, Helvetica, sans-serif;
	border:0;
	margin:0;
	padding:0;
	background: url(images/bgPalmeras.jpg) repeat-x top left #e9eae4;
}

/***** Common Formatting *****/

h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
	font-weight:normal;
}

p, ul, ol {
	margin:0;
	padding:0 0 18px 0;
}
ul, ol {
	list-style:none;
	padding:0 0 18px 40px;
}
blockquote {
	margin:22px 40px;
	padding:0;
}
small {
	font-size:0.85em;
}
img {
	border:0;
}
sup {
	position:relative;
	bottom:0.3em;
	vertical-align:baseline;
}
sub {
	position:relative;
	bottom:-0.2em;
	vertical-align:baseline;
}
acronym, abbr {
	cursor: help;
	letter-spacing:1px;
	border-bottom:1px dashed;
}

.doc{ background: url(images/entry_16.gif) no-repeat center left; padding: 2px 0 2px 18px;} 

/***** Links *****/

a, a:visited {
	text-decoration:none;
	color:#555;
	outline: none;
}
a:hover {
	text-decoration:underline;
	color:#000;
	outline: none;
}

/***** Forms *****/

form {
	margin:0;
	padding:0;
	display:inline;
}
input, select, textarea {
	font:1em arial, helvetica, sans-serif;
}
textarea {
	line-height:1.25;
}
label {
	cursor:pointer;
}

/***** Tables *****/

table {
	border:0;
	margin:0 0 18px 0;
	padding:0;
	width:598px;
}
table tr td {
	padding:2px;
}

/***** Wrapper *****/

#wrap {
	width:960px;
	margin: 0 auto;
	padding: 0 30px;
	height: auto;
	min-height: 100%;
}

/***** Global Classes *****/

.clear { clear:both; }
.floatLeft { float:left; }
.floatRight { float:right; }
.text-left { text-align:left; }
.text-right { text-align:right; }
.text-center { text-align:center; }
.text-justify { text-align:justify; }
.bold { font-weight:bold; }
.italic { font-style:italic; }
.underline { border-bottom:1px solid; }
.highlight { background:#ffc; }
.img-left { float:left; 
	margin:4px 10px 4px 0;
}
.img-right {
	float:right;
	margin:4px 0 4px 10px;
}
.nopadding {
	padding:0;
}
.noindent {
	margin-left:0;
	padding-left:0;
}
.nobullet {
	list-style:none;
	list-style-image:none;
}
.width100 { width: 100%; }
.width75 { width: 75%; }
.width50 { width: 50%; }
.border { border:1px solid #396240; }
.right-dan { float:right;margin:0 30px 0px 12px; }
.strong{ font-weight: bold;}
.red {color:#bd0b2b;}
.blue { color:#042669;}
/***** Header *****/

#header{
	display: block;
	float: left;
	clear: both;
	margin: 0;
	padding: 0;
	width:960px;
	height: 284px;
	background: url(images/bgHeader.png) no-repeat bottom left;
	position: relative;
}
#header ul#idiomas{
	display: block;
	float: left;
	clear: both;
	margin: 0;
	padding: 5px 0 0 38px;
	width: 115px;
	height: 24px;
	/*background: url(images/bgIdiomas.png) no-repeat top left;*/
	background: none;
}
#header ul#idiomas li{
	display: block;
	float: left;
	clear: none;
	margin: 0 8px 0 0;
	padding: 0;
}
#header #cdetails{
	display: block;
	float: right;
	clear: none;
	margin: 110px 0 0 0;
	padding: 0 30px 0 0;
	text-align: right;
}
#header #cdetails a:link{ color: #042669;}
#header #cdetails #palmera{
	position: absolute;
	top: 0;
	right: 0;
	display:none;
}
#header #cdetails p{ 
	margin: 0; 
	padding: 0 0 4px 0;
	font-size: 13px;
	color: #042669;
	line-height: 1.2em;
}
#header #cdetails p strong{ color: #bd0b2b;}
#header #logo{
	display: block;
	float: left;
	clear: left;
	width: 322px;
	height: 143px;
	margin: 71px 0 0 0;
	padding: 0;
	background: url(images/logo.png) no-repeat top left;
	text-indent: -5000px;
}
#header #slogan{
	display: none;
	float: left;
	clear: none;
	width: 273px;
	height: auto;
	margin: 58px 0 0 150px;
	padding: 0;
	color: #042669;
	font-size: 1.1em;
	/*background: url(images/bgSlogan.jpg) no-repeat top left;
	text-indent: -5000px;*/
}
#header #slogan a{ color: #042669;}
#header ul#menu{
	display: block;
	float: left;
	clear: both;
	margin: 0;
	padding: 13px 0 8px 10px;
	width: 950px;
	height: 20px;
}
#header ul#menu li{
	display: block;
	float: left;
	clear: none;
	margin: 0;
	padding: 0;
}
#header ul#menu li a{
	font-size: 14px;
	color: #fff;
	padding: 3px 30px;
	border-right: solid 1px #db8592;
	text-decoration: none;
}
#header ul#menu li.last a{ border: none;}
#header ul#menu li a:hover{ background-color: #bf1f3c;}

/***** Content *****/

#content{
	display: block;
	float: left;
	clear: both;
	width: 960px;
	height: auto;
	margin: 11px 0 0 0;
	padding: 0;
	background-color: #fff;
}

/***** Sidebar *****/

#content #sidebar{
	display: block;
	float: left;
	clear: left;
	width: 205px;
	height: 100%;
	margin: 0 0 0 0;
	padding: 0;
	background: url(images/bgSidebar.jpg) no-repeat top left;
	border-right: solid 1px #eaebe3;
}
#content #sidebar ul.sideUL,
#content #sidebar ul.sideULsep{
	display: block;
	float: left;
	clear: both;
	margin: 0 0 0 15px;
	padding: 0;
	width: 175px;
	height: auto;
}
*html #content #sidebar ul.sideUL,
*html #content #sidebar ul.sideULsep{ margin-left: 7px;}

#content #sidebar ul.sideUL li,
#content #sidebar ul.sideULsep li{
	display: block;
	float: left;
	clear: both;
	margin: 0;
	padding: 5px 0 5px 30px;
	width: 145px;
	border-bottom: dotted 1px #8192b3;
	background: url(images/flechaPink.gif) no-repeat 15px 9px;
}
#content #sidebar ul.sideULsep li{ background: url(images/flechaPink.gif) no-repeat 15px 9px; }
#content #sidebar ul.sideUL li.header,
#content #sidebar ul.sideULsep li.header{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	color: #BD0B2B;
	padding: 25px 0 9px 15px;
	background: none;
}
#content #sidebar ul.sideULsep li p{ margin: 0; padding: 0;}

#content #sidebar #sep{ 
	display: block;
	float: left;
	clear: both;
	margin: 18px 0 0 0;
	padding: 0 0 25px 0;
	width: 205px;
	background: url(images/sideSepHeader.jpg) no-repeat top left #f5f1eb;
}

#content #sidebar #sep #images{
	display: block;
	float: left;
	clear: both;
	margin: 10px 0;
	padding: 0;
	text-align: center; 
}
#content #sidebar #sep #images img{ margin: 10px 0 4px 0;}

#content #sidebar #sep li.header{ padding-top: 17px; color: #042669;}

#content #sidebar ul.sideUL li a:link{ color:#042669; text-decoration: none;}
#content #sidebar ul.sideUL li a:visited{ color:#042669; text-decoration: none;}
#content #sidebar ul.sideUL li a:hover{ color:#BD0B2B; text-decoration: none;}
#content #sidebar ul.sideUL li a:active{ color:#042669; text-decoration: none; }

#content #sidebar ul.sideULsep li a:link{ color:#555; text-decoration: none;}
#content #sidebar ul.sideULsep li a:visited{ color:#555; text-decoration: none;}
#content #sidebar ul.sideULsep li a:hover{ color:#042669; text-decoration: none;}
#content #sidebar ul.sideULsep li a:active{ color:#555; text-decoration: none; }

/***** Tabs *****/

/* root element for tabs  */
ul.css-tabs {  
	margin:0 29px !important; 
	padding:0;
	height:30px;
	border-bottom:1px solid #d0cecb;
	clear: both;	 	
}
/* single tab */
ul.css-tabs li {  
	float:left;	 
	padding:0; 
	margin:0;  
	list-style-type:none;	
}
/* link inside the tab. uses a background image */
ul.css-tabs a { 
	display:block;
	float:left;
	padding:5px 26px;	
	margin-right:2px;
	height:18px;
	position:relative;
	top:1px;
	border:1px solid #d0cecb;	
	border-bottom:0px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright:4px;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:16px;	
	text-decoration:none;
	color:#042669;
	background-color:#efefef;
}
ul.css-tabs a:hover {
	background-color:#F7F7F7;
	color:#01102c;
}
/* selected tab */
ul.css-tabs a.current {
	background-color:#fff;
	border-bottom:1px solid #fff;	
	color:#BD0B2B;	
	cursor:default;
}
/* tab pane */
div.css-panes div {
	display:none;
	height: auto;
	min-height:150px;
	margin: 0 29px;	
	padding:15px;
	border-width:0 1px 1px 1px;
	/*border:1px solid #666;*/
	/*background-color:#ddd;*/

}

/***** Tabs - Más info *****/

#masInfoForm{
	background-color:#ebeae7;
	clear:both;
	float:left;
	margin: 0 0 30px 0;
	padding:15px;
	width: 645px;
}
#masInfoForm #fLeft{
	display: block;
	float: left;
	clear: none;
	margin: 0;
	padding: 0;
	width: 220px;
	border-right: dotted 1px #a5abad;
}
#masInfoForm #fRight{
	display: block;
	float: right;
	clear: none;
	margin: 0;
	padding: 0;
	width: 400px;
}
#masInfoForm .hide { border:0 none; display:none; }
#masInfoForm label {
	display:block;
	float:left;
	clear: left;
	text-align:left;
	width:100px;
	color:#7F8587;
	font-weight:bold;
	font-size: 0.9em;
	margin: 0 0 2px 0;	
}
#masInfoForm input,
#masInfoForm textarea {
	margin:0 0 6px 0;
	width:190px;
	display:block;
	float:left;
	clear: left;
}
#masInfoForm textarea{
	width: 386px;
	height: 75px;
	margin: 0 0 9px 0;
}
.obli{ color: #cc0000;}
.invalid { background: #faa; }
.valid { background: #afa; }

/***** Tabs - Modelos *****/

#content #main #target ul#modelos_list{
	display: block;
	float: left;
	clear: both;
	margin: 0 0 10px 0;
	padding: 0;
	width: 100%;
	height: auto;
}
#content #main #target ul#modelos_list li{
	display: block;
	float: left;
	clear: none;
	margin: 0 8px 0 0;
	padding: 0 8px 0 0;
	width: auto;
	height: auto;
	border-right: solid 1px #8192B3;
	font-family:Georgia,"Times New Roman",Times,serif;
	background:none;
}
#content #main #target ul#modelos_list li a:link{ color:#042669;}
#content #main #target ul#modelos_list li a:visited{ color:#042669;}
#content #main #target ul#modelos_list li a:hover{ color:#01102C;}
#content #main #target ul#modelos_list li a:active{ color:#042669;}
#content #main #target ul#modelos_list li a.active{ color: #BD0B2B;}

#content #main #target ul#modelos_list li.last,
#content #main #target ul#modelos_list li.first{ border: none;}
#content #main #target ul#modelos_list li.first{ background: url(images/flechaPink.gif) no-repeat center left; padding: 0 0 0 12px; }


#modelo{
	display: block;
	float: left;
	clear: both;
	margin: 0 0 15px 0;
	padding: 0;
	width: 100%;
	height: auto;
}
#modelo dl{
	display: block;
	float: left;
	clear: both;
	margin: 20px 10px 20px 0;
	padding: 5px;
	width: 244px;
	height: auto;
	border: solid 1px #D0CECB;
}
#modelo dl dt{
	display: block;
	float: left;
	clear: both;
	margin: 1px 0 0 0;
	padding: 4px 8px;
	width: 120px;
	height: auto;
	background-color: #eee;
	text-transform: capitalize;
}
#modelo dl dd{
	display: block;
	float: left;
	clear: none;
	margin: 1px 0 0 0;
	padding: 4px 8px;
	width: 90px;
	height: auto;
	border-bottom: dotted 1px #D0CECB ;
}
#modelo #cntPlano{
	display: block;
	float: right;
	clear: none;
	margin: 0;
	padding: 0;
}

/***** Main *****/

#content #main{
	display: block;
	float: right;
	clear: none;
	width: 754px;
	height: 100%;
	margin: 0 0;
	padding: 15px 0 0 0;
}
#content #main #mainImg{
	display: block;
	float: right;
	clear: none;
	margin: 0 29px 0 6px;
	padding: 0;
	width: 308px;
	height: 286px;
	background: url(images/mainImg.jpg) no-repeat top left;
}
#content #main #mainImg img{
	display: block;
	margin: 64px 0 0 43px;
	padding: 0;
}
#content #main h1,
#content #main h2{
	display: block;
	float: left;
	clear: none;
	margin: 10px 29px 20px 29px;
	padding: 0;
	width: auto;
	height: auto;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	color: #bd0b2b;
}
#content #main h1 .referencia{
	font-size: 0.6em;
	font-style: italic;
	margin-left: 10px; 
}
#content #main h2{
	margin: 5px 29px 10px 29px;
}
#content #main #introTxt{
	display: block;
	clear: left;
	margin: 0 29px;
	padding: 0;	
}
#content #main hr.horSplitter{
	clear: both;
	margin: 15px 29px;
	padding: 0;
	background: none;
	border: none;
	height: 38px;
	background: url(images/horSplitter.jpg) no-repeat top left;
}
#content #main ul#destacadas{
	display: block;
	float: left;
	clear: both;
	margin: 0 29px 20px 29px;
	padding: 0;
	width: 697px;
	height: auto;
}
#content #main ul#destacadas li{
	display: block;
	float: left;
	clear: none;
	margin: 0 15px 15px 0;
	padding: 0;
	width: 222px;
	height: 324px;
}
#content #main ul#destacadas li.last{ margin: 0;}

#content #main ul#destacadas li h3{
	display: block;
	float: left;
	clear: none;
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	color: #042669;
}
#content #main ul#destacadas li h3 a:link{color: #042669; text-decoration: none;}
#content #main ul#destacadas li h3 a:visited{color: #042669; text-decoration: none;}
#content #main ul#destacadas li h3 a:hover{color: #01102C; text-decoration: none;}
#content #main ul#destacadas li h3 a:active{color: #042669; text-decoration: none;}

#content #main ul#destacadas li a.img{
	display: block;
	float: left;
	clear: both;
	margin: 0;
	padding: 0;
	width: 222px;
	height: 138px;
	overflow: hidden;
}

#content #main ul#destacadas li hr.splitter{
	display: block;
	float: left;
	clear: both;
	width: 100%;
	margin: 6px 0;
	padding: 0;
	background: none;
	border: none;
	border-bottom:1px dotted #8192B3;	
}
#content #main ul#destacadas li img{ margin: 0; padding: 0;width:221px;height:138px;}
#content #main ul#destacadas li .descr{
	display: block;
	float: left;
	clear: both;
	margin: 0;
	padding: 13px 2px 13px 10px;
	width: 210px;
	height: 98px;
	background-color: #e9e1d1;
}
#content #main ul#destacadas li .descr p{ margin: 0; padding: 0 0 8px 0;}
#content #main ul#destacadas li .descr p.a{ color:#ae0000;}

#content #main #introTxt ul{
 padding:0 0 18px 20px;
}
#content #main #introTxt li {
 background:url(images/flechaPink.gif) left center no-repeat;
 padding:2px 0 2px 16px;
}
#content #main #introTxt ol  {
 list-style-type:decimal;
}
#content #main #introTxt ol li {
 background:none;
 padding:2px 0 2px 6px;
}
#content #main #introTxt h2 {
 margin:0;
 padding:4px 0 8px 0;
 font-size:16px;
 color:#042669;
 display:block;
 float:none; 
}

#content #main h4{
	display: block;
	clear: both;
	margin: 4px 0px 8px 0px;
	padding: 0;
	width: auto;
	height: auto;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	color: #042669;
}
#content #main #target ul {
 padding:0 0 2px 12px
}
#content #main #target ul li{
	display:block;
	float:left;
	clear:both;
	margin:0;
	padding:1px 0 5px 10px;
	width:185px;
	background: url(images/flechaPink.gif)  0 6px no-repeat;

}


/***** Detalle *****/

.detalle #slideshowHolder{
	display: block;
	float: left;
	clear: both;
	margin: 0 0 20px 29px;
	padding: 6px;
	width: 450px;
	height: 320px;
	border: solid 1px #ceccc7;
	background-color: #fff;
}
.detalle p#specsTitle{
	display: block;
	float: left;
	clear: none;
	margin: 0 0 0 14px;
	padding: 0 0 18px 0;
	width: 210px;
	height: auto;
	color:#042669;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:16px;	
}
.detalle #specs{
	display: block;
	float: left;
	clear: none;
	margin: 0 0 0 14px;
	padding: 0;
	width: 210px;
	height: auto;
	min-height: 120px;
}
.detalle #specs ul{
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
}
.detalle #specs ul li{
	display:block;
	float:left;
	clear:both;
	margin:0;
	padding:5px 0 5px 20px;
	width:185px;
	background: url(images/flechaPink.gif) no-repeat 6px 9px;
	border-bottom:1px dotted #8192B3;
}


/***** Contacto ******/

#main #colIzq,
#main #colDer{
	display: block;
	float: left;
	clear: none;
	margin: 0 0 20px 0;
	padding: 0;
	width: 58%;
}
#main #colDer{ float: right; width: 39%; }
#main #colDer h1{ margin:10px 29px 20px 0;}
#main #colDer p{ clear: both;}

form#contact_form{
	display: block;
	clear: both;
	float: left;
	width: auto;
	height: auto;
	margin:10px 29px 20px;
	padding: 0;
	background-color:#EBEAE7;
}
form#contact_form fieldset{
	border: none;
	margin: 0;
	padding: 13px;
}
form#contact_form label {
	display:block;
	float:left;
	clear: left;
	text-align:left;
	width:90px;
	height: 26px;
	color:#7F8587;
	font-weight:bold;
	font-size: 0.9em;
	margin: 0 0 2px 0;	
}
form#contact_form input,
form#contact_form textarea {
	margin:0 0 6px 0;
	display:block;
	float:left;
	clear: none;
	background-color:#F2F6F9;
	border:1px solid #a5abad;	
}
form#contact_form input{ width: 235px; height: 16px;}
form#contact_form input.submit{ 
	width: 235px; height: 26px;
	background-color:#F2F6F9;
	border:1px solid #a5abad;
	color:#004772;
	font-family:Arial,sans-serif;
	font-weight:700;
	padding:3px 20px;
	cursor: pointer;
}
form#contact_form textarea{
	width: 235px;
	height: 95px;
	margin: 0 0 9px 0;
}
a.plano{ background: url(images/map.png) no-repeat center left; padding: 0 0 0 20px;}



/***** Footer *****/

#footer{
	display: block;
	float: left;
	clear: both;
	width: 930px;
	height: 100%;
	margin: 0 0;
	padding: 15px;
	background-color: #042669;
	text-align:center;
}
#footer ul#fLeft{
	display: block;
	clear: both;
	margin: 0 auto;
	padding: 0;
}
#footer ul#fLeft li{
	display: block;
	float: left;
	clear: none;
	margin: 0 10px 0 0;
	padding: 0 10px 0 0;
	border-right: solid 1px #284580;
	font-size: 0.85em;
	color: #bac3d5;
}
#footer ul#fLeft li a:link{ color: #bac3d5; text-decoration: none;}
#footer ul#fLeft li a:visited{ color: #bac3d5; text-decoration: none;}
#footer ul#fLeft li a:hover{ color: #fff; text-decoration: none;}
#footer ul#fLeft li a:active{ color: #bac3d5; text-decoration: none;}

a#brunel { float:right;margin:0 10px 0 0;height:17px; text-indent:-5000px; width:65px;}
a#brunel:link { background:url(images/brunelwebdesign.png) 0 0 no-repeat; }
a#brunel:visited { background:url(images/brunelwebdesign.png) 0 0 no-repeat; }
a#brunel:hover{ background:url(images/brunelwebdesign.png) 0 -18px no-repeat; }

/**** ADMIN ****/

#login label, 
#login input{
	display: block;
	float: left;
}
#login label{ 
	width: 110px;
	text-align:right;
	clear: left;
}
#login input, 
#login textarea{ 
	margin: 0 0 6px 10px;
	width: 260px;
	border: solid 1px #a7a6aa;
}


#admin {
 background: #ae0000;
 text-align: center;
 color:#fff;
 font-family: Verdana,arial,"sans serif";
 padding: 6px 0;
 position:fixed;
 width:100%;
 opacity:.6;
 filter: alpha(opacity = 60);
 border-bottom:1px solid #fff;
}
#admin a { color:#fff; }
#error {
 border-top:1px solid #ae0000;
 border-bottom:1px solid #ae0000;
 padding:4px;
 margin:0 0 8px 0;
}

.siteby{ border: none;float:right;width:55px;height:15px;}
.siteby a { display:block; }
.siteby a:link { background:url(images/brunel.gif) 0 0 no-repeat; }
.siteby a:visited { background:url(images/brunel.gif) 0 0 no-repeat; }
.siteby a:hover { background:url(images/brunel.gif) 0 -15px no-repeat; }