@charset "utf-8";
/* CSS Document */
.hidden { display:none;}
select { border:0.1em solid #c6c5c5;}
input { border:0.1em solid #c6c5c5;}
textarea { border:0.1em solid #c6c5c5;}
/*ESTILO DE FORM GENERAL*/
table { width:100%; margin-bottom:1.6em; border-collapse:collapse; border-spacing:0;}
table th { padding:2px 9px 7px 4px; vertical-align:top; text-align:right; font-size:12px; font-weight:lighter;color:#7c7c7c; width:4.9em}
table td { padding:2px 4px 7px 2px; vertical-align:top; width: 30em}
table tr.f_select td select { width:100%;}
table tr.f_textarea td textarea { height:120px; width:99%;}
table tr.f_textfield td input { width:99%;}
table td div.hint { color:#c9c9c9; font-size:0.8em; padding:0.2em 0 0.4em 0.3em;}
table tr.f_error th { color:#a20000;}
table tr.f_error td input{ border:0.1em solid #a20000;}
table tr.f_error td select{ border:0.1em solid #a20000;}
table tr.f_error td textarea{ border:0.1em solid #a20000;}
.actions_right { text-align:right;} 
.actions_left { text-align:left;} 
div.buttons input{ background:url(layout/img/bck.forms.gif) left top repeat-x; width:9em; height:20px; font-weight:bold;}
input.bck_gray { background:url(layout/img/bck.forms.gif) left top repeat-x;} /*fondo gris del input*/


.comment_warning { text-align:center; color:#a20000; padding-bottom:1.6em;}



div#contents div.main_left { float:left; width:200px; margin-left:0.5em; border-top:1px solid #000000; /*background:url(layout/img/messenger.jpg) left 25px no-repeat;*/}
div#contents div.box { padding-top:15px; margin-bottom:15px;}


div#contents div.main_left div.box_img { height:115px; border:0; display:block; text-decoration:none; text-indent:-9999px; background:}
div#contents div.box_title h2 { font-size:12px; font-weight:bold; color:#323232; padding-bottom:3px;}
div#contents div.box_cont { border-top:1px solid #dbdbdb; width:204px;}
div#contents div.box_cont p{ border-bottom:1px solid #dbdbdb; padding:3px;}
div#contents div.box_cont ul{ margin: 0; padding: 0; list-style: none;display: block; width: 99%;}
div#contents div.box_cont ul li	{ padding:0 ; list-style: none; float: left; border-bottom:1px solid #dbdbdb; }
div#contents div.box_cont ul li a	{ padding:5px 1em ; display: block; text-decoration: none; color: #333333; width:180px; }
div#contents div.box_cont ul li a span	{ font-size:11px;}
div#contents div.box_cont ul li a p.des		{ font-size:10px; color:#777777 }
div#contents div.box_cont ul li a:hover		{color: #FFFFFF; background:#4a4a4a; /*border-bottom:0.1em solid red;*/}
div#contents div.box_cont ul li a:active,
div#contents div.box_cont ul li a:focus		{ color: #FFFFFF; background:#4a4a4a;  }
div#contents div.box_cont ul li.active a		{ color: #FFFFFF; background:#4a4a4a}
div#main_nav ul li.special_active a	{ }
div#main_nav ul li.special_active a span	{ }
div#contents div.main_contents	{ float:left; width:40em; margin-left:30px; border-top:1px solid #000000;}

/*BOX BREADCRUM*/
div#contents div.main_contents div.breadcrum { background:#4a4a4a;}
div#contents div.main_contents div.breadcrum h2 { color:#FFFFFF; font-size:18px;}
/*BOX CONTACTANOS*/
div#contents div.main_contents div.contactanos {}
div#contents div.main_contents div.contactanos div.box_title { padding-bottom:1.6em;}
div#contents div.main_contents div.contactanos div.box_title h2 { color:#333434; font-size:18px; font-weight:normal;}
div#contents div.main_contents div.contactanos div.box_imagen { margin-bottom:1.6em; padding:10px; text-align:center; border:0.1em solid #b8b7b7 }
div#contents div.main_contents div.contactanos div.box_imagen img { width:455px; height:90px; border:0;}
div#contents div.main_contents div.contactanos div.box_descripcion p{ margin-bottom:1.6em; font-size:12px; line-height:1.7em; text-align:justify;}
div#contents div.main_contents div.contactanos div.box_form { margin:0 auto; width:434px;}



/*BOX FORM PRESUPUESTO*/
div#contents div.main_contents div.detalle div.presupuesto { margin:0 auto; width:434px; margin-bottom:5px;}
div#contents div.main_contents div.detalle div.presupuesto div.title { text-align:left;}
div#contents div.main_contents div.detalle div.presupuesto div.title h4 a.presupuesto span { margin:1.6em;}
div#contents div.main_contents div.detalle div.presupuesto div.title h4 a.presupuesto{background:url(layout/img/flecha_right16x16.gif) left top no-repeat;  text-decoration:none;}
div#contents div.main_contents div.detalle div.presupuesto div.commentario { font-size:10px; text-align:center;}
div#contents div.main_contents div.detalle div.presupuesto div.comment_warning { margin-bottom:-1em; text-align:center; font-size:10px}
div#contents div.main_contents div.detalle div.presupuesto table { margin-bottom:0.2em;}
/*BOX FORM friends*/
div#contents div.main_contents div.detalle div.friend { margin:0 auto; width:434px; margin-bottom:5px;}
div#contents div.main_contents div.detalle div.friend div.title { text-align:left;}
div#contents div.main_contents div.detalle div.friend div.title h4 a.friend span { margin:1.6em;}
div#contents div.main_contents div.detalle div.friend div.title h4 a.friend{background:url(layout/img/estrella.16x16.gif) left top no-repeat;  text-decoration:none;}
div#contents div.main_contents div.detalle div.friend div.commentario { font-size:10px; text-align:center;}
div#contents div.main_contents div.detalle div.friend div.comment_warning { margin-bottom:-1em; text-align:center; font-size:10px}
div#contents div.main_contents div.detalle div.friend table { margin-bottom:0.2em;}


/*BOX FORM consulta*/
div#contents div.main_contents div.detalle div.consulta { margin:0 auto; width:434px;}
div#contents div.main_contents div.detalle div.consulta div.title { text-align:left;}
div#contents div.main_contents div.detalle div.consulta div.title h4 a.consulta span { margin:1.6em;}
div#contents div.main_contents div.detalle div.consulta div.title h4 a.consulta{background:url(layout/img/comentario.16x16.gif) left top no-repeat;  text-decoration:none;}
div#contents div.main_contents div.detalle div.consulta div.commentario { font-size:10px; text-align:center;}
div#contents div.main_contents div.detalle div.consulta div.comment_warning { margin-bottom:-1em; text-align:center; font-size:10px}
div#contents div.main_contents div.detalle div.consulta table { margin-bottom:0.2em;}



/*BOX GALERIA*/
div#contents div.main_contents div.galeria {}
div#contents div.main_contents div.galeria div.box_title { padding-bottom:1.6em;}
div#contents div.main_contents div.galeria div.box_title h2 { color:#333434; font-size:18px; font-weight:normal;}
div#contents div.main_contents div.galeria div.box_subTitle { margin:1.6em 0;}
div#contents div.main_contents div.galeria div.box_subTitle h3{ font-size:14px; font-weight:bold; color:#333434;}
div#contents div.main_contents div.galeria div.box_imagen { margin-bottom:1.6em; padding:10px; text-align:center; border:0.1em solid #b8b7b7 }
div#contents div.main_contents div.galeria div.box_imagen img { border:0;}
div#contents div.main_contents div.galeria div.box_descripcion p{ margin-bottom:1.6em; font-size:12px; line-height:1.7em; text-align:justify;}
div#contents div.main_contents div.galeria div.box_apunte p{ margin-bottom:1em; font-size:12px; line-height:1.7em; text-align:justify;}

/*BOX DONDE_ESTAMOS*/
div#contents div.main_contents div.donde_estamos {}
div#contents div.main_contents div.donde_estamos div.box_title { padding-bottom:1.6em;}
div#contents div.main_contents div.donde_estamos div.box_title h2 { color:#333434; font-size:18px; font-weight:normal;}
div#contents div.main_contents div.donde_estamos div.box_imagen { margin-bottom:1.6em; padding:10px; text-align:center; border:0.1em solid #b8b7b7 }
div#contents div.main_contents div.donde_estamos div.box_imagen img { width:455px; height:150px; border:0;}
div#contents div.main_contents div.donde_estamos div.box_descripcion p{ margin-bottom:1.6em; font-size:12px; line-height:1.7em; text-align:justify;}

/*BOX DETALLE*/
div#contents div.main_contents div.detalle { padding-bottom:1.6em;border-bottom:10px solid #ff9a00;}
div#contents div.main_contents div.detalle div.box_title { padding:0.3em 0;border-bottom:10px solid #ff9a00; background:#4a4a4a;}
div#contents div.main_contents div.detalle div.box_title h2 { margin:3px; font-size:16px; font-weight:lighter; color:#ffffff}
div#contents div.main_contents div.detalle div.box_subTitle { margin:1.6em 0;}
div#contents div.main_contents div.detalle div.box_subTitle h3{ font-size:14px; font-weight:bold; color:#333434;}
div#contents div.main_contents div.detalle div.box_descripcion { margin:0 5px 10px;}
div#contents div.main_contents div.detalle div.box_descripcion h4{font-size:12px; font-weight:lighter; color:#ff9a00;}
div#contents div.main_contents div.detalle div.box_descripcion p{ font-size:12px; line-height:1.7em; text-align:justify;}
div#contents div.main_contents div.detalle div.box_precio { margin:5px 0;float:right; width:100px; text-align:right;}
div#contents div.main_contents div.detalle div.box_precio h5 {  font-size:14px; font-weight:bold; color:#bfbcbc;}
div#contents div.main_contents div.detalle div.box_precio p {font-size:10px; font-weight:bold; color:#bfbcbc;}
div#contents div.main_contents div.detalle div.box_portfolio{ margin-top:5em; padding-bottom:1.2em; position:relative; border-bottom:0.1em solid #ff9a00;}
div#contents div.main_contents div.detalle div.box_portfolio ul { margin: 0 auto; padding: 0 0 0.5em; list-style: none;display: block; width: 480px; float:left }
div#contents div.main_contents div.detalle div.box_portfolio ul li { margin-left:5px;list-style:none; display:inline;}
div#contents div.main_contents div.detalle div.box_portfolio ul li img { width:80px; height:80px; padding:3px; border:0.1em solid #f1f1f1;}
div#contents div.main_contents div.detalle div.box_sociales { margin:0.5em 0;}
div#contents div.main_contents div.detalle div.box_sociales ul { margin: 0 ; padding: 0; list-style: none;display: block; float:right;}
div#contents div.main_contents div.detalle div.box_sociales ul li { margin-left:5px;list-style:none; display:inline; }
div#contents div.main_contents div.detalle div.box_sociales ul li a { overflow: hidden; text-indent: -9999px; width:16px; height:16px;}


/*BOX PORTFOLIO */
div#contents div.main_contents div.portfolio {  /*border-top:10px solid #ff9a00;*/ height: 369px;}
div#contents div.main_contents div.portfolio div.box_title { border-top:10px solid #ff9a00; background:#eeeeee;}
div#contents div.main_contents div.portfolio div.box_title h2 { margin:3px; font-size:16px; font-weight:bold;}
div#contents div.main_contents div.portfolio div.box_title p { margin:5px; font-size:11px; font-weight:lighter; line-height:15px;}



div#contents div.main_contents div.portfolio div.box_img	{ /*border:1px solid #eeeeee;*/ padding:10px 0; text-align: center }
div#contents div.main_contents div.portfolio div.box_img a img { border:0; margin-left:16px; }


div#contents div.main_contents div.portfolio div.popeye	{ border:1px solid #eeeeee; padding:10px 0; text-align: center }
div#contents div.main_contents div.portfolio div.box_img a img { border:0; margin-left:16px; }

/*BOX PRODUCTOS */
div#contents div.main_contents div.productos { width:100%; border-top:2px solid #ff9a00;  /*border-top:10px solid #ff9a00;*/}
div#contents div.main_contents div.box_categoria { padding:0.3em 0;border-bottom:10px solid #ff9a00; background:#4a4a4a;}
div#contents div.main_contents div.box_categoria h2 { margin:3px;  font-size:16px; font-weight:lighter; color:#ffffff}
div#contents div.main_contents div.productos div.box_title {  background:#eeeeee; position:relative; float:left; width: 261px;}
div#contents div.main_contents div.productos div.box_title h2 { margin:3px; font-size:16px; font-weight:bold;}
div#contents div.main_contents div.productos div.box_title p { margin:5px;  font-size:11px; font-weight:lighter; line-height:15px;}
div#contents div.main_contents div.productos div.box_img	{ border:1px solid #eeeeee; float:right; padding:5px; text-align:center; width: 200px;  }
div#contents div.main_contents div.productos div.box_img a img { border:0; margin-left:0;}

div#contents div.sub_contents	{ float:left; width:200px; margin-left:30px; border-top:1px solid #000000;}
/*BOX FORM BUSCADOR*/
div#contents div.form {}
div#contents div.form table{ margin-bottom:  0}

div#contents div.form th{ text-indent:30px; height:30px; font-size:12px; padding-top:7px; font-weight:bold; background:url(layout/img/flecha_right.gif) left top no-repeat; text-align: left;}
div#contents div.form input{ width:95%;}
div#contents div.form input.bx_button{ width:100px; height:35px; background:url(layout/img/signo_mas.gif) left top no-repeat; border:0px;}
.flecha_derecha { background:url(layout/img/flecha_right.gif) left top no-repeat; text-indent:10px; height:30px;}

/*BOX RESULTADOS */
div#contents  div.resultados ul li a	{ padding:2px; display: block; text-decoration: none; color: #333333; width:200px; }

/*BOX VISITADOS */
div#contents  div.visitados div.box_title h2{ text-indent:35px; padding-top:7px; background:url(layout/img/estrella.gif) left top no-repeat; height:30px;}

/*BOX NEWS */
div#contents  div.news div.box_title h2{ text-indent:35px; padding-top:7px; background:url(layout/img/comment.gif) left top no-repeat; height:30px;}

/*BOX PAGINADOR*/
div#contents div.paginador { width:100%}
div#contents div.paginador_tag{ margin-left:0.5em; float:left; padding:4px; text-align:center; width:5.9em; border:0.1em solid #bfbfbf;}
div#contents div.paginador_tag span { color:#666666; font-weight:bold; }
div#contents div.paginador ul	{ margin: 0; padding: 0; list-style: none; position: relative; display: block; width:32em}
div#contents div.paginador ul li			{ padding: 0; list-style: none; display: inline;  float: left; margin-left: 2px;  }
div#contents div.paginador ul li a { padding:4px 0.9em; display: block; text-decoration: none; color: #323232; border: 0.1em solid #999999;}
div#contents div.paginador ul li a.sig { width:auto;}
div#contents div.paginador ul li a span		{ }
div#contents div.paginador ul li a p.des		{ font-size:10px; color:#777777 }
div#contents div.paginador ul li a:hover		{ color: #FFFFFF; background:#ff9a00;}
div#contents div.paginador ul li a:active,
div#contents div.paginador ul li a:focus		{ color: #000000; }
div#contents div.paginador ul li.active a		{ color: #000000; }
div#contents div.paginador ul li.special_active a	{ }
div#contents div.paginador ul li.special_active a span	{ }