/* Correcciones a la plantilla de 960.css */
.container_12 .prefix_1 {
	padding-left: 40px;
}

.container_12 .grid_4 {
	width: 380px;
}

.underlined{ text-decoration: underline; }
.notice{ background-color: #ffff99; font-size: 12px;}
#content .notice{ background-color: #ffff99; font-size: 12px;}

/* Header */
#body{ margin-top: 15px; }
#header{ margin-top: 30px; }

/* Estilos generales */
sup {font-size: 0.75em; line-height: 0.5em; vertical-align: super; }
a{ color: #3e3a36; text-decoration: underline;}
a:hover{ color: #8FBCE3}
table{ padding: 0; margin: 0}

body{
    color: #3e3a36;
    font-size: 12pt;
}

blockquote{
    padding-left: 50px;
    background: url("/images/comillas.jpg") top left;
    background-repeat: no-repeat;
    color: #7E9FC2;
    font-size: 105%;
    font-weight: bold;
    margin-bottom: 20px;
}

.blue{color:#7E9FC2;}

.cite{ color: #626469;}
.cite p{margin: 3px 0px; font-size: 12px; text-align: justify; }
.cite ul li{ font-size: 12px; text-align: justify; }
.cite ol li{ font-size: 12px; text-align: justify; }
#content .cite p{margin: 3px 0px; font-size: 12px; text-align: justify; }
.tel{ color: red; }
.moreInfo{ text-align: left; font-size: 90%; padding-top: 0px; margin-top: -15px; padding-left: 50px; padding-bottom: 20px;}
.sideMore{}
#content{ margin-right: 30px; width: 440px;}
#content p{ font-size: 92%; text-align: justify;}

/* Estilos de las cabeceras */
h2{ font-size: 125%; font-weight: bold; margin-top: 15px; margin-bottom: 5px; }
h3{ font-size: 110%; font-weight: bold; margin-top: 15px; margin-bottom: 5px; }

/* Pie */
#footer{margin-top: 25px; border-top: solid 1px #c3c3c5; color: #626469; text-align: left; padding-top: 5px; padding-bottom: 15px; font-size: 80%; }
#footer a{ color:#626469; text-decoration: none;}
#footer a:hover{text-decoration: underline; }

/* Navigation */
#nav{ margin: 0em; margin-top: 5px; margin-bottom:5px; border-top: 1px solid #c3c3c5; padding-top: 15px; }
#nav ul li{
    display: block;
    float: left;
    margin: 0;
    margin-right: 10px;
    padding-right: 10px;
    padding-bottom: 2px;
    border-right: 1px solid #c3c3c5;
}
#nav ul li.last { border: none; }
#nav ul{
    list-style: none;
}

#nav a{ color: #b0b1b3; border-bottom: solid 14px white; border: none; font-weight: bold; text-decoration: none; font-size: 100%;}
#nav a:hover{ color: #3e3a36;}
#nav a.current{ color: #3e3a36; border-bottom: solid 1px #3e3a36;}

#sub-nav{ margin: 0em; margin-top: 0px; }
#sub-nav ul li{
    display: block;
    float: left;
    margin: 0;
    margin-right: 10px;
    padding-right: 10px;
    padding-bottom: 2px;
    border-right: 1px solid #c3c3c5;
}
#sub-nav ul li.last { border: none; }
#sub-nav ul{
    list-style: none;
}
#sub-nav a{ color: #b0b1b3; border-bottom: solid 14px white; border: none; font-weight: bold; text-decoration: none; font-size: 100%;}
#sub-nav a:hover{ color: #3e3a36;}
#sub-nav a.current{ color: #3e3a36; border-bottom: solid 1px #3e3a36;}

span.h3{
margin:5px 0 0;
font-weight:bold;
}

/* sidebar  */
#side{ margin-top: 20px; }
#side p{color: #626469; font-size: 12px; text-align: justify;}
#side h3{ font-size: 90%; margin: 0; margin-top: 5px; }
#side img{ float: left; margin-right: 5px; padding: 2px; background: white;  }
#side .comment{ border-bottom: 1px solid #c3c3c5; margin-bottom: 12px; padding-left: 65px; padding-bottom: 12px;}
#side .comment.last{ border-bottom: 1px solid white; margin-bottom: 12px; padding-left: 65px; padding-bottom: 12px;}
/*#side .comment{ margin-bottom: 10px; padding-left: 50px;}*/
#side .client-uno{ background: url("/images/opinion1.jpg") no-repeat 0px 5px; }
#side .client-dos{ background: url("/images/opinion2.jpg") no-repeat 0px 5px; }
#side .client-tres{ background: url("/images/opinion3.jpg") no-repeat 0px 5px; }
/*#side .private{ background: url("/images/private.jpg") no-repeat 0px 25px;}*/
#side .info{ background: url("/images/info.jpg") no-repeat 0px 5px;}
#side .note-uno{ background: url("/images/noticia1.jpg") no-repeat 0px 5px;}
#side .note-dos{ background: url("/images/noticia2.jpg") no-repeat 0px 5px;}
#side .note-tres{ background: url("/images/noticia3.jpg") no-repeat 0px 5px;}
#side .ejemplos{ background: url("/images/ejemplo-inicio.jpg") no-repeat 0px 5px; }
#side .ejemplo{ background: url("/images/pdf.jpg") no-repeat 0px 5px; }

/* arrows */
.arrow{ float: right; position: relative; z-index: 9999; top: 3px; right: 0px; }
.arrow-job{ float: right; position: relative; z-index: 9999; top: 3px; right: 480px; }
.camera{ float: right; position: relative; top: 3px; z-index: -9999; right: 490px; }
/* Página de Noticias */
/*.new{ clear: both;}*/
.new .h3h { cursor: pointer; font-size: 90%; font-weight: normal; margin-bottom: 10px;}
.new .cite{ padding-left: 66px; width: 315px; margin-top: -10px;}

/* Página de Opiniones */
.client .h3h{ cursor: pointer; font-size: 90%; font-weight: normal; padding-top: 10px; }
.client .cite{ padding-left: 50px; width: 315px; }

/* Página de Trabajos */
.job .h3h{ margin-bottom: 0; cursor: pointer; font-size: 90%; padding-top: 10px;}
.job p{ font-size: 90%; margin: 0px; color: #626469;}
.job hr{ border-top: solid 1px #c3c3c5; margin: 0px; padding: width: 45%; 0px; text-align: left; }

/* Página de Proyecto */
.project .h3h{ margin-bottom: 0; cursor: pointer; padding-top: 10px;}
.project p{ font-size: 90%; margin: 0px; color: #626469; padding-left: 20px; padding-bottom: 10px;}
.project hr{ border-top: solid 1px #c3c3c5; margin: 0px; padding: 0px; text-align: left; }


/* Información de contacto */

#contact-data{
    font-size: 80%;
    color:#626469;
    line-height: 120%;
}

#contact a{ color: white; }

/* Post-it de abrimos oficina */
#post-it{
        position: absolute;
        text-align: right;
        margin: 0;
        padding: 0;}

/* Errores del formulario*/
.list-errors{ margin: 5px 0px;}
#content .list-errors p{padding: 0; margin: 0; font-size: 12px; }
#content .list-errors li{ padding: 0; margin:0; margin-left: 30px; font-size: 12px; }
.list-errors p{padding: 0; margin: 0; font-size: 12px; }
.list-errors ul{ padding: 0; margin:0; }
.list-errors li{ padding: 0; margin:0; margin-left: 30px; font-size: 12px; }


/* Proyectos */
.proyecto-comment{ margin-bottom: 5px;}
.proyecto-comment p{ margin:0; padding: 0}
.proyecto-details{ font-size: small, padding: 0px;}
.proyecto-message{ padding: 0px;}

/* Area de Clientes */
#area-clientes form{ margin-bottom: 5px}
#area-clientes .form-extra{ padding: 0px; font-size: 90%; color:#626469; margin: 0px; vertical-align: text-top; font-size: 80%}
#area-clientes .form-extra a{ color:#626469 }
#area-clientes .form-extra a:hover{color: #8FBCE3; }
#area-clientes input{ margin:0; width: 100px; font-size: 90%; padding: 0px; vertical-align: text-bottom; height: 16px; padding-left: 5px; margin-right: 4px; }
#area-clientes input.submit, input.submit{
        width: auto;
        height: auto;
        background:#FFFFFF url(/images/button_silverbg.gif) repeat-x scroll left 1px;
        border:solid 1px #C6C6C6;
        color:#000000;
        cursor:pointer;
        margin:0 !important;
        margin-bottom: 1px;
        height: 20px;
        font-size: 80%;
        padding:0px 7px 0px;
        white-space:nowrap;}
#area-clientes input.over, input.over{
        background: none;
        background:#B6B6B6 url(/images/button_blackbg.gif) repeat-x scroll left 1px;
        color: #e9e9e9;
}

/* Estilo asocidado al paginador */
#pager{	text-align: center;}
#pager ul{ list-style: none; font-size: 80%; }
#pager ul li{ display: block; float: left; padding: 2px 4px; border: solid 1px white; margin-left: 0px; margin-top: 10px;}

/*
#side .img-ejemplo{ width: 310px; border: solid 1px white; margin: 10px 0px; margin-left: 65px;}
#side .img-ejemplo:hover{ border: solid 1px #626469;}
#side .img-ejemplo img{ float: none;}*/

ul.elinks{
    list-style: none;
}

ul.elinks li{ display: block; float: left; text-align: center; padding: 0px; margin: 0px; margin-top: -20px;}
ul.elinks li a{ font-size: 35px; color: #B0B1B3; text-decoration: none; }
#side .elinks img{ margin: 0; padding: 0}

/* accordion */
.accordion h3{ cursor: pointer; }
.slideshow{height: 250px; width: 440px; position: relative;}
.up{   background: url('/images/up.jpg') 100% 8px no-repeat; }
.down{ background: url('/images/down.jpg') 100% 8px no-repeat; }
.caption{ color: #7E9FC2; z-index: 9999; width: 420px; font-size: 90%; font-weight: bold; }
    
/* Formulario de ALTA como usuario */
.form-row{clear: both; padding: 4px 0;}
.form-row label{ display: block; float: left; width: 140px;}
.form-row input{ display: block; float: left; width: 200px;}
.form-row p{ margin: 0; padding: 0;}
/*fieldset{border: solid 1px #B0B1B3; padding: 10px;}*/
legend{ font-weight: bold; margin: auto 0px; padding: auto 0px; }

#alta-form{ font-size: 93%; }
#alta-form input{ font-size: 80%; width: 297px;}
#alta-form textarea{ width: 437px ; height: 84px;}
#alta-form input.submit{ width: auto;}
#alta-form .form-row{ margin: 0; padding: 0; margin: 2px 0; padding: 2px 0;}
.rojo{ color: red; }