/* Reset! */
html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big,
cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, 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-weight:inherit;
font-style:inherit;
font-size:100%;
font-family:inherit;
vertical-align:baseline;
}
:focus {
outline:0;
}
a { outline:none; text-decoration:none }
a img { border:none }
ol, ul {
list-style:none;
}


html,
body {
width:100%;
line-height:1;
font:11px Verdana, Arial, Helvetica, sans-serif;
background:#1f89a8;
}
strong {
font-weight:bold;
}
em {
font-style:normal;
}
.clr {
display:none;
}

#intro {
background:url(images/bg-intro.jpg) repeat-x bottom;
position:absolute;
top:50%;
margin-top:-129px;
height:229px;
width:100%;
}
#intro .medio {
background:url(images/bg-nubes.jpg) no-repeat right bottom;
height:229px;
}
#intro .medio h1 {
position:absolute;
right:40px;
margin-top:77px;
background:url(images/h-estudiona-intro.jpg) no-repeat;
text-indent:-9999px;
height:111px;
width:202px;
}
#intro .medio a {
position:absolute;
right:280px;
text-indent:-9999px;
background:url(images/img-intro.jpg) no-repeat;
height:229px;
width:174px;
}
#intro .medio h2 {
background:url(images/h-bienvenidos.png) no-repeat;
text-indent:-9999px;
position:absolute;
top:50px;
right:464px;
width:362px;
height:22px;
display:block;
}
#intro .medio p {
padding:0 6px;
color:#143269;
position:absolute;
top:78px;
right:466px;
width:348px;
line-height:20px;
}
#intro a.ingresar {
background:url(images/btn-ingresar.gif) no-repeat 0 0;
text-indent:-9999px;
margin:14px 283px 0 0;
float:right;
display:block;
width:151px;
height:35px;
}
#intro a.ingresar:hover {
background:url(images/btn-ingresar.gif) no-repeat 0 -35px;
}

#contenedor {
background:url(images/bg-contenedor.jpg) repeat-y;
margin:0 auto;
width:858px;
}

#arriba {
border-bottom:1px solid #e9f2f5;
background:#1b3f95 url(images/bg-arriba.jpg) no-repeat right;
margin:0 auto;
height:120px;
width:838px;
}
#arriba h1 a {
position:absolute;
text-indent:-9999px;
background:url(images/h-estudiona.gif) no-repeat;
height:120px;
width:220px;
}

#medio {
margin:0 auto;
width:838px;
}
#medio .btn {
background:url(images/bg-btn.jpg) no-repeat top;
float:left;
width:219px;
min-height:419px;
}
#medio .btn ul {
padding-top:10px;
list-style:none;
}
#medio .btn li {
padding:0;
}
#medio .btn li a {
width:180px;
height:30px;
text-indent:-9999px;
margin:5px 0 0 15px;
text-decoration:none;
display:block;
}
#medio .btn li.estudio a {
background:url(images/btn-estudio.gif) no-repeat 0 0;
}
#medio .btn li.estudio-act a,
#medio .btn li.estudio a:hover {
background:url(images/btn-estudio.gif) no-repeat 0 -30px;
}
#medio .btn li.areas a {
background:url(images/btn-areas.gif) no-repeat 0 0;
}
#medio .btn li.areas-act a,
#medio .btn li.areas a:hover {
background:url(images/btn-areas.gif) no-repeat 0 -30px;
}
#medio .btn li.integrantes a {
background:url(images/btn-integrantes.gif) no-repeat 0 0;
}
#medio .btn li.integrantes-act a,
#medio .btn li.integrantes a:hover {
background:url(images/btn-integrantes.gif) no-repeat 0 -30px;
}
#medio .btn li.clientes a {
background:url(images/btn-clientes.gif) no-repeat 0 0;
}
#medio .btn li.clientes-act a,
#medio .btn li.clientes a:hover {
background:url(images/btn-clientes.gif) no-repeat 0 -30px;
}
#medio .btn li.contacto a {
background:url(images/btn-contacto.gif) no-repeat 0 0;
}
#medio .btn li.contacto-act a,
#medio .btn li.contacto a:hover {
background:url(images/btn-contacto.gif) no-repeat 0 -30px;
}

#medio .cnt {
background:url(images/bg-cnt.jpg) no-repeat top;
padding:18px;
float:left;
width:582px;
margin-left:1px;
min-height:200px;
}
#medio .cnt h1.estudio-juridico,
#medio .cnt h1.areas-practica,
#medio .cnt h1.integrantes,
#medio .cnt h1.contacto {
width:581px;
height:24px;
display:block;
text-indent:-9999px;
margin-bottom:6px;
}
#medio .cnt h1.estudio-juridico {
background:url(images/h-sobre.jpg) no-repeat;
}
#medio .cnt h1.areas-practica {
background:url(images/h-areas.jpg) no-repeat;
}
#medio .cnt h1.integrantes {
background:url(images/h-integrantes.jpg) no-repeat;
}
#medio .cnt h1.contacto {
background:url(images/h-contacto.jpg) no-repeat;
}
#medio .cnt h2 {
font:18px Arial, Helvetica, sans-serif;
padding-left:6px;
color:#195994;
}
#medio .col1 {
width:274px;
float:left;
}
#medio .col2 {
border-left:6px solid #d7e9eb;
background:#e1eeef;
width:302px;
float:left;
}
#medio .col2 h2 {
margin-bottom:8px;
}
#medio .col2 .envio-error {
width:278px;
margin:6px;
padding:4px;
line-height:12px;
font-size:10px;
border:1px solid #f00;
background:#f2a5a5;
color:#f00;
}
#medio .col2 .envio-ok {
width:272px;
margin:6px;
padding:4px 7px;
line-height:16px;
border:1px solid #360;
background:#99b67c;
color:#360;
}
#medio .cnt p {
font-size:12px;
margin:8px 0;
padding:0 6px;
color:#143269;
line-height:21px;
}
#medio .cnt a {
text-decoration:none;
border-bottom:1px solid #c5dbe0;
color:#1f4a9c;
}
#medio .cnt a:hover {
border-bottom:1px solid #a3c0c6;
color:#97a9b2;
}
#medio .cnt ul {
list-style:none;
line-height:21px;
padding:0 6px;
margin:8px 0;
}
#medio .cnt li {
color:#2b5066;
background:url(images/bg-li.gif) no-repeat -2px 5px;
padding-left:11px;
}
#medio .cnt label {
padding:0 2px;
}
#medio .cnt input,
#medio .cnt textarea {
color:#1f4a9c;
background:#d7e9eb;
border:1px solid #e9f2f5;
padding:4px;
width:278px;
}
#medio .cnt textarea {
height:82px;
}
#medio .cnt .error {
background:#c2d2d4;
border:1px solid #f00;
}
#medio #enviar {
width:81px;
height:24px;
display:block;
border:none;
cursor:pointer;
background:url(images/btn-enviar.gif) no-repeat;
}
#medio #enviar strong {
display:none;
}

#abajo {
position:relative;
background:url(images/bg-abajo.jpg) no-repeat top;
margin:0 auto 10px;
height:71px;
width:859px;
display:block;
clear:both;
}
#abajo p {
position:absolute;
top:6px;
left:115px;
color:#143269;
margin:8px 0;
padding:0 6px;
line-height:15px;
}
#abajo a {
text-decoration:none;
color:#1F4A9C;
}
#abajo a:hover {
color:#97a9b2;
}
#abajo a.estudio,
#abajo a.estudio:hover {
position:absolute;
top:15px;
left:25px;
text-indent:-9999px;
background:url(images/btn-estudiona-ab.gif) no-repeat 0 0;
display:block;
width:79px;
height:29px;
}
#abajo a.estudio:hover {
background:url(images/btn-estudiona-ab.gif) no-repeat 0 -30px;
}
#abajo a.aureus,
#abajo a.aureus:hover {
position:absolute;
top:16px;
right:20px;
text-indent:-9999px;
background:url(images/aureus.gif) no-repeat 0 0;
display:block;
width:100px;
height:28px;
}
#abajo a.aureus:hover {
background:url(images/aureus.gif) no-repeat 0 -28px;
}