/* 
    Document   : general
    Created on : 11-nov-2011, 13:02:24
    Author     : Yasira

*/


/* ------------ GENERAL ------------ */
root { 
    display: block;
}

a:visited 
{
    color: #666666;
    text-decoration: none;
}

a:active {
    color: #666666;
    text-decoration: none;
}

a:link {
    color: #666666;
    text-decoration: none;
}

a:hover {
    color: #5A0000;
    text-decoration: none;
}

p
{
    color: #333333;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
}

.negrita
{
    font-weight: bold;
}

body
{
    font-size: 10px;
    color: #333333;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-align: center;
}

#page
{
    margin: auto;
    width: 962px;
    text-align: left;
}

#header, #header_componentes, #header_despacho, #header_contacto, #header_documentos
{
    height: 127px;
}

#header
{
    background: url('../images/headers/header_inicio.jpg') no-repeat;
}

#header_despacho
{
    background: url('../images/headers/header_despacho.jpg') no-repeat;
}

#header_componentes
{
    background: url('../images/headers/header_componentes.jpg') no-repeat;
}

#header_contacto
{
    background: url('../images/headers/header_contacto.jpg') no-repeat;
}
#header_documentos
{
    background: url('../images/headers/header_documentos.jpg') no-repeat;
}

#contenido, #contenido_despacho, #contenido_componentes, #contenido_contacto, #contenido_documentos
{
    float: left;
    margin-left: 37px;
    min-height: 366px;
    width: 720px;
}

#contenido_componentes
{
    background: url("../images/fondos/fondo_componentes.jpg") no-repeat scroll 0 0 transparent;
}

#contenido_contacto
{
    background: url("../images/fondos/fondo_contacto.jpg") no-repeat scroll 0 0 transparent;
}

#contenido_documentos
{
    background: url("../images/fondos/fondo_documentos.jpg") no-repeat scroll center bottom transparent;
}

/* ------------ MENU_TOP ------------ */

#div_menu_top
{
    margin-bottom: 40px;
    margin-left: 8px;
    margin-top: 14px;
}

ul.menu_top
{
    color: #5A0000;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-weight: bold;
    
}

ul.menu_top li
{
    display: inline;
    float: left;
    margin-right: 70px;
    position: relative;
}




/* ------------ MENU_RIGHT ------------ */

#div_menu_right
{
    float: left;
    height: 364px;
    width: 169px;
}

ul.menu_right
{
    color: #5A0000;
    font-family: Helvetica;
    font-size: 10px;
    padding-left: 33px;
}

ul.menu_right li
{
    height: 63px;
    list-style: none outside none;
    margin-bottom: 23px;
    margin-top: -12px;
    width: 137px;
}


#menu_1 
{
    background: url("../images/menu_right/1.jpg") no-repeat scroll left top transparent;
    
}

#menu_1 a
{
    padding-top: 24px;
    font-weight: bold;
}

#menu_2 
{
    background: url("../images/menu_right/2.jpg") no-repeat scroll left top transparent;
}

#menu_2 a
{
    color: #A492A8;
    padding-top: 18px;
    font-weight: bold;
}

#menu_3
{
    background: url("../images/menu_right/3.jpg") no-repeat scroll left top transparent;
}

#menu_3 a
{ 
    color: #574612;
    padding-top: 10px;
    font-weight: bold;
}

#menu_4
{
    background: url("../images/menu_right/4.jpg") no-repeat scroll left top transparent;
}

#menu_4 a
{
    color: #ddd39e;
    padding-top: 10px;
}

#menu_5
{
    background: url("../images/menu_right/5.jpg") no-repeat scroll left top transparent;
    
}

#menu_5 a
{
    color: #ddd39e;
    padding-top: 24px;
    font-weight: bold;
}

#menu_1 a:hover , #menu_2 a:hover , #menu_3 a:hover, #menu_4 a:hover, #menu_5 a:hover
{
    color: white;
}

#menu_1 a , #menu_2 a , #menu_3 a, #menu_4 a, #menu_5 a
{
    width: 111px;
    padding-left: 11px;
    position: absolute;
}


/* ------------ FOOTER ------------ */

#footer
{
    display: inline-block;
}

#footer li {
    float: left;
    list-style: none outside none;
    margin-right: 42px;
}

#subtitulo {
    top: 176px;
    position: relative;
    margin-left: 55px;
    color: #5A0000;
    font-size: 10px;
    font-weight: bold;
}


/* -------------------- CV / COMPONENTES ----------------- */

#foto
{
    float: right;
    margin-top: -40px;
}

#iframe
{
    background-color: transparent;
    border: 0 none;
    height: 370px;
    width: 720px;
}

#iframe_cv
{
    background-color: transparent;
    border: 0 none;
    height: 273px;
    width: 451px;
}


.volver
{
    color: #333333;
    font-weight: bold;
}

#volver
{
    float: right;
    margin-right: 10px;
    margin-top: 5px;
    
}

.seccion
{
    color: #5A0000;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-weight: bold;
}

#indice_componentes
{
    float: left;
    line-height: 25px;
    /*padding-left: 26px;*/
    padding-top: 20px;
    /*width: 400px;*/
    text-align: left;
}

ul.lista_componentes
{
    list-style-image: url("../images/icons/icon_curriculum.jpg");
}

ul.lista_componentes, ul.lista_componentes a:visited
{
    color: #333333;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: bold;
}

ul.lista_componentes a:hover
{
    color: #FF5B5B;
}

.cv
{
    text-align: left;
}

#imagen_componentes
{
    float: right;
	padding-top: 89px;
}

.separador
{
    height: 1px;
    background: url("../images/dot.gif") repeat-x scroll 0 0 transparent;
}

.seccion_cv
{
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #333333;
}

.texto_cv
{
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
    color: #333333;
    list-style-image: url("../../style/images/icons/marcador_4.gif");
}



/* ------------ DESPACHO ------------ */

#contenido_despacho
{
    background: url("../images/fondos/fondo_despacho.jpg") no-repeat scroll right bottom transparent;
}

#despacho_img 
{
    background: url("../images/fondos/despacho.jpg") no-repeat scroll center bottom transparent;
    height: 195px;
}

#texto_despacho
{
    font-size: 11px;
    padding-left: 4px;
    padding-right: 6px;
    text-align: justify;
}


/* ------------ DOCUMENTOS ------------ */

#texto_documentos
{
    margin-left: 16px;
    text-align: left;
}

.documentos
{
    margin-bottom: 20px;
}

.documentos a
{
    text-decoration: none;
    font-weight: bold;
    font-size: 11px;
}

.documentos ul
{
    list-style-image: url("../../style/images/icons/marcador_2.gif");
}

.documentos li
{
    margin-top: 10px;
}



/* ---------------- CONTACTO -------------- */
.contacto
{
    color: #333333;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 10px;
    padding-left: 40px;
}

.contacto td
{
    width: 345px;
}

.contacto tr
{
    height: 60px;
    width: 345px;
}

#contenido_contacto p
{
    margin-right: 20px;
    padding-left: 20px;
    text-align: justify;
}