/* =general ------------------------------------------------ */
*{margin:0; padding:0;}
body{border:0; background:#fff; font:0.7em/1.25 Arial,Helvetica,sans-serif; color:#666;}

/* =hrefs */
a{outline:none; text-decoration:none; color:#959595;}
a:hover{outline:none; text-decoration:none; color:#000;}
a.pre{outline:none; text-decoration:none; color:#000;}
a.pre:hover{outline:none; text-decoration:none; color:#959595;}

/* =imgs */
img{margin:0; padding:0;}
img.floatright{margin:5px 0 5px 10px;}
img.floatleft{margin:5px 10px 5px 0;}
a img{border:0;}

/* =lists */
ul{list-style:none;}
ul.lista{margin:5px; padding:0 0 0 10px; list-style: disc;}
ul.lista li{margin:3px 0;}

ol{margin:10px; padding:0 0 0 15px; list-style-position:outside;}
ol li{margin:5px 0;}

/* =forms */
form div{width:290px; margin:0 10px 10px 0; float:left;}
fieldset{border:0;}

label{display:block; width:90px; float:left; margin:0 0 3px 0;}
label.s{width:40px;}
label.nofloat{display:inline; width:auto; float:none;}

input,textarea,select{width:180px; padding:1px; background:#fff; color:#666; border:1px solid #d8d8d8; font:8pt/1.3 Arial,Helvetica,sans-serif; vertical-align:middle;}
input.tam5,textarea.tam5,select.tam5{width:5px;}
input.tam10,textarea.tam10,select.tam10{width:10px;}
input.tam20,textarea.tam20,select.tam20{width:20px;}
input.tam50,textarea.tam50,select.tam50{width:50px;}
input.tam100,textarea.tam100,select.tam100{width:100px;}
input.tam110,textarea.tam110,select.tam110{width:110px;}
input.tam120,textarea.tam120,select.tam120{width:120px;}
input.tam130,textarea.tam130,select.tam130{width:130px;}
input.tam140,textarea.tam140,select.tam130{width:140px;}
input.tam150,textarea.tam150,select.tam150{width:150px;}
input.tam160,textarea.tam160,select.tam160{width:160px;}
input.tam170,textarea.tam170,select.tam170{width:170px;}
input.tam180,textarea.tam180,select.tam180{width:180px;}
input.tam190,textarea.tam190,select.tam190{width:190px;}
input.tam200,textarea.tam200,select.tam200{width:200px;}
input.tam210,textarea.tam210,select.tam210{width:210px;}
input.tam220,textarea.tam220,select.tam220{width:220px;}
input.small,textarea.small,select.small{width:143px;}
input.large,textarea.large,select.large{width:580px;}
input.medio,textarea.medio,select.medio{width:400px;}
input.checkbox{width:auto; border:0;}
input.button{width:auto; background:#00adef; color:#fff; padding:1px 5px; border:0;}
input.button_corto{width:100%; background:#00adef; color:#fff; padding:0px 0px 0px 0px;border:0;}

textarea{width:580px; height:120px; overflow:auto;}

hr{border:0; border-top:1px solid #d8d8d8; margin:25px 0;}

/* =classes -------------------------------------------------- */
.right{text-align:right;}
.left{text-align:left;}
.center{text-align:center;}

.floatright{float:right;}
.floatleft{float:left;}
.nofloat{float:none;}
.clearleft{clear:left;}
.clearboth{clear:both;}

.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
/* End hide from IE-mac */

.indentLeft{margin-left:10px;}
.indentRight{margin-right:10px;}
.separar{margin:10px 0 0 0;}
.loading{background:url(img/loading.gif) no-repeat 15px 15px;}

.info{margin:0; padding:0 0 5px 0; color:#00adef;}
.error{margin:0; padding:0; color:#e23000; font-size:0.9em;}
.resaltar{color:#009ee0;}
.note{font-size:0.8em; }
.highlight{color:#892900; font-size:1.2em;}
.noborder{border:0;}
.mandatory{color:#8d3818; font-weight:bold;}

/* =container ----------------------------------------------- */
#container{margin:0 auto; padding:0; width:870px; position:relative;}
/* =container_pre ----------------------------------------------- */
#container_pre{border:0px solid black; margin:0 auto; padding:0; width:1000px; position:relative;}

/* =hidden -------------------------------------------------- */
#hiddennav{position:absolute; top:-3000px; left:-9000px;}

/* =lang ---------------------------------------------------- */
#langnav{position:absolute; top:0; right:0; padding:3px 0 0 0; font-size:0.8em;}
#langnav a, #langnav span{padding:0 0 0 5px;}
#langnav a.last, #langnav span.last{padding:0 0 0 4px; background:none;}
#langnav a:hover{text-decoration:none;}
#langnav span{color:#000;}

/* =heading ------------------------------------------------ */
#heading{margin:0; height:65px; border-bottom:1px solid #d8d8d8;}
#heading h1{padding:18px 0 0 0; float:left; width:119px;}
#heading h1 a:hover{opacity:.6; filter:alpha(opacity=60);}

#subNav{float:right; margin:40px 0 0 0; font-size:0.8em;}
#subNav a{float:left; margin:5px 4px 0 0; padding:0 5px 0 0; background:url(img/subnav_separator.gif) no-repeat right center;}
#subNav a.last{background:none; padding:0;}
#subNav form{display:inline; float:left;}
#subNav form label{display:block; width:50px; float:left; margin:5px 0 0 0;}
#subNav form select{float:left; padding:0;}
#subNav form input.flecha{float:left; width:auto; margin:0 0 0 5px; padding:0 3px;}

/* =menu --------------------------------------------------- */
/* mainmenu*/
#mainMenu{float:left; width:130px; margin:20px 0 0 0; display:inline;}
#mainMenu li{display:inline;}
#mainMenu li span, #mainMenu li a, #mainMenu li strong{display:block; margin:0 0 1px 0; padding:1px 2px; background:#fff; color:#009ee0; font-weight:normal;}
#mainMenu li a:hover, #mainMenu li span, #mainMenu li a.active, #mainMenu li a.selected{background:#009ee0; color:#fff;}

#mainMenu li li span, #mainMenu li li a{padding:0 2px 0 8px; background:none; border-top:1px solid #fff; border-bottom:1px solid #fff;}
#mainMenu li li a:hover,#mainMenu li li span, #mainMenu li li a.active, #mainMenu li li a.selected{background:none; color:#009ee0; border-top:1px solid #009ee0; border-bottom:1px solid #009ee0;}

#mainMenu li li li span, #mainMenu li li li a{padding:0 2px 0 15px; background:none; border-top:1px solid #fff; border-bottom:1px solid #fff; color:#666;}
#mainMenu li li li a:hover,#mainMenu li li li span, #mainMenu li li li a.selected{background:none; color:#333; border-top:1px solid #333; border-bottom:1px solid #333;}

/* 
Ocultar submenus antes de cargar todo el DOM y jquery pueda trabajar.
Esto soluciona el problema de IE por el que se muestran los submenus antes de que le acordeon los pueda ocultar.
*/
#mainMenu li ul{display:none;}
#mainMenu li.active ul.expandible,#mainMenu li.active li.active ul{display:block;}

/* mainmenu_pre*/
#mainMenu_pre{border:0px solid blue;float:left; width:250px; margin:0 0 0 0; display:inline;}

/* =cabecera -------------------------------------------- */
#cabecera_pre{border:0px solid red;float:right; margin:5px 0 5px 0; width:998px; display:inline; position:relative;}
/* =mensajes -------------------------------------------- */
#mensajes_pre{border:0px solid black;float:right; margin:0 0 0 0; width:710px; display:inline; position:relative;}
/* =menu pie -------------------------------------------- */
#menupie_pre{border:0px solid black;float:right; margin:0 0 0 0; width:710px; display:inline; position:relative;}

/* =content -------------------------------------------- */
#content{float:right; margin:0 0 15px 0; width:710px; display:inline; position:relative;}
#content_pre{border:0px solid green;float:right; margin:0 0 15px 0; width:710px; display:inline; position:relative;}

#breadcrumbs{color:#009ee0;}
#breadcrumbs a, #breadcrumbs span.nolink{color:#666; margin:0 1px 0 0; padding:0 9px 0 0;background:url(img/breadcrumbs_separator.gif) no-repeat right center;}
#breadcrumbs a:hover{color:#009ee0;}

h2{color:#333; font-size:1.4em; font-weight:normal; text-align:right; border-bottom:1px solid #c6c5c6;}
h3{color:#000; font-size:1em; font-weight:normal;}
h4{margin:0 10px 5px 0; padding:0 0 1px 0; color:#333; font-size:1em; font-weight:normal; border-bottom:1px solid #c6c5c6;}
ol h4{margin:0 0 5px 0; padding:0; color:#333; font-size:1em; font-weight:bold; border:0;}
h5{clear:both; margin:0 0 5px 0; color:#333; font-size:1em; font-weight:bold;}

#newsletter{float:left; clear:left; width:710px; margin:10px 0 0 0; color:#333; overflow:hidden;}

#textarea{float:left; clear:left; width:600px; margin:10px 0 0 0; color:#333; overflow:hidden;}
.alternativo #textarea{width:560px;}
#textarea h3{margin:10px 0; font-weight:bold;}
#textarea div h3{margin:0; font-weight:normal;}
#textarea p{padding:0 0 8px 0;}

#subMenu{float:right; clear:right; width:110px; padding:5px 0 0 0;}
#subMenu h3, #subMenu span{color:#00adef;}
#subMenu .separar{padding:10px 0 0 0; border-top:1px solid #d7d7d7;}
#subMenu a:hover{color:#009ee0}

.alternativo #subMenu{width:150px; padding:15px 0 0 0;}
.alternativo #subMenu h3, #subMenu span{color:#00adef;}
.alternativo #subMenu a{color:#333;}
.alternativo #subMenu a:hover{color:#009ee0}
.alternativo #subMenu .diseniadores{border:1px solid #d7d7d7; border-left:0; border-right:0;}
.alternativo #subMenu .diseniadores span{color:#333; display:inline; font-size:0.9em;}
.alternativo #subMenu .galeria{border-bottom:1px solid #d7d7d7;}

#subMenu ul.productos{margin:15px 0 0 0;}
#subMenu ul.productos li{display:inline;}
#subMenu ul.productos a, #subMenu ul.productos span{display:block;  margin:0 0 1px 0; padding:1px 2px; background:#fff; color:#009ee0; font-weight:normal;}
#subMenu ul.productos a:hover, #subMenu ul.productos span{background:#009ee0; color:#fff;}

.pagelinks{padding:10px 0;}

/* =home -------------------------------------------- */
#home h2{margin:10px 20px 10px 0; padding:0 0 3px 0; text-align:left; font-size:1em; font-weight:bold;}
#home #textarea{width:528px;}
#home #textarea p{margin-right:15px;}
#home #subMenu{width:182px; margin:296px 0 0 0; padding:3px 0; border:1px solid #c6c5c6; border-left:0; border-right:0;}
#home h3{font-weight:bold;}
#home h3 a{color:#000;}

/* =productos -------------------------------------------- */
#productos .normal{width:140px;}
#productos .largo{width:290px;}

#textarea ul.tabs{height:18px; margin:10px 0; border-bottom:1px solid #c9c9c9;}
#textarea ul.tabs li{float:left; margin:0 7px 0 0; padding:0 0 0 8px; background:url(img/tab_separator.gif) no-repeat 0 3px;}
#textarea ul.tabs li.first{padding:0; background:none;}
#textarea ul.tabs a{color:#000;}
#textarea ul.tabs a:hover, #textarea ul.tabs li.active a{color:#009ee0;}

.prodFamilia{float:left; margin:0 10px 10px 0;}
.lastProd{margin:0 0 10px 0;}
.prodFamilia h3, .prodFamilia h3 a{float:none; color:#000; font-size:1em; font-weight:normal;}
.prodFamilia h3 a:hover{color:#009ee0;}
.prodFamilia p a{color:#666;}
.prodFamilia p a:hover{color:#999;}

#datosProducto img{margin:0 0 10px 0;}
#datosProducto p{padding:0 0 8px 0;}

#datosProducto #accesorios div{clear:both;}
#datosProducto #accesorios div img{float:left; margin:0 10px 10px 0;}

#datosProducto #acabados div, #datosProducto #ambientes div, #datosProducto #instalaciones div, #datosProducto #ambientes div, #datosProducto #instalaciones div{width:110px; float:left; margin:0 2px 10px 0;}
#datosProducto #acabados div{height:85px; font-size:0.8em;}
#datosProducto #acabados div img, #datosProducto #ambientes div img, #datosProducto #instalaciones div img{margin:0 0 0 0;}
#datosProducto #acabados div p, #datosProducto #ambientes div p, #datosProducto #instalaciones div p{padding:0;}

#datosProducto #descargas li{padding:4px 0 5px 0; border-bottom:1px solid #c6c5c6; text-align:right;}
#datosProducto #descargas li .datos{float:left; margin:0 15px 0 0;}
#datosProducto #descargas li .abrir{margin:0 3px 0 0; padding:0 6px 0 0; background:url(img/tab_separator.gif) no-repeat right 3px;}

#datosProducto #ambientes div,#datosProducto #instalaciones div{height:100px;}

/* =login thickbox */
form#formLoginProd{margin:0 0 10px 0;}
form#formLoginProd div{margin:0 0 0 20px; padding:0 0 10px 0; display:inline;}
form#formLoginProd h4{margin:10px 0 15px 0;}
form#formLoginProd p.error{clear:both; margin:3px 0;}
#thickboxLogin div.welcome{padding:15px 0;}
#thickboxLogin div.welcome p{padding:5px 0;}
#thickboxLogin div.welcome a{color:#009ee0;}

/* =proyectos -------------------------------------------- */
#textarea .proyecto{width:138px; height:200px; float:left; margin:0 10px 10px 0;}
#textarea .proyecto h3 a{color:#000;}
#textarea .proyecto h3 a:hover{color:#009ee0;}
#textarea .proyecto p{padding:0; color:#666;}

#textarea #prImagen{height:410px;}
#textarea #prImagenes img{ margin:0 5px 5px 0;}

/* =noticias -------------------------------------------- */
.noticia{width:290px; float:left; margin:0 10px 20px 0;}
#textarea .noticia img{display:block; width:290px; height:170px; overflow:hidden;}
#textarea .noticia h3 a{color:#000; font-weight:bold;}
#textarea .noticia h3 a:hover{color:#666;}
#textarea .noticia p{padding:0;}

#textarea .intNoticia h3{padding:0 0 3px 0; font-weight:bold;}
#textarea .intNoticia p{padding:0 0 3px 0;}
#textarea .intNoticia p.fecha{padding:0; color:#666;}
#textarea .intNoticia div{margin:0 0 10px 0;}
#textarea .intNoticia div p{padding:0; font-size:0.8em;}

/* =prensa -------------------------------------------- */
#textarea .descarga{padding:4px 0 5px 0; border-bottom:1px solid #c6c5c6; text-align:right;}
#textarea .descarga .fecha{float:left; margin:0 15px 0 0; color:#666;}
#textarea .descarga .medio{float:left; }

#textarea .revista{float:left; width:140px; height:250px; margin:0 10px 10px 0; }
#textarea .revista p{padding:0;}
#textarea .revista p.medio{color:#000;}
#textarea .revista p.fecha{color:#666;}

/* =sellex -------------------------------------------- */
#sellex #imgEmpresa{height:331px;}
#sellex #textarea{width:710px; margin:0; color:#666;}
#sellex #textarea img.bigImg{margin:0 0 10px 0;}
#sellex #textarea iframe{float:left; width:376px; margin:5px 15px 10px 0;}

#column1{width:340px; float:left; margin:0 15px 0 0;}
#column2{width:340px; float:left;}

#sellex .premio{clear:both; height:40px; border-bottom:1px solid #c6c5c6; color:#666;}
#sellex .first{border-top:1px solid #c6c5c6; color:#666;}
#sellex .premio span{margin:0 10px 0 0; padding:2px 0;}
#sellex .premio span.imagen{float:left; width:100px; margin:0 10px 0 5px;}
#sellex .premio span.nombre{float:left; width:310px;}
#sellex .premio span.producto{float:left; width:130px;}
#sellex .premio span.diseniador{float:left; margin:0;}

#llegar{width:300px; float:left; color:#666;}
#llegar h3{color:#00adef; padding:10px 0;}
#llegar h4{color:#666; margin:0; border:0;}
#direccion{clear:both; color:#333;}
#direccion a{color:#333;}
#direccion a:hover{color:#666;}

#ambiente{height:422px;}
#ambiente p{padding:0;}

/* =root (seleccion de idioma) -------------------------------------------- */
#root #container{margin-top:20px; width:706px;}
#root h1{margin:0 0 8px 0; padding:0;}
#root h1 img{display:block;}
#root #imagenes{margin:0 0 4px 0; height:454px; overflow:hidden}
#root #seleccion{text-align:right; font-size:0.9em;}
#root #seleccion a{padding:0 0 0 3px;}

/* =tabs */
@media projection, screen{.ui-tabs-hide{display:none;}}
@media print{.ui-tabs-nav{display:none;}}
.ui-tabs-nav .ui-tabs-selected a{color:#00adef !important;}

/* =instalaciones (images del mismo proyecto por URKO) -------------------- */
#instalaciones #prImagenes{
	border-top: 1px solid #C7C5C7;
	padding-top: 8px;
}
#instalaciones #prRelacionadas{
	display: inline;
	float: right;
	margin-top: -14px;
}
#instalaciones #prRelacionadas a{
	color: #000;
}
#instalaciones #prRelacionadas a.activo{
	color: #009EE0;
	font-weight: bold;
}