/* Global properties ======================================================== */
body {background:#212222; font-family:Arial, Helvetica, sans-serif; font-size:100%; line-height:1.125em; color:#242424;}
html {min-width:1000px;}
html, body {height:100%;}

/* Global Structure ============================================================= */
#title {margin: 0 auto; width: 1000px; color:#fff;}
#title img{padding: 10px;}
#logo {float: left; margin: 0 auto; width: 150px; height: auto;}
#text {float: left; margin-left: 70px; width: auto; padding: 20px 0px 0px 0px;}
#ingreso {
    background: url(../img/ingreso-bottom.png) no-repeat;
    float: right;
    width: 160px;
    height: 120px;
    margin: 0 auto;
    font-size:11px;
    color:#fff;
    font-weight:bold;
    line-height: 17px;
    padding: 10px;
}
#ingreso .enviar{padding: 3px 0px;}
.enviar{font-weight:bold; text-align: center; width: 80px; float: right;}
.enviar a{color:#fff; text-decoration: none;}
.enviar a:hover{font-weight:bold; color:#f49904;}

/* Header */
header{height:auto; overflow:hidden; background:url(../img/title-bg2.jpg) repeat-x 0 0;}
header .ancho{width: auto; background:url(../img/nav-bg.png) repeat-x 0 0;}

/* nav */
#navcontainer{position:relative;height:40px;color:#E0E0E0;background:#143D55;width:100%;}
#nav{position:relative;height:33px;font-size:12px;text-transform:uppercase;font-weight:bold;background:#fff url(../images/dolphin_bg.gif) repeat-x bottom left;padding:0 0 0 20px;}
#nav ul{margin: 0 auto;padding:0;list-style-type:none;width:1000px;}
#nav ul li{display:block;float:left;margin:0 1px;}
#nav ul li a{display:block;float:left;color:#EAF3F8;text-decoration:none;padding:0 0 0 20px;height:33px;}
#nav ul li a span{padding:12px 20px 0 0;height:21px;float:left;}
#nav ul li a:hover{color:#fff;background:transparent url(../images/dolphin_bg-OVER.gif) repeat-x bottom left;}
#nav ul li a:hover span{display:block;width:auto;cursor:pointer;}
#nav ul li a.current,#nav ul li a.current:hover{color:#fff;background:#1D6893 url(../images/dolphin_left-ON.gif) no-repeat top left;line-height:275%;}
#nav ul li a.current span{display:block;padding:0 20px 0 0;width:auto;background:#1D6893 url(../images/dolphin_right-ON.gif) no-repeat top right;height:33px;}

/* Container */
.container {margin: 0 auto; position: relative; width: 1000px; font-size:15px;}

/* Gallery */
#gallery {height:400px; overflow:hidden; background:url(../images/gallerry-bg.gif) 0 0 repeat-x;}

/* Content */
#content {float: left; width: auto;padding: 0px 10px;}

/* Sidebar */
aside{float: left; margin: 0 0 0 30px; width: 230px; padding: 10px;}

/* Left & Right alignment */
.fleft {float:left;}
.fright {float:right;}
.clear {clear:both;}

.alignright {text-align:right;}
.aligncenter {text-align:center;}

.wrapper {width:100%; overflow:hidden;}

/* The inside class provides consistent padding. To be used often! */
.inside{padding: 10px 0px; height: 100%;}

/*----- form defaults -----*/
input, select, textarea {font-family:Arial, Helvetica, sans-serif; font-size:12px; margin: 0 auto; font-weight:normal;}

/*----- txt, links, lines, titles -----*/
a {color:#f27f02; outline:none;}
a:hover{text-decoration:none;}

h1 {font-size:35px; color:#fff; font-weight:normal; padding:6px;}
h1 a {color:#fff; text-decoration:none;}
h2 {height: 32px; font-size:25px; font-weight:bold; color:#3975b3; margin-bottom:10px; line-height: 30px; padding: 10px 0px 10px 0px;}
h3 {font-size:12px; margin:6px 0;}
h3 a {color:#242424; text-decoration: none;}
h3 a:hover {text-shadow: 1px 1px 1px #888;}
h4 a{color:#f27f02; outline:none; font-weight: bold; float: right;padding: 10px;}
h5 {color: #333; font-size: 14px; font-weight: bold; padding: 5px 0 10px 0;}
h6 {color: #333; font-size: 16px; font-weight: bold; padding: 5px 10px 5px 0px;}
p{font-size: 12px;}
.red{color:red;}

.icon-ofertas{padding-left: 35px; background: url(../img/ofertas.png) no-repeat 0 0;}
.icon-empresas{padding-left: 35px; background: url(../img/empresas.png) no-repeat 0 0; margin-top: 10px;}
.icon-areas{font-size: 24px; padding-left: 32px; background: url(../img/areas.png) no-repeat 0 0;}

/*===== boxes =======*/
.main-box {border-top:5px solid #eaeaea; background:#fff; width:100%;}

/*===== gallery =====*/
.roundabout-holder {width:650px; height:390px; margin:0 auto;}
.roundabout-moveable-item {width: 546px; height: 350px; cursor: pointer;}
.roundabout-moveable-item img{width:100%; height:100%;}

/*===== content =====*/
#content {width: auto;}
#content img, aside img {border:3px solid #ebebeb; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
#content img:hover { border-color:#bbb;}

/*===== Ofertas =====*/
.ofertas{width: 660px; height:auto;}
.oferta{width: 680px;border-top: 5px #3072af solid; padding: 10px 20px; margin: 10px 0px 0px 0px; background: #f7f7f7;}
.nota{font-size: 14px; font-weight: bold; text-align: center; color: #333; width: 700px;}
.nota p{font-size: 14px; font-weight: bold; text-align: center; color: #3975b3;}
.cargo{padding: 10px 15px 10px 15px; font-weight: bold; font-size: 20px;}
.descripcion{padding: 5px 40px 5px 40px;}
.localidad{padding: 5px 15px 0px 25px;}
.salario{padding: 5px 15px 0px 25px;}
.fecha{padding: 5px 15px 10px 25px;}
.oferta .ver a{color:#ee9f66; text-decoration: none; outline: none; font-weight: bold; text-align: right;}

/*.pendientes tr td{padding: 3px 0px; border: 1px #eaeaea solid;}
.pendientes tr td div{text-align: center; font-weight: bold;}
.pendientes tr td a{padding-left: 5px; text-decoration: none; font-size: 12px;}*/

.offer{width: 700px;}
.offer tr td{padding: 3px 5px; border: 1px #eaeaea solid; font-size: 12px; text-decoration: none;}
.offer tr td a{text-decoration: none;}
.offer tr:hover{background-color:#f2f2f2;}
.fecha_oferta{padding: 0px; font-weight: bold; text-align: center;}

/*==== empresas ====*/
#empresas{margin:0 auto; width:850px; text-align:left; position:relative;}
ul#items{margin:16px 0; width:auto; height:245px; overflow:hidden;}
ul#items li{
    list-style:none;
    float:left;
    height:240px;
    overflow:hidden;
    margin:0 4px;
    background:#DBDAE0;
    color:#fff;
    text-align:center;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    -moz-box-shadow:0 1px 1px #777;
    -webkit-box-shadow:0 1px 1px #777;
    box-shadow:0 1px 1px #777;
    color:#555;
}
ul#items li:hover{color:#333;}
ul#items li .image{
    margin:20px 20px 10px 20px;
    width:158px;
    height:150px;
    overflow:hidden;
    border:2px solid #fff;
    -moz-box-shadow:0 1px 1px #bbb;
    -webkit-box-shadow:0 1px 1px #bbb;
    box-shadow:0 1px 1px #bbb;
}	
ul#items h3{text-transform:uppercase;font-size:14px;font-weight:bold;margin:.25em 0;text-shadow:#f1f1f1 0 1px 0;}	
ul#items .info{color:#999;text-shadow:#f1f1f1 0 1px 0;}

ol#pagination{position:relative;text-align:center;}
ol#pagination li{
    display:inline-block;
    width:16px;
    height:16px;
    background:url(../images/bg_buttons_empresas.png) no-repeat 0 0;
    text-align:left;
    text-indent:-8000px;
    list-style:none;
    cursor:pointer;
    margin:0 2px;
}
ol#pagination li:hover{background:url(../images/bg_buttons_empresas.png) no-repeat 0 -16px;}
ol#pagination li.current{color:#f00;font-weight:bold;background:url(../images/bg_buttons_empresas.png) no-repeat 0 -32px;}
ol#pagination li.prev, ol#pagination li.next{position:absolute; top:-150px;}
ol#pagination li.prev{left:-30px;background:url(../images/bg_buttons_empresas.png) no-repeat 0 -64px;}
ol#pagination li.next{right:-30px;background:url(../images/bg_buttons_empresas.png) no-repeat 0 -48px;}

/*==== interior empresas ====*/
ul#int-items{margin:auto 80px; width:840px; overflow:hidden;}
ul#int-items li{
    list-style:none;
    float:left;
    height:240px;
    overflow:hidden;
    margin:10px 4px;
    background:#DBDAE0;
    text-align:center;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    -moz-box-shadow:0 1px 1px #777;
    -webkit-box-shadow:0 1px 1px #777;
    box-shadow:0 1px 1px #777;
    color:#555;
}
ul#int-items li:hover{color:#333;}
ul#int-items li .image{
    margin:20px 20px 10px 20px;
    width:158px;
    height:150px;
    overflow:hidden;
    border:2px solid #fff;
    -moz-box-shadow:0 1px 1px #bbb;
    -webkit-box-shadow:0 1px 1px #bbb;
    box-shadow:0 1px 1px #bbb;
}	
ul#int-items h3{text-transform:uppercase;font-size:14px;font-weight:bold;margin:.25em 0;text-shadow:#f1f1f1 0 1px 0;}	
ul#int-items .info{color:#999;text-shadow:#f1f1f1 0 1px 0;}

/*==== Servicios ====*/
.servicios{width: 1000px; margin: 0 auto;}
.acc_trigger {
    margin: 0 auto 5px auto;
    padding: 0;
    background: #005A97 url(../img/arrow_right.png) no-repeat 10px 10px;
    height: 46px; 
    line-height: 46px;
    width: 700px;
    font-size: 19px;
    font-weight: bold;
}
.acc_trigger a {color: #fff; text-decoration: none; display: block; padding: 0 0 0 50px;}
.acc_trigger a:hover {color: #333; background: #2895EE url(../img/arrow_bottom_rigth.png) no-repeat 10px 10px;}
.active {background-position: left bottom; background: #0F6FBD url(../img/arrow_bottom.png) no-repeat 10px 10px;}
.acc_container {
    margin: 0 auto 5px auto;
    padding: 0;
    overflow: hidden;
    font-size: 15px;
    width: 700px;
    clear: both;
    background: #f0f0f0;
    border: 1px solid #d6d6d6;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}
.acc_container .block {padding: 20px;}
.block ul li{background: url(../img/chulo_verde.png) no-repeat; padding: 0 0 10px 20px;}

/*==== Articulos ====*/
.article{width: 250px; text-align: justify; float: left;}
ul.team-list{width: 650px; text-align: justify; padding: 10px 40px; float: left;}
ul.team-list li{padding: 10px 20px; background-color: #eaeaea;}

/*==== Areas ====*/
ul.areas{padding-left: 0px;}
ul.areas li{font-weight: bold; padding: 0 0 5px 0px; font-size: 12px;}
ul.areas li a{font-weight: bold; padding: 0 0 5px 20px; background: url(../img/b-areas.png) no-repeat 0 0; text-decoration: none; color: #333;}
ul.areas li a:hover{font-weight: bold; padding: 0 0 5px 20px; background: url(../img/b-areas-hover.png) no-repeat 0 0; color: #ccc;}

/*==== Descargas ====*/
.descargas{height: auto; margin: 10px 0px;}
.descargas img{border: 0; margin: 5px 0px; padding: 0;}

/*==== Boletin ====*/
.msjf{background-color: #DF0000; font-weight: bold; padding: 5px; height: auto; width: auto; color: #fff; text-align: center;}
.msjt{background-color: #73b515; font-weight: bold; padding: 5px; height: auto; width: auto; color: #fff; text-align: center;}

.boletin{background-color: #f7f7f7; border: 1px solid #d6d6d6; height: auto; line-height: 20px; padding: 10px 20px;}
.boletin img{border: 0; margin: 0; padding: 0;}
.boletin p.inscribete{background: url(../img/mail.png) no-repeat 0 0; background-position: right; font-weight: bold; font-size: 15px; padding: 5px 0px;}
.boletin .contacts-form {padding: 10px 0px; width: 200px;}
.boletin .contacts-form input{width: 190px; border: 2px solid #e5e5e5;}
.boletin .contacts-form a{color:#000; text-decoration: none; font-weight: bold; float: right; padding-top: 5px;}
.boletin .contacts-form a:hover{color:#f27f02;}


/*===== footer =====*/
footer{color:#fff; padding:20px 0 22px 0; border-top:5px solid #eee;}
footer .fleft {padding-left:40px;}
footer .fright {padding-right:40px;}

/*----- forms -----*/
.contacts-form {width:auto; margin: 0 auto; overflow:hidden; }
.contacts-form input{width: 100%;}

#contacts-form {width:100%; margin: 0 auto; overflow:hidden;padding: 40px 0 0 100px;}
#contacts-form input{width: 100%;}
#contacts-form fieldset {border:none; float:left;}
#contacts-form .field {clear:both;}
#contacts-form label {float:left; width:110px; line-height:18px; padding-bottom:6px; font-weight:bold;}
#contacts-form input {
    width:205px;
    padding:1px 0 1px 3px;
    background:none;
    border:1px solid #e5e5e5;
    color:#616161;
    float:left
}
#contacts-form input:invalid {border-color:red;}
#contacts-form textarea { 
    width:450px;
    height:215px;
    padding:1px 0 1px 3px;
    background:none;
    border:1px solid #e5e5e5;
    color:#616161;
    margin-bottom:12px;
    overflow:auto;
    float:left;
}
#contacts-form div:last-child {padding-left:110px;}

/******* CONTENT *******/
#form1{padding-left: 100px; height: auto;}
.form1{padding: 0px 15px 0px 0px; height: auto; width: 400px;}
div label{display: block; color: #333; /*line-height: 20px;*/ font-size: 12px; margin-top: 10px; font-weight: bold;}
.section{margin-bottom: 15px;}
input.text, input.submit{
    width: 98%;
    /*background: #eaeaea url(img/search.png) no-repeat scroll right 2px;*/
    padding: 2px;
    color: #000;
    border: 1px solid #393939;
    margin-bottom: 0px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    font-size: 12px;
}
label select{
    width: 98%;
    /*background: #eaeaea url(img/search.png) no-repeat scroll right 2px;*/
    padding: 2px;
    color: #000;
    border: 1px solid #393939;
    margin-bottom: 0px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    font-size: 12px;
}
input.text.active{background: #343434 url(img/search.png) no-repeat scroll right -43px;	border-color: #000; color: #fff;}
input.submit{width: auto !Important; background: #f5f5f5; color: #000; border-color: #c8c8c8; padding: 5px; margin-top: 0.5em;}
.requisites{padding: 0 2px 0 2px; color:#fff;font-size: 12px;}
.requisites.error{text-decoration: underline; background: #beeaf7; color: #000;font-size: 12px;}
input.error{background: #beeaf7; border-color: #000;}
/******* /CONTENT *******/

/******* /questions *******/
#mask {position:fixed; left:0; top:0; z-index:9000; background-color:#326582; display:none;}
#boxes .window {position: fixed; left:0; top:0; width:510px; height:400px; display:none; z-index:9999; padding:20px; margin: 0px;}
#boxes #dialog {width:445px; height:420px; padding:20px; background-color:#ffffff;}
.close{float: right;}

.datos{padding: 15px 10px; background-color: #bff0ff; width: 800px; margin-left: 100px; margin-top: 15px;}
#form10{width: 600px; padding-left: 200px;}
.prueba{width: auto; border-bottom: 1px solid #eaeaea;}
.questions{padding: 10px 5px;}
.radio{padding: 10px 5px 15px 5px; margin-left: 30px;}

iframe {display:none !important;}
header iframe, section iframe, footer iframe, div iframe { display:inline; }

.resaltador{font-weight: bold; background-color: #eeff00;text-align: center;padding: 5px 0px;}
.introduccion{width: 600px;font-size: 15px;text-align: justify;}
.introduccion p{padding: 5px 0px;}

.aviso{width: 500px;}

.table{margin-left: auto; margin-right: auto; width: 1020px; margin-top: 10px;font-size: 12px;}
.table th{background-color: #3081ae; color: #fff; margin-top: 10px; font-size: 16px; border-top: solid #eaeaea 5px; width: auto;}
.table .ths{background-color: #333; color: #fff; margin-top: 8px; font-size: 14px;font-weight: bold;border-top: solid #eaeaea 5px;}
.td{padding: 3px 0px 3px 10px;font-weight: bold;background-color: #eaeaea;}
.tdr{padding: 3px 0px 3px 5px;border-bottom: solid #eaeaea 1px; border-right: solid #eaeaea 1px;}

.tdrp{padding: 3px 5px 3px 10px; border: solid #eaeaea 1px;}

.th{padding: 5px 0px 5px 10px;text-align: left;margin-top: 10px;}
.ths{padding: 3px 8px 3px 10px;text-align: left;margin-top: 10px;}
.the{padding: 5px 10px 5px 0px;text-align: right;margin-top: 10px; font-size: 10px;}

.tdc{padding: 3px;font-weight: bold;background-color: #eaeaea; text-align: center;}
.thc{font-size: 12px;}
.tdrc{padding: 3px 10px; border: solid #eaeaea 1px;}
.tdrc a{color: #005A97; text-decoration: none;}
.tdrc a:hover{color: #f49904;}
.tdrc a:visited{color: #f49904;}

.columna{float: left;margin: 5px;}

.bip{margin-left: auto; margin-right: auto; width: 600px;margin-top: 10px;font-size: 12px;}
.bip .td{padding: 3px 0px 3px 10px;font-weight: bold;background-color: #fff; width: 100px;}
.bip .th{padding: 5px 0px 5px 10px;text-align: left;margin-top: 10px;}
.bip .campo{width: 300px;}

.sesion{width: 190px; padding: 10px; margin: 10px auto; background-color: #e7e7e7; border: 1px #333 solid;}
.sesion #ids,#pass{width: 185px;}
.sesion input{width: 185px;}

.editar{text-align: right; font-weight: bold;padding: 0px 10px 0px 0px;}

.resumen h3{border-bottom: 1px #eaeaea solid; border-top: 1px #eaeaea solid;}
.resumen p{color:#ccc;}

.redes{background-color: #f7f7f7; border: 1px solid #d6d6d6; margin-bottom: 5px;}
.redes a img {width: 45px; height: 45px; margin: 11px; }

.cajon{width: 680px}