/* Basic  ---------------------------------------- */
.clear { clear: both; }
.error{color :#c00; line-height :1.6em;}
body {background: #000 url(../img/html_bg.jpg) repeat-x;font-family: TrebuchetMS,Arial, Helvetica, sans-serif;font-size: 12px;color: #fff;text-align: center; margin :0;}

/* contenedor Ppal */
#wrapper {text-align: left;width: 900px;	margin: auto; height :600px; overflow :hidden; padding :0; background :#1a1a1a; }

/* columna izquierda */
#columna{width :243px; height :600px; display :block; float :left; clear :none; overflow :hidden; background :#3a3a3a;}
#columna #loginbox{width :176px; height :114px; padding :21px 20px 15px 40px; display :block; float :none; clear :both; overflow :hidden; }
#columna #loginbox fieldset legend{ font-family :Trebuchet MS, Arial, Helvetica, sans-serif; color :#9d9d9d; text-transform :uppercase; font-weight :bold; width :150px; height :25px; display :block; float :none; clear :both; margin-bottom :0px; height: 16px; padding: 0;}
#columna #loginbox fieldset input[type="text"],#columna #loginbox fieldset input[type="password"]{width :123px; height :18px;  color :#9d9d9d;  border :1px solid #6b6b6b; margin:3px 0; background :#474747 url(../img/user_bg.gif) 2px 3px no-repeat; font-size :0.95em; padding :3px 0 0 2px;}
#columna #loginbox fieldset input[type="password"]{background :#474747 url(../img/pass_bg.gif) 2px 3px no-repeat;}
#columna #loginbox fieldset a{color :#9d9d9d; display :block; float :none; clear :both; text-decoration :none; text-transform :lowercase; margin :2px 0;}
#columna #loginbox fieldset p{color :#9d9d9d; display :block; float :none; clear :both; text-decoration :none; margin :2px 0;}

#columna #loginbox fieldset input[type="submit"], #columna #loginbox a#logout{width :77px; height :20px; display :block; float :none; clear :both; border :1px solid #6b6b6b; color :#9d9d9d; text-align :center; background :#1a1a1a url(../img/submit.jpg) no-repeat; margin :8px 0; padding :0 0 0 0; line-height: 20px}

#columna #loginbox fieldset a:hover,#columna #loginbox fieldset input[type="submit"]:hover{color :#ddd;}

#columna #menu{background :#7e7e7e; width :243px; height :242px; display :block; float :none; clear :both; padding :18px 0px 58px 0px;}
#columna #menu.home{background :#7e7e7e url(../img/menu_bg_home.jpg) no-repeat;}
#columna #menu a,#columna #menu a:visited{width :243px; height :30px; float :none;  clear :both; display :block; color :#fff; font-family :Trebuchet MS, Arial, Helvetica, sans-serif; text-align :left; text-decoration :none; text-transform :uppercase; font-size :1.1em; font-weight :bold; background :url(../img/menu_border.png) 20px  27px no-repeat; text-indent :22px; line-height :30px; padding-left :20px}
#columna #menu a:hover{background :#323232 url(../img/menu_border.png) 20px 27px no-repeat}
#columna #menu a:active,#columna #menu a.activo{background :#323232 url(../img/menu_active.png) 20px 4px no-repeat;}

#columna #pie{	width :176px; height :90px; padding :24px 24px 18px 42px; display :block; float :none; clear :both; color :#5f5f5f; overflow: hidden;}
#columna #pie p{ font-size :0.9em; line-height :1.6em}
#columna #pie a{line-height :12px; color :#5f5f5f; text-decoration :none; display :block; margin-top :20px; float :left; clear :none;font-size :0.95em; display: block;}
#columna #pie a#mapsite{margin-left :65px; float: right;}
#columna #pie a:hover{color :#ddd;}

/* fin columna izquierda */


/* parte principal */
#page{width :657px; height :469px; display :block; float :left; clear :none; overflow :hidden; background :#1a1a1a url(../img/logo_anticato.jpg) top right no-repeat; padding :130px 0 0 0; position :relative; overflow: hidden;}
	#page a#logo{width :350px; height :120px; display :block; background :transparent; position :absolute; left :300px; top :0; z-index :4; text-indent :-9999px}
	#page #submenu{width :637px; height :16px; display :block; float :none; clear :both; margin-bottom :4px; font-family :Arial, Helvetica, sans-serif; overflow :hidden; padding :0 0 0 20px; }
	#page #submenu a{display :inline; color :#b09676; padding :0px 8px; text-decoration :none; font-weight :bold;}
	#page #submenu a:hover,#page #submenu a.activo{color :#fff;}

/* fin principal*/



#main{width :657px; height: 450px; float :none; clear :both; overflow :hidden; display :block; position :relative; margin :0; padding :0;background :transparent;}
#main h1{ font-size :16px; text-transform :uppercase; display :block; margin-bottom :10px; color :#727272}
#main h1 span{color :#CB9D61}
#left{width :360px; height :400px; display :block; float :left; clear :none; background :#f0f0f0; padding :30px 0px 20px 30px;}

#scroll,#scroll2{position:relative; overflow:auto;}
#scrollcontent,#scrollcontent2{position:absolute; z-index:2;}
#scrollbar,#scrollbar2{float:right; position:relative; display:block; width:10px; height:370px; z-index:1; background:url(../img/scrollbar.png) no-repeat}
.scroller {position:absolute; top:0; width:10px; cursor:pointer; background-color:#9c9c9c; background-image:url(../img/dragable.png); background-position:50% 50%; background-repeat:no-repeat; height :30px;  }

.empresa{width :340px; height :380px; background :#f0f0f0; color :#727272;  display :block; }
.productos{width :340px; height :320px; background :#f0f0f0; color :#727272;  display :block; }
.content-empresa{width :310px; color :#727272; float :left; clear :none; font-size :12px; font-family :Trebuchet MS,Arial, Helvetica, sans-serif; line-height :16px;}
.content-productos{width :330px; color :#727272; float :left; clear :none; font-size :12px; font-family :Trebuchet MS,Arial, Helvetica, sans-serif; line-height :16px;}
.obras{width :204px; height :380px; background :#f0f0f0; color :#727272;  display :block; }

#foto,#minider{width :267px; height :318px; display :block; float :left; clear :none; background :#e3e3e3; overflow :hidden;}
#minider{background :#e3e3e3; padding :25px 0 0 30px; width :237px; height :293px}


.rightGal{width :230px; height: 280px; display :block; position:relative; overflow :auto;}
.rightObra{width :320px; height: 370px; display :block; position:relative; overflow :auto;}
.rightGal a{border :7px solid #fff; float :left; clear :none; margin :0px 10px 7px 0; display :block; width :75px; height :75px}
.content-minigal{width :220px; float :none;}
.content-obra{width :300px; float :none; color :#666; line-height :1.2em}
/*#scrollbar2*/
#galbar{float:right; position:relative; display:block; width:10px; height:270px; z-index:1; background:url(../img/scrollbar.png) no-repeat; overflow :hidden;}
#opusbar{float:right; position:relative; display:block; width:10px; height:370px; z-index:1; background:url(../img/scrollbar.png) no-repeat; overflow :hidden;}

.galdrag{position:absolute; top:0; width:10px; cursor:pointer; background-color:#9c9c9c; background-image:url(../img/dragable.png); /*background-position:50% 50%; */background-repeat:no-repeat; height :20px;  }

#prodmenu{width :340px; height :24px; display :block; float :none; clear :both; overflow :hidden; margin :10px 0}
#prodmenu a{display :block; padding :0 7px; color :#727272; text-decoration :none; font-size :0.95em; height :24px; float :left; clear :none; line-height :24px; text-align :center;}
#prodmenu a:hover,#prodmenu a.activ{background :#000; color :#fff; font-weight :normal; }

a.fotosprod{width :90px; height :90px; display :block; float :left; clear : none; border :6px solid #3a3a3a; overflow :hidden; margin :0 8px 10px 0;}
a.miniprod{width :80px; height :80px; display :block; float :left; clear : none; border :4px solid #fff; overflow :hidden; margin :0 6px 8px 0;}
.misfotos{margin-top :20px; display :block; float :none; clear :both;}


#obrasleft{width :230px; height :410px; display :block; float :left; clear :none; background :#f0f0f0; padding :20px 12px 20px 28px; color :#333;}
#obrasright{width :330px; height :410px; display :block; float :left; clear :none; background :#dedede; padding :20px 20px 20px 35px;}

#obrasleft a{color :#333; text-decoration :none; display :block; float :none; clear :both; line-height :1.1em; padding :4px 0;}
#obrasleft a:hover,#obrasleft a.acti{font-weight :bold; color :#CB9D61;}

ul#packlist{width :320px; background :transparent; height :auto; display :block; float :left; clear :both; padding :0;}
ul#packlist li{display : block; float :left; clear :both; margin :0 0 4px 0; width :320px; height :auto; background :#3a3a3a; position :relative;}
ul#packlist li h2{font-size :1.4em; color :#fff; font-weight :bold; text-align :center; clear :none; margin-top :5px; width :60px; position :absolute; left :1px; z-index :2}
ul#packlist li strong{width :135px; height :22px; color :#fff; background :#bfb032; text-align :left; display :block; float :left; clear :none; border-bottom :2px solid #fff; border-left :2px solid #fff; margin-left :60px; padding-left :4px; line-height :22px;}
ul#packlist li p{width :110px; height :22px; color :#fff; background :#d3c979; text-align :right; display :block; float :left; clear :none; border-bottom :2px solid #fff; padding-right :9px;line-height :22px;}

ul#packlist li.estilo2 strong{width :135px; height :22px; color :#fff; background :#bf8d31; text-align :left; display :block; float :left; clear :none; border-bottom :2px solid #fff; border-left :2px solid #fff; margin-left :60px; padding-left :4px}
ul#packlist li.estilo2 p{width :110px; height :22px; color :#fff; background :#d3b279; text-align :right; display :block; float :left; clear :none; border-bottom :2px solid #fff; padding-right :9px}
.FotoNoticia{display :block; float :left; clear :none; margin :0 15px 15px 0; color :#333; text-align :center; font-size :10px; text-decoration :none;}



#pagination {color:#666;padding:10px 0 10px 0;	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 0.9em;	text-align:left; width :230px; }
#pagination a{color:#666;	padding:2px 5px;	margin:0 2px;	text-decoration:none; display :inline;}
#pagination a:hover, div.pagination a:active {color:#7D644B;}
#pagination span{	display :inline;}
#pagination span.current {	padding:2px 2px;	color:#7D644B;font-weight:bold;}
#pagination span.disabled {display:none;}
#pagination span.indicador{ padding-right: 15px;}
.noticias{width :204px; height :360px; background :#f0f0f0; color :#727272;  display :block; }


ul#noticias,ul#noticias li{width :210px; display :block; float :left; clear :both; padding :0; margin :0; list-style :none;}
ul#noticias li{margin-bottom :10px; border-bottom :0px solid #aaa; background :url(../img/noticias_line.gif) left bottom no-repeat;}
ul#noticias li h3,ul#noticias li h3 a{width :100%; display :block; float :none; clear :both; line-height :1em; font-size :1.2em; color :#B2823A;}
ul#noticias li a.more{width :60px; display :block; float :right; clear :both; font-size :0.75em; text-transform :uppercase; color :#fff; background : #B2823A; text-align :center; padding :0 0 0 0; text-indent :0; height :16px; line-height :16px; margin :5px 0}


#ubicacion{width :657px; height :440px; display :block; float :left; clear :none; overflow :hidden; background :#f0f0f0; padding :10px 0 0 0; position :relative; color :#666;}
#ubicacion h1{display :block; float :left; clear :none; padding-left :20px; width :100px;}
#ubicacion p{color :#000; margin-top :2px}
#ubicacion a.completos{	width :125px; height :16px; color :#fff; text-decoration :none; text-align :center; background :url(../img/ubicompletos.gif) no-repeat; padding :6px 2px; display :block; float :none; clear :both; position :absolute; left : 520px; top :8px; z-index :3;}

#mapa{width :657px; height :408px; display :block; float :none; clear :both; overflow :hidden; background :#f0f0f0}

#myBox{width :520px; height :240px; position :absolute; left: 80px; top :80px; background :#252525; color :#d2d2d2; z-index :10; float :none; clear :both; overflow :hidden; display :none; padding :20px 20px; font-size :0.85em; cursor :pointer;}
#myBox #leftContent,#myBox #rightContent{width :240px; float :left; clear :none; display :block; line-height :18px; font-weight :bold;}
#myBox #rightContent{width :280px;}
#myBox a,#myBox h1{color :#d2d2d2; text-decoration :none;}
#myBox a:hover{color :#fff; text-decoration :none;}
#myBox a.naranja{color :#f60;}

#imgHome{display :block; width :657px; height :318px; float :none; clear :both; background :url(../../fotos/h1.jpg) -243px 0 no-repeat;}
.jshome{color :#fff; text-decoration :none;; float :right; padding :0 5px; margin-top: 8px}

#legal{width :290px; height :auto; float :left; clear :both; display :block; background :#3a3a3a; padding :20px; color :#fff; border:6px solid #7A5D33; position :absolute; z-index :99; line-height :20px; font-size :1em; text-align :left;}
#legal h1{color :#d2d2d2; text-decoration :none;display :block; float :none; clear :both; width :270px; font-size :1.6em; text-transform :uppercase; font-weight :normal; margin-bottom :20px}
#legal a.naranja{color :#f60; text-decoration :none;}

fieldset.contacto{padding :0 20px 0 0;}
fieldset.contacto label,fieldset.contacto input[type="text"],fieldset.contacto select,fieldset.contacto textarea{	width :80px; display :block; float :left; clear :none; color :#666; font-size :12px; text-align :left; margin-bottom :8px; }
fieldset.contacto input[type="text"],fieldset.contacto select,fieldset.contacto textarea{	width :250px;background :#E8E7E7; border :1px solid #BCBCBC; font-family :Arial, Helvetica, sans-serif;}
fieldset.contacto textarea{margin-bottom :0; height :170px;}
fieldset.contacto select{width :125px; margin-right :5px;}
fieldset.contacto input[type="submit"],fieldset.contacto input[type="reset"]{ width :55px; height :16px; color :#fff; font-size :0.75em; text-transform :uppercase; background :#f60; float :right; clear :none; border :none; line-height :16px; margin-right :8px;}
fieldset.contacto input[type="reset"]{	margin-right :125px; width :70px}
fieldset.contacto p{color :#666; font-size :11px; margin:10px 0 0 80px; float: none; clear: both; display: block; width: 250px; text-align: left; display: block; padding: 5px 0}

#contactright{width :267px; height :278px; display :block; float :left; clear :none; background :#e3e3e3; overflow :hidden;}
.contactnote{color :#666; padding-top :40px}
.contactnote p{padding :10px 30px 5px 30px; line-height :20px; font-size :11px;}

#sitemap{display :block; width :627px; height :298px; float :none; clear :both; background :#e3e3e3; padding :20px 0 0 30px}
#sitemap ul{display :block; float :left; height :auto; list-style :none; margin-top :30px; clear: both;}
#sitemap ul li{display :inline; height :auto; float :left; height :auto; margin :0px 2px 0 2px}
#sitemap ul li a{	background :#C3B39F; color :#727272; padding :4px 8px; text-decoration :none; line-height :16px; display :block; float :none; clear :both; text-align: center;}
#sitemap ul li a:hover{color :#333;}
#sitemap ul li a.otra{	background :#987e5e; color :#eee; padding :0px 8px; text-decoration :none; line-height :16px; display :block; float :none; clear :both; margin-top :20px}
#sitemap ul li a.otra:hover{color :#fff;}

#sitemap ul li ul{display :block;  float :none; margin :0}
#sitemap ul li ul li{display :block;  float :none; margin :2px 0px}
#sitemap ul li ul li a{background :#D0C6BA; color :#727272; display :block; float :none; clear :both;}

.address{color: #7e7e7e; line-height: 16px; float: left; clear: none; display: block; padding: 20px 0 0 10px; font-family: TrebuchetMS,Arial, Helvetica, sans-serif; font-size: 0.95em}
.address a{	color: #7e7e7e; text-decoration: none;}
.address a:hover{color: #ddd;}
.address div{width: 120px; display: block; float: left; clear: none; margin-right: 5px}
/* PRESUPUESTO */
#presupuesto{width :657px; height :440px; display :block; float :left; clear :none; overflow :hidden; background :#f0f0f0; padding :10px 0 0 0; position :relative; color :#666;}
#presupuesto.step1{ height: 308px; background: #f0f0f0 url(../img/presupuesto.jpg) bottom left no-repeat; padding-bottom: 132px;}
#presupuesto h1{ padding: 16px 0 0 24px;}

#presupuesto .aclaracion{width: 210px; display: block; float: left; clear: none; padding:0px 50px 20px 25px; font-size: 12px; line-height: 18px}
#presupuesto fieldset{padding :0 20px 0 25px;}

#presupuesto fieldset{width: 385px; float: left; clear: none;  margin-left: 20px;padding :0 20px 0 20px; border-right: 1px solid #9c9c9c;}
#presupuesto fieldset.paso1{width: 300px; float: left; clear: none;  margin-left: 20px;padding :0 20px 0 20px; border-right: none;}
#presupuesto fieldset.botonera{width: 145px; float: left; clear: none;  margin-left: 0px;padding :95px 0px 0 20px; border-right: none;}

#presupuesto fieldset label{width: 180px; height: 18px; display: block; float: left; clear: none; margin-bottom: 12px; font-size: 12px;}
#presupuesto fieldset label.sml{width: auto; line-height: 18px; font-size: 11px; }

#presupuesto fieldset.paso1 label{width: 70px; height: 18px; display: block; float: left; clear: none; margin-bottom: 12px; font-size: 12px;}


/*#presupuesto fieldset input,
#presupuesto fieldset select,
#presupuesto fieldset textarea{width :310px; display :block; float :left; clear :none; color :#666; font-size :12px; text-align :left; margin-bottom :12px; padding: 0 0 0 2px; background: #ECDDC5; height: 18px; border: none;}*/


#presupuesto fieldset input,
#presupuesto fieldset select,
#presupuesto fieldset textarea{width :190px; display :block; float :left; clear :none; color :#666; font-size :12px; text-align :left; margin-bottom :12px; padding: 0 0 0 2px; background: #ECDDC5; height: 18px; border: none;}

#presupuesto fieldset input[type="radio"]{width :16px; height: 18px;}



/* submit */
#presupuesto fieldset input[type="submit"],#presupuesto fieldset input[type="reset"],#presupuesto fieldset input[type="button"]{ width :77px; height :16px; color :#fff; font-size :0.75em; text-transform :uppercase; background :#f60; float :right; clear :none; border :none; line-height :16px; text-align: center; margin-right: 40px }
#presupuesto fieldset.botonera input[type="submit"],#presupuesto fieldset.botonera input[type="reset"]{width: 145px; margin-right: 10px}
#presupuesto fieldset.botonera p{width: 130px; line-height: 18px; display: block; float: none; clear: both; margin-bottom: 20px; font-size: 11px;}


#presupuesto #presu2{display: none;}



.results{width :655px; height :210px; color :#727272;  display :block; }
.content-resultados{padding: 0 20px;width :590px; color :#727272; float :left; clear :none; font-size :12px; font-family :Trebuchet MS,Arial, Helvetica, sans-serif; line-height :16px; }


ul#resultados{	width: 597px; height: auto; float: left; clear: both; background: #b4853a; padding: 0; margin: 10px 0;}
ul#resultados li{width: 587px; display: block; float: none; clear: both; border-bottom: 2px solid #fff; height: 24px; line-height: 24px; list-style: none; padding-left:10px;color: #fff;}
ul#resultados li.head{background: #666; color: #fff;}
ul#resultados li.sep{background: #fff; color: #fff; height: 1px; font-size: 1px}
ul#resultados li p{display: block; float: right; padding: 0 8px; height: 24px;  background: #C7A877; border-left: 2px solid #fff; text-align: center; color: #fff;}
ul#resultados li strong{color: #fff;}
ul#resultados li strong span{color: #333; padding-left: 30px}
ul#resultados li p span{color: #333; font-weight: bold;}
ul#resultados li p.total{width: 100px; text-align: right;}
ul#resultados li p.metros{width: 40px;}
ul#resultados li p.precio{width: 80px;}
ul#resultados li.head p{display: block; float: right; padding: 0 8px; height: 24px; color: #fff; background: #555;border-left: 2px solid #fff; font-weight: bold;text-align: center;}



#presupuesto .resultado{ padding: 0px 20px 0 24px; width: 597px; line-height: 16px; background: #036}
#presupuesto .resultado div{display: block; float: left; clear: none; width: 200px; overflow: hidden;}
#presupuesto .resultado a.descargarpdf{width: 145px; height: 55px; display: block; float:right; clear: none; background: url(../img/icono_pdf.gif) left top no-repeat; padding-left: 60px; color: #5a5a5a; font-weight: bold; line-height: 16px; text-decoration: none;}
#presupuesto .resultado a.descargarpdf span,#presupuesto .resultado .finpresu{width: 145px; height: 20px; background: #f60; color: #fff; text-align: center; font-size: 10px; line-height: 24px; text-transform: uppercase; float: none; clear: both; display: block; margin: 4px 0 0 0}
#presupuesto .resultado .finpresu{float: right; clear: none; border: none; width: 80px; margin: 36px 0 0 15px; text-decoration: none;}
a.descargar{width: 145px; height: 20px; background: #f60; color: #fff; text-align: center; font-size: 10px; line-height: 24px; text-transform: uppercase; float: left; clear: none; display: block; margin: 4px 0 0 0; text-decoration: none;}