body{margin:0; padding:0; background-color:#DDD;font-family:Arial Narrow;background:url(images/Site/bg-repeat.png) no-repeat 49.6% 438%}
.content{margin:0 auto;width:1060px;}
.page{background:url(images/Site/bg1.jpg) repeat-x; width:1000px; height: 898px; float:left; position:relative}
.bar-left{width:28px; height:898px; background:url(images/Site/bar-left.png); float:left}
.bar-right{width:28px; height:898px; background:url(images/Site/bar-right.png); float:left}

#header{height:180px;}
.img-top{width:597px; height:258px; background:url(images/Site/img-header.png) no-repeat; position:absolute; top:0; left:0}
.img-top-productos{width:615px; height:182px; background:url(images/Site/img-header-productos.png) no-repeat; position:absolute; top:0; left:0}
.img-top-contacto{width:615px; height:182px; background:url(images/Site/img-header-contacto.png) no-repeat; position:absolute; top:0; left:0}
.logo{width:317px; height:95px; position:absolute; top:15px; right:30px; background:url(images/Site/logo.png) no-repeat}
.botonera{width:552px; height:73px; background:url(images/Site/botonera.png) no-repeat; position:absolute; top: 110px; right: 0; color:#FFF; font-family:Arial Narrow; font-size: 20px; line-height:64px; text-align:center}
.botonera a{ color:#FFF; padding: 0 45px; font-weight:bold; text-decoration:none}
.content{position:relative}
.ubicacion{width:337px; height:290px; background:url(images/Site/pieza-bottom.png) no-repeat; position:absolute; left:0; bottom:0}
.ubicacion .titulo{color:#FFF; font-weight:bold; font-size: 24px; border-bottom:1px solid #FFF; width:222px; position:absolute; text-align:right; top:152px; right: 35px }
.ubicacion .texto{color:#FFF; width:250px; float:right; text-align:right; margin:185px 35px 0 0; font-size:16px; letter-spacing:1px}
.ubicacion .texto p{margin:0; padding:0}
.mapa{width:680px; height:445px; position:absolute; right:0; bottom:0; background:url(images/Site/plano.png) no-repeat}
.isologotipo{width:259px; height:241px; background:url(images/Site/isologotipo.png) no-repeat; float:right; margin:35px 22px 0 0}
.loading{display: none; background: url("images/Site/loading.gif") no-repeat scroll 0 0 transparent;height: 15px;width: 15px;}

/* Cuadro */
.cuadro { width:958px; margin: 8px auto 0 30px;}
.cuadro h1{float:left; margin:40px 0 0 85px; padding:0; color:#042c5c; font-weight:bold; font-size:24px}
.cuadro .contenido-cuadro{border-top: 1px solid #929294; color: #0e2b5f; padding:7px 0 0 0;}
.cuadro.home {height: 291px; background:url(images/Site/cuadro.png) no-repeat; }
.cuadro.home .texto-empresa{margin:5px 0 0 45px; float:left; width:632px }
.cuadro.contacto {height: 345px; background:url(images/Site/cuadro-contacto.png) no-repeat; }
.cuadro.contacto h1{margin: 40px 0 5px 50px !important}
.cuadro.contacto .contenido-cuadro { padding-top: 20px;}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    color: #ff0000;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-valid
{
    display: none;
}

.validation-summary-errors {
    background: url("images/icons/exclamation-red.png") no-repeat scroll 10px 13px #FAE8E8;
    border: 1px solid #FFA2AA;
    color: #ff0000;
    font-size: 11px;
    font-family: Tahoma, Arial, Verdana, sans-serif;
}

#validationSummary ul li{ list-style: none; margin:2px 0}

.left{ float: left;}

/* Productos */
.search_box{ float: left; width: 310px; }
.search_box div{ margin-top: 10px;}
.search_box input{ width: 240px;border: none;padding: 4px 3px;margin-right: 3px;}
.search_box select{ width: 275px;border: none;padding: 3px;}
.search_box a{ float: right; margin-top:2px}
.search_title{ background-color: #2d3b60;color: white;font-weight: bold;font-size: 14px;padding: 5px 15px;}
.title_productos{ clear: both;font-weight: bold;color: white; margin-bottom: 20px}

#detalleProducto{ background-color: #FFF;padding: 10px; }

/* Datatable Productos */
#listaProductos th{ background-color: #2d3b60;color: white; border-right:1px solid #777}
.tr.odd td.sorting_1{background-color: auto !important}
#listaProductos td{ color: #1e2e53;font-size: 13px;padding: 5px;border-bottom: 1px solid #777; border-right: 1px solid #777}
.dataTables_paginate{ margin-top: 10px;}
.paginate_button, .paginate_active{ font-size: 12px;font-family: Tahoma, Arial, Verdana}
.paginate_button_disabled{color:#999}
.paginate_button_disabled:hover{ background-color: #DDD !important; cursor:default !important}
#listaProductos thead th{padding:3px 10px !important}
.dataTables_length, .dataTables_info{ color: white;font-size: 16px; padding-bottom:10px}
.dataTables_processing{ color: #444 !important;font-size: 16px !important; padding-top:10px !important}
.dataTables_empty{ font-size: 18px;}

.tdTitleDetalle{ font-weight: bold;width: 87px;text-align: right;padding-right: 10px;margin-top: 5px;}
.tdDetalle{ text-align: left;width:78px;margin-top: 5px;}
.tituloDetalleProducto{font-size:16px; font-weight:bold; margin:5px 0;padding: 5px; text-align:left; border-bottom:1px solid #CCC; border-top:1px solid #CCC;}

/* Contacto */
.contacto .form { float: left;width: 420px;}
.contacto .form label{ color: #0e2b5f;width: 100px;float: left;}
.contacto .form input{ border: 1px solid #AAA;width: 280px;padding: 3px;}
.contacto .form textarea{ border: 1px solid #AAA;width: 280px;height: 75px; padding: 3px;}
.contacto .form .form-input{ display: block;clear: both;margin-bottom: 20px;}
.contacto .form .form-input span{color:red}
.contacto .contenido-cuadro{ margin: 0 60px 0 50px;}
.contacto .enviar{ float: right;margin: -12px 40px 0px 0;position: relative;height:30px}
.contacto .ubicacion { background: none;width: 420px;}
.contacto .img-mapa {float:right;margin-top: 30px;}
.contacto .contenido-cuadro #mensaje{display: none; padding: 70px 0 90px 0;text-align: center;font-size: 24px; }
.contacto .contenido-cuadro #mensaje.ok{ color: green;}
.contacto .contenido-cuadro #mensaje.error{ color: red;}
.contacto .loading {left: -30px; position: absolute; top: 2px; }