/*********************************************************************/
/* Reset */
/*********************************************************************/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { 
  content: '';	
  content: none; 
}
:focus { outline: 0; }
ins {	text-decoration: none; }
del {	text-decoration: line-through; }
table {
	border-collapse: collapse;
	border-spacing: 0;
}

span {
	color: #bd6fae;
}

/*********************************************************************/
/* Declaraciones generales */
/*********************************************************************/

body { background: #d4cdda; }
.clear { clear: both; }
p, a, h1, h2, h3, h4, h5, h6, label, input, button, textarea { font: 12px/18px Arial, Helvetica, sans-serif; color: #58595b; }


/*********************************************************************/
/* Estructura */
/*********************************************************************/

#wrapper {
  margin: 0 auto;
  width: 951px;
}
#header, #main, #main_bot, #main_top, #footer {
  float: left;
  width: 100%;
}
#header { height: 94px; }
#main { background: url(../img/main_bg.png) repeat-y; } /* Líneas izquierda y derecha */
#main_bot { background: url(../img/main_bot.png) left bottom no-repeat; padding: 0 0 5px; } /* Parte curva inferior */
#main_top { background: url(../img/main_top.png) no-repeat; min-height: 74px; } /* Parte curva superior (con sombra) */
#footer {
  height: 50px;
  padding: 7px 0 0;
}


/*********************************************************************/
/* Header */
/*********************************************************************/

#header h1 {
  float: left;
  position: relative;
  height: 94px;
  width: 400px;
}
#header h1 a {
  position: absolute;
  top: 32px;
  left: -12px;
  width: 410px;
  height: 78px;
  background: url(../img/logo.png) no-repeat;
  text-indent: -9999px; 
}


/*********************************************************************/
/* Menú de navegación */
/*********************************************************************/

#nav {
  float: right;
  height: 15px;
  margin: 73px 13px 0 0;
}
#nav li {
  float: left;
  height: 15px;
}
#nav li a {
  float: left;
  height: 15px;
  text-indent: -9999px;
  background: url(../img/nav.png) no-repeat;  
}
#nav li#nav_qui a { width: 115px; background-position: 0 -15px; }
#nav li#nav_cat a { width: 88px; background-position: -115px -15px; }
#nav li#nav_nov a { width: 101px; background-position: -203px -15px; }
#nav li#nav_pre a { width: 92px; background-position: -304px -15px; }

#nav li#nav_qui a:hover, #nav li#nav_qui a.active { background-position: 0 0; }
#nav li#nav_cat a:hover, #nav li#nav_cat a.active { background-position: -115px 0; }
#nav li#nav_nov a:hover, #nav li#nav_nov a.active { background-position: -203px 0; }
#nav li#nav_pre a:hover, #nav li#nav_pre a.active { background-position: -304px 0; }


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

#footer p {
  font-size: 11px;
  line-height: 15px;
  color: #754e86;
  padding-left: 3px;
}


/*********************************************************************/
/* Página - Home */
/*********************************************************************/

#home {
  float: left;
  width: 854px;
  padding: 115px 97px 9px 0;
  background: url(../img/home_bg.png) 588px 296px no-repeat; 
}
#home img {
  float: left;
  margin: -103px 7px 0 15px;
}
#home h2 {
  float: left;
  height: 26px;
  width: 335px;
  padding: 0 0 11px;
  text-indent: -9999px;
  background: url(../img/h2_home.png) -2px 0 no-repeat;  
}
#home p { line-height: 20px; }


/*********************************************************************/
/* Página - Catálogo */
/*********************************************************************/

#catalogo {
  float: left;
  width: 884px;
  padding: 38px 0 23px 39px;
}
p.submenu, p.submenu a {
  font-size: 14px;
  color: #4f3368;
  line-height: 14px;
  text-decoration: none;
}
p.submenu a.active, p.submenu a:hover  { color: #bd6fae; }

#catalogo_gallery {
  float: left;
  width: 100%;
  padding: 14px 0 0;
}
#catalogo_gallery .pane {
  float: left;
  width: 480px;
}
#catalogo_gallery .pane .img_container {
  float: left;
  /*position: relative;*/
  width: 480px;
  padding-bottom: 26px;
  background: url(../img/cat_img_container.jpg) center bottom no-repeat; 
}
#catalogo_gallery .pane .img_container img {
  float: left;
  padding: 9px 7px;
  border: 1px solid #85878a;
}
#catalogo_gallery .pane .link_container {
  float: left;
  width: 100%;
  position: relative;
}
#catalogo_gallery .pane .img_container a {
  position: absolute;
  right: -1px;
  bottom: -39px;
  width: 101px;
  height: 49px;
  text-indent: -9999px;
  background: url(../img/cat_consultar.png) no-repeat;  
}
#catalogo_gallery .pane h2 {
  font-size: 14px;
  line-height: 14px;  
  color: #bd6fae;
}
#catalogo_gallery .pane .descripcion {
  float: left;
  padding: 14px 0 0 21px;
}
#catalogo_gallery .pane .descripcion h3 {
  height: 18px;
  background: url(../img/h3_catalogo.png) no-repeat;
  text-indent: -9999px; 
}
#catalogo_gallery .pane .descripcion p {
  font-size: 11px;
  line-height: 15px;
  min-width:100px;
}

#catalogo_thumbnails {
  float: right;
  width: 380px;
  padding: 11px 0 0;
}

#paginacion {
  float: right;
  width: 380px;
  padding: 11px 0 0;
}

#catalogo_thumbnails ul {
  float: left;
  width: 380px;
  padding: 0 0 12px;
}
#catalogo_thumbnails ul li {
  float: left;
  padding: 5px;
  border: 1px solid #85878a;
  margin: 0 10px 12px 0;  
}
#catalogo_thumbnails ul li a {
  float: left;
  width: 104px;
  height: 74px;
  overflow: hidden;
  background: #fff;
}
#catalogo_thumbnails ul li a img { vertical-align: middle; }
#catalogo_thumbnails p.paginacion, #catalogo_thumbnails p.paginacion a {
  font-size: 13px;
  color: #939598;
  text-decoration: none;
}
#catalogo_thumbnails p.paginacion { padding-left: 5px; }
#catalogo_thumbnails p.paginacion span { padding-right: 13px; }
#catalogo_thumbnails p.paginacion a { padding: 0 3px; }
#catalogo_thumbnails p.paginacion a:hover { color: #bd6fae; }
#catalogo_thumbnails p.paginacion a.active {
  color: #bd6fae;
  text-decoration: underline;
  font-weight: bold;
}

/* Cajas inferiores */

#box_sistemas {
  float: left;
  width: 100%;
  height: 186px;
  background: url(../img/box_sistemas_bg.jpg) no-repeat; 
}
	#box_sistemas h4 {
	  height: 47px;
	  margin-top: 20px;
	  margin-left: 500px;
	  text-indent: -9999px;
	  background: url(../img/h4_sistemas.png) no-repeat;  
	}
	#box_sistemas p {
	  margin-top: 5px;
	  margin-left: 500px;	  
	}
	#box_sistemas #sistemas_banner {
		float:left;
		margin-left: 75px;
	}


/*********************************************************************/
/* Página - Presupuestos */
/*********************************************************************/

#presupuestos {
  float: left;
  padding: 43px 0 28px 59px;
  width: 892px;
  background: url(../img/presupuestos_bg.png) 754px bottom no-repeat; 
}
#presupuestos h2 {
  height: 32px;
  text-indent: -9999px;
  background: url(../img/h2_presupuestos.png) no-repeat;  
}
#presupuestos p.intro { line-height: 21px; }
#presupuestos p.intro a {
  color: #bd6fae;
  font-weight: bold;
  text-decoration: none;
}
#presupuestos form {
  float: left;
  width: 755px;
  padding: 39px 0 0;
}
#presupuestos form fieldset {
  float: left;
  width: 348px;
}
#presupuestos form fieldset .form_row {
  float: left;
  width: 100%;
  padding: 0 0 14px;
}

#presupuestos form input {
  width: 200px;
  border: 1px solid #7f7f7f;
}

#presupuestos form fieldset label {
  float: left;
  width: 107px;
  font-size: 11px;
  line-height: 21px;
  padding: 0 0 0 7px;
}
#presupuestos form fieldset input.text {
  float: left;
  height: 13px;
  border: 1px solid #7f7f7f;
  margin: 0;
  padding: 3px 4px;
  font-size: 11px;
}
#presupuestos form fieldset.details { padding-left: 56px; }
#presupuestos form fieldset.details label { line-height: 13px; }
#presupuestos form fieldset.details .modelos label { padding-top: 8px; }
#presupuestos form fieldset.details .comentarios label { padding-top: 5px; }
#presupuestos form fieldset.details .form_row { padding: 0 0 9px; }
#presupuestos form fieldset textarea {
  float: left;
  height: 59px;
  border: 1px solid #7f7f7f;
  width: 200px;
  margin: 0;
  padding: 4px;
  font-size: 11px;
}
#presupuestos form button.submit {
  float: right;
  width: 48px;
  height: 21px;
  background: url(../img/presupuestos_submit.png) no-repeat;
  text-indent: -9999px; 
  border: 0;
  margin: 3px 7px 0 0;
  cursor: pointer;
} 
#presupuestos_datos {
  float: left;
  width: 100%;
  padding: 8px 0 0;
}
#presupuestos_datos p { float: left; }
#presupuestos_datos p.con {
  height: 42px;
  padding: 42px 0 0 41px;
  font-size: 13px;
  line-height: 19px;
  color: #bd6fae;
  background: url(../img/presupuestos_con.png) 1px 0 no-repeat; 
}
#presupuestos_datos p.pre {
  height: 37px;
  background: url(../img/box_pre_bg.png) 30px 0 no-repeat;
  padding: 4px 0 0 75px;
  margin: 36px 0 0; 
  font-size: 13px; 
  line-height: 37px
}

#presupuestos_datos p.tel {
  height: 37px;
  background: url(../img/box_tel_bg.png) 15px 0 no-repeat;
  padding: 4px 0 0 65px;
  font-size: 13px; 
  line-height: 37px;
  margin: 36px 0 0;
}


/*********************************************************************/
/* Página - Novedades */
/*********************************************************************/

#novedades {
  float: left;
  width: 911px;
  padding: 36px 0 28px 40px;
  background: url(../img/presupuestos_bg.png) 734px bottom no-repeat; 
}
#novedades_main {
  float: left;
  width: 525px;
  padding: 4px 0 0;
}
#post {
  float: left;
  width: 480px;
}
#post h2 {
  font-size: 17px;
  line-height: 17px;
  font-weight: bold;
  font-style: italic;
  color: #bd6fae;
  padding-bottom: 17px;
}
#post img {
  padding: 7px;
  border: 1px solid #85878a;
}
#post img.alignleft { float: left; margin: 0 18px 31px 0; }
#post img.alignright { float: right; margin: 0 0 31px 18px; }
#post p { padding: 0 18px 18px; }

#comments {
  float: left;
  padding: 18px 16px 15px;
}
#comments h4, #respond h4 {
  font-size: 15px;
  line-height: 15px;
  font-weight: bold;
  font-style: italic;
  color: #bd6fae;
  padding-bottom: 20px;
}
#comments ol li {
  background: url(../img/novedades_comment_li.png) no-repeat;
  padding: 4px 0 15px 31px; 
}
#comments ol li p {
  line-height: 14px;
  font-style: italic;
}
#comments ol li p.user span {
  font-style: italic;
  color: #bd6fae;  
}

.error-message {
	clear:both;
	color: #8a6898; 
	padding-left:135px;
	font-weight:bold;
}
#respond {
  float: left;
  padding: 18px 0 0;
}
#respond h4 { padding: 0 0 4px 16px; }
#respond form {
  float: left;
  width: 448px;
  padding: 17px 34px 0 43px;
  min-height: 306px;
  background: url(../img/novedades_comment_form.png) repeat-x; 
}
#respond form .form_row {
  float: left;
  width: 100%;
  padding-bottom: 12px;
}
#respond form label {
  float: left;
  width: 129px;
  padding-left: 2px;
}
#respond form input.text {
  float: left;
  height: 14px;
  border: 1px solid #bebebe;
  width: 271px;
  margin: 0;
  padding: 3px 4px;
  font-size: 11px;
}
#respond form textarea {
  float: left;
  height: 164px;
  border: 1px solid #696969;
  width: 438px;
  margin-top: 31px; /* Cambiar a 5px una vez integrado el editor */
  padding: 3px 4px;
  font-size: 11px;
}
#respond form button.submit {
  float: right;
  width: 122px;
  height: 21px;
  text-indent: -9999px;
  margin: 0;
  padding: 0;
  border: 0;
  background: url(../img/novedades_comment_submit.png) no-repeat;
  cursor: pointer;  
}

/* Sidebar */

#sidebar {
  float: right;
  width: 327px;
  padding: 0 48px 0 0;
}
#sidebar ul li.widget {
  background: url(../img/sidebar_li.png) no-repeat; 
  padding: 0 0 29px 10px;
}
#sidebar ul li.widget h4 {
  font-size: 14px;
  line-height: 25px;
  font-weight: bold;
  color: #bd6fae;
  border-bottom: 1px solid #efe9e5;
  padding-left: 16px;
}
#sidebar ul li.widget ul { padding-left: 15px; }
#sidebar ul li.widget ul li p, #sidebar ul li.widget ul li a {
  color: #4f3368;
  line-height: 28px;  
}
#sidebar ul li.widget a.ver_todos {
  display: block;
  color: #bd6fae;
  font-style: italic;
  text-decoration: none;
  padding: 11px 0 0 16px;  
}