﻿body{
	font-family: Arial,sans-serif;
	color: #333333;
    margin: 0 auto;
	width: 1048px;
	font-size: 18px;
	background-color:#ECF0F5;
	background-repeat: repeat-x ;
}

.Wrapper {
    border: 0px solid #dedede;
    background-color: #fff;
    width: 1180px;
    margin: 0 auto;
}

h1
{
	font: bold 35px/35px Arial, helvetica;
	color: #333333;
}

h2
{ 
    font: normal 18px/18px Arial, helvetica;
	color: #006ab3;
	margin-bottom:15px; 
}
h3 {
    font: normal 13px/13px Arial, helvetica;
	color: #006ab3;
	margin-bottom:15px; 
}

.ccsFont1 {
    font: bold 25px/25px Arial, helvetica;
}
.ccsFont2{
    font: bold 10px/10px Arial, helvetica;
    color:#333333;
    font-style:oblique;
}

.cabecera {
    margin-top: 5px;
    margin-bottom: 0px;
    background-color: #3C8DBC;
    height: 100px;
}
.cabecera_test_publica {
    margin-top: 5px;
    margin-bottom: 0px;
    background-color: #5783ec;
}




.cuerpo {
    /*background: transparent url(img/fondo_main.gif) repeat-x top left;*/
    background-color:#F39C12;
    border-top: 1px solid #c0c0c0;
    font-weight: normal;
    font-size: .99em;
    line-height: 1.5em;
    color: #111;
    margin: 0 0 1em 0;
}

.cuerpo_menu_lateral {
    background-color: #2C3B41;
    float:left;
    min-height: 100%;
    width: 150px;
    overflow: auto;
    min-height:500px;
    color:#F39C12;
}
.cuerpo_contenido {
    background-color:#ECF0F5;
    float: none;
    height: 700px;
  
}


.Footer {
   /* border: 1px solid #ebebeb !important;
    background-color: #FFFFFF;*/
}

li
{
	list-style-image:url(../imagenes/bolo2.gif);
	}
li.limenui
{
	list-style-image:none;
	}
/*********** #navegacion-izquierda ***********/
#menu-i{
	float: left;
	width: 162px;
	/*background-color: #C4CEEA;*/
	background-image: url(../imagenes/menu_degradado2.gif);
	/*font-family: Arial, Helvetica, sans-serif;*/
	/*font-size: 12px;*/
	color: #FFFFFF;
	margin-right: 6px;
	margin-left:3px;
	
}
/*********** #menu-i enlaces ***********/
#menu-i ul a:link, #menu-i ul a:visited {
	display: block;
	color: #FFFFFF;
}
#menu-i ul {list-style: none; margin: 0; padding: 0px;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#menu-i li {}


table {
    border-spacing: 0px;
    border-collapse: collapse;
    empty-cells: show;
}




/* Estilo del menu seleccionado */
.cssFontMenuSeleccionado:link {color:#d81407;text-decoration:none;font-size:10px;font-weight:bold;text-align:justify;}
.cssFontMenuSeleccionado:active {color:#d81407;text-decoration:none;font-size:10px;font-weight:bold;text-align:justify;}
.cssFontMenuSeleccionado:visited {color:#d81407;text-decoration:none;font-size:10px;font-weight:bold;text-align:justify;}
.cssFontMenuSeleccionado:hover {color:#d81407;text-decoration:none;font-size:10px;font-weight:bold;text-align:justify;}
/* ----------------------- FIN LINKS ------------------------------------ */
.imglogo {
height:100px;
float:left;
}
.usuario {
    width:350px;
    text-align:right;
    color:#FFFFFF;
     font-size:30px
}
.usuario_test {
    width:350px;
    text-align:right;
    color:#FFFFFF;
     font-size:17px
}
.labelSede {
    width:550px;
    text-align:left;
    color:#F39C12;
     font-size:45px
}
.labelCABECERA {
     width:550px;
    text-align:center;
    color:#e6e7e8;
     font-size:45px
}
.labelAdministracionH1 {
    width:550px;
    text-align:left;
    color:#3B240B;
     font-size:30px
}
.labelAdministracionH2{
    text-align:left;
    color:#A9F5E1;
    font-size:12px
}
.labelAdministracionH2  a:link, .labelAdministracionH2 a:visited {
    text-align:left;
    color:#A9F5E1 !important;
    font-size:12px;
}
.caja_login {
    width:550px;height:150px;margin:100px 0px 0px 0px; padding :100px 10px 10px 100px;
    background-color:#5783ec;
    -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
    border-radius: 16px 16px 16px 16px;
    -moz-border-radius: 16px 16px 16px 16px;
    -webkit-border-radius: 16px 16px 16px 16px;
    border: 0px solid #000000;
}
#btnLogin {color:#ffffff;
}
.formulario_edicion {
    float:left;width:570px;padding-left:30px;padding-bottom:30px;padding-top:30px;border:solid 1px #000000;background-color:#E6E7E8;margin:20px;
}
.formulario_edicion_test {
    float:left;width:800px;padding-left:30px;padding-bottom:30px;padding-top:30px;border:solid 1px #000000;background-color:#E6E7E8;margin:20px;
}
.subformulario {padding:10px;background-color:#F9E79F;border-collapse: separate;}
.formulario_busqueda{float:left;width:280px;background-color:#57A8FA;padding:30px;height:50px;margin:20px;;}
.formulario_listado_correo{float:left}
.ListaGridView_cabecera {
 color:Black;background-color:#DDDDDD;
}
.ListaGridView {
    float:none; width:500px;height:100%;padding-left:20px
}

.ListaGridView_alternativa {
    color:Black;background-color:#E6E7E8;
}



.cuerpo_menu_lateral a:visited, .cuerpo_menu_lateral a:link {color:#ECF0F5;font-size:12px;text-decoration:none;margin-left:5px;
} 
.cuerpo_menu_lateral a:hover { color:#F39C12;font-weight:bold; 
}
.sede { padding:30px 0px 17px 200px;font-weight:bold; }
.lbAviso {font-weight:bold;font-size:22px;color:red;background-color:yellow;border: solid 1px red ;padding:20px;
           z-index: 101;
    -moz-box-shadow: 0px 0px 500px 1px #888888;
    -webkit-box-shadow: 0px 0px 500px 1px #888888;
    box-shadow: 0px 0px 500px 1px #888888;
    border-radius:10px;
    -moz-border-radius:10px;
}
.lbAvisoEMT {font-weight:normal;font-size:22px;color:#FFFFFF;background-color:#0971CD;border: solid 1px #333333 ;
}
.lbAviso3 {font-weight:normal;font-size:22px;color:#333333;background-color:#b1a8a8;border: solid 1px #333333 ;
           
		/*nos posicionamos en el centro del navegador
		top:200px;
		left:500px;
		border:1px solid #808080;
		padding:20px 40px 20px 40px;*/
}
.lbCuotaAfiliado {padding:30px 30px 30px 30px;font-weight:bold;font-size:20px;color:red;
}


.centrar
	{
		/*position: absolute;
		nos posicionamos en el centro del navegador
		top:100px;
		left:400px;
		/*border:1px solid #808080;*/
		/*padding:10px 30px 10px 30px;*/
	}
.DebenSerVotadosTitulo {
    font-weight:bold;font-size:20px;color:black;
}
.DebenSerVotadosEmpresa {
    font-size:16px;color:#006ab3;margin-left:0px;font-style:italic;text-decoration: underline;
}
.DebenSerVotados {
    font-size:12px;color:black;margin-left:10px;
}
.urgente {
    font-weight:bold;font-size:22px;color:red;text-align:center;
}
/*<aviso EMT >*/
.AvisoEMT_Titulo {
    font-weight:bold;font-size:20px;color:black;
}
.AvisoEMT_Afiliado {
    font-size:16px;color:#FFFFFF;margin-left:0px;font-style:italic;text-decoration: underline;
}

.AvisoEMT {
    font-weight:bold;font-size:22px;color:red;text-align:center;
}
/*<aviso EMT >*/
/* Test publico*/
.test_publico{    
    width: 600px;
    margin-left: 300px;
    margin-top:50px;
    padding :25px 10px 25px 10px;
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    border: 1px solid #000000;
    background-color:#e0e0e0;
}
.test_publico h1 { color:#333333;    }
.test_publico p { border-bottom:1px solid;    }

    
.test_publico a:visited, .test_publico a:link {
        color:#07528b;
        text-decoration:none;
        margin-left:5px;
        font-weight: bold;
}
.test_publico a:hover {
        color: #dd0200;
        text-decoration:none;
        margin-left:5px;
        font-weight: bold;
    }
.formulario_test_publico{    
    width: 950px;
    margin-left: 200px;
    margin-top:10px;
    padding :25px 10px 25px 10px;
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    border: 0px solid #000000;
    background-color:#DDDDDD;
    height: 650px;
    overflow-x:hidden; overflow-y:scroll;
}
.TableTest {width:90%
}
.FilaTest {
    border-bottom:1px solid;
    height: 60px;
}
.ColumnaTest1{
    width:50px;
}

.ColumnaTest2 {
}


/*<fuentes citas abogados>*/
.font_CabeceraCitasConFecha {
    font: bold 100% Arial, helvetica;
    color:#FFFFFF;
    font-style:oblique;
    margin-left:30px;
}
.font_lista_citas_hora {
    font: bold 100% Arial, helvetica;
    color:#ce1d1d ;
    font-style:normal;
    margin-right:5px; 
   
}
.font_lista_citas {
    font: bold 100% Arial, helvetica;
    color:#333333;
    font-style:oblique;
}
.font_lista_citas_telf {
    font: bold 100% Arial, helvetica;
    color:#333333;
    font-style:oblique;
  }   
.font_lista_citas_observaciones {
    font: bold 100% Arial, helvetica;
    color:#333333;
    font-style:normal;
    margin-left:40px;

}
/*<fuentes citas abogados>*/
/*<tabla citas abogados*/
.TableCitas {width:100%;
         }
.FilaCabeceraCitasConFecha {
    border-bottom:1px solid;
    height: 60px;
    background-color:darkblue;
    
}
.ColumnaCabeceraCitasConFecha{
    width:90%;
}
.FilaCitas {
    border-bottom:1px solid;
    height: 60px;
}
.FilaCitas {
    border-bottom:1px solid;
    height: 60px;
}

.ColumnaCitas1{
    width:1%;
    background-color:#c0c0c0;
   
}
.ColumnaCitas1 img{
    width:70%;
}
.FilaCitasDetalle {
    height: 60px;
}
.ColumnaCitasDetalle2 {
}
.ColumnaCitasDetalle1{
   
}

.ColumnaCitas2 font{ margin-left:10px;
}
.div_observaciones{background-color: #cad4e4;margin-left:10px;padding:10px;margin-bottom:5px}
/*</tabla citas abogados*/   
    
.label_pregunta{
    background-color:#DDDDDD;
    font-size:25px;
}
.lista_radio_pregunta {
    width:780px;
    margin:10px 0px 20px 0px;
    border-collapse: separate;
    background-color:#ECF0F5;
    font-size:20px;
    padding: 10px;
}


/* <resultado de los tests> */
.lbAviso3 .cssTituloResultadoTest {
    font-size:40px;
}
.cssIconoTest {height:35px;}
.cssImgCorrectas{height:20px;}
.cssImgIncorrectas{height:20px;}
.cssImgNoContestadas{height:20px;}

.cssPrincipalResultadoCorrectas,.cssSecundarioResultadoCorrectas {
    /*color:green;*/
    margin-left:10px; 
}
.cssPrincipalResultadoIncorrectas, .cssSecundarioResultadoIncorrectas {
    /*color:#ce1d1d;*/
    margin-left:10px;
}
.cssPrincipalResultadoNoContestadas,.cssSecundarioResultadoNoContestadas
{
    /*color:#ffff60;*/
    margin-left:10px;
}
.lbAviso3 .cssTituloNota, .lbAviso3 .ccsLabelNota{
    font-weight:bold;
    font-size:25px;
    color:#333333;

}
.cssCorrecto {
    color: green;
}
.cssInCorrecto {
    color:#ce1d1d;
}
.cssSinContestar {
    background-color:yellow;
}
.menu_test_usuarios {
    min-height: 50px;
    background-color: #16213b;
    float: none;
}
/* </resultado de los tests> */

/* <BONTONES DE CORREGIR, REALIZAR OTRO TEST Y CERRAR SESSION(VERSIÓN MOVIL)*/
.botom_corregir,.botom_elegir_test,.botom_cerrar_session_m {
    margin-left:50px;margin-top:5px;
    height:40px;
}

.botom_cerrar_session_m {
    visibility:hidden;
}
/* </BONTONES DE CORREGIR, REALIZAR OTRO TEST Y CERRAR SESSION(VERSIÓN MOVIL)*/


/* Smartphones (portrait and landscape) ----------- */
@media screen and (max-width: 300px) {
      
}

@media only screen and (min-device-width : 320px) and (max-device-width : 580px) {
    /* Styles */
    body, .Wrapper {
        width: 100%;
        font-size:50px;
    }
    .ccsFont1 {
    font: bold 35px/35px Arial, helvetica;
    }
    .ccsFont2{
        font: bold 25px/25px Arial, helvetica;
        color:#333333;
        font-style:oblique;
    }
    .caja_login {
        width: 750px;
    }
    .test_publico{ margin-left: 20px;width:100%}

    input[type=text],input[type=password] {
        height: 50px;
        font-size:50px;
    }
    .cuerpo_contenido {height:1100px; }
    .formulario_test_publico {
        margin-left: 10px !important;
        height:100%; 
    }
    .test_publico{    
    width: 100%;
    }
    .botom_corregir {
    margin-left:20px;margin-top:5px;
    height:80px;
    }
    .botom_elegir_test {
        margin-left:20px;margin-top:5px;
        height:80px;
    }
    .botom_cerrar_session_m {
        margin-left:20px;margin-top:5px;
        height:80px;
        visibility:visible;
    }
    .ImagenCerrarSession {
        visibility:hidden;
    }
    .menu_test_usuarios {min-height: 100px;}
    .label_pregunta {font-size:55px;  }
    .lista_radio_pregunta {font-size:45px; }
    .lista_radio_pregunta   input[type=radio] {   
    height: 30px;
    }
    .lbAviso3 .cssTituloResultadoTest {
    font-size:60px;
    }
 
    .lbAviso3 .cssTituloNota, .lbAviso3 .ccsLabelNota,.cssPrincipalResultadoCorrectas,.cssPrincipalResultadoIncorrectas,.cssPrincipalResultadoNoContestadas
    ,.cssSecundarioResultadoCorrectas,.cssSecundarioResultadoIncorrectas,.cssSecundarioResultadoNoContestadas{
        font-size:45px;

    }
    .cssIconoTest {height:45px;}
    .cssImgCorrectas{height:40px;}
    .cssImgIncorrectas{height:40px;}
    	.ColumnaCitas1 img {
    width:100%;
	}
    .ColumnaCitas2 img {
    width:6%;
	}
    .cssImgNoContestadas{height:40px;}
	/*<CITAS ABOGADOS>*/

}


}

