/* CSS Document  #b0c6d1*/
body{ background: #CCCCCC; color:#000000; padding:0px; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif;
scrollbar-face-color:#bae4f4;
scrollbar-highlight-color:#FFFFFF;
scrollbar-3dlight-color:#CCCCCC;
scrollbar-darkshadow-color:#82afce;
scrollbar-shadow-color:#82afce;
scrollbar-arrow-color:#FFFFFF;
scrollbar-track-color:#FFFFFF;}

#arriba{margin:0px auto; margin-top:0px; margin-bottom:0px;  width:902px; height:157px; background: url(cabecera.jpg) no-repeat left top; border:#666666 0px solid}
.arriba_crisis{width:902px; height:157px;  background:url(../RECURSOS/crisis.png) left bottom no-repeat}

#arriba_logo{float:left; margin-top:5px; margin-left:5px; width:240px; height:90px; border:#3399CC 0px solid}
#arriba_derecha{float: right; margin-right:5px; margin-top:5px; width:345px; height:90px; border:#3399CC 0px solid}

#contenedor{margin:10px auto; margin-top:0px;  width:902px; border:#FFFFFF 0px solid; background: url(bg_centro.jpg) no-repeat top left #FFFFFF ; overflow:hidden; filter:alpha(opacity=100); -moz-opacity: 1; opacity: 1;}

#izquierda{ float:left; width:700px; min-height:520px; overflow:hidden}
#derecha{float: right; width:190px; background:#000000; color:#CCCCCC; min-height:520px; margin:0px; overflow:hidden}

#abajo_del_todo{text-align:center; border-top:#cccccc 1px solid; padding-bottom:10px; margin-top:0px; float:left; width:900px; }

#pasos{background:url(../RECURSOS/pasos.gif) bottom center no-repeat; border-top:#CCCCCC 0px solid; height:67px;  cursor:hand; cursor:pointer; } 
#pasos:hover{background:url(../RECURSOS/pasos_hover.gif) bottom  center no-repeat; } 

.titular_azul{color:#000066;  font-size:16px; font-weight:bold}


#menu{float:left; width:100%; text-align: left; margin-top:10px; border:#000066 0px solid }
.menu_texto{font-size:18px; color: #c0d6eb; font-weight:600px; cursor:hand; cursor:pointer; }
.menu_texto:hover{color:#FF9300}

#explicacion{border:#3399FF 0px solid}
#explicacion_corta{ border:#3399FF 0px solid}

.acc_boton{ height:50px; padding-left:5px; padding-right:5px;  text-align:center; background:url(fondo_boton.gif) repeat-x; font-size:18px; color:#333333; border:#FFCC00 2px solid; cursor:hand; cursor:pointer; font-family:Trebuchet MS}
.acc_boton:hover{ background:url(fondo_boton_hover.gif) repeat-x;}

#abajo{ float:left; width:100%; min-height:250px; overflow:hidden }

#opciones_arriba{ width:680px; float:right; border:#000000 0px solid; margin-top:20px}
#opcion1{float:left; width:380px; margin-left:0px; text-align:left; border:#000000 0px solid; background:url(pc.gif) no-repeat left top; min-height:200px}
#opcion2{float:left; width:260px; margin-left:30px; text-align:left; border:#000000 0px solid}

#opciones_abajo{ width:680px; float:right; border:#000000 0px solid; margin-top:40px; text-align: center; padding-bottom:20px}
#opciones_abajo_1{ width:215px; float: left; border-right:#CCCCCC 1px solid; margin-left:0px; text-align:left}
#opciones_abajo_2{ width:215px; float: left; border-right:#CCCCCC 1px solid; margin-left:10px; text-align:left}
#opciones_abajo_3{ width:215px; float: left; border-left:#CCCCCC 0px solid; margin-left:10px;  text-align:left}

.pagina_explicacion{ margin:20px; border:#000000 0px solid;  padding:10px; }

.tablilla{ color:F5F5F5}
.titulo_tablilla{ text-align: right}
.texto_tablilla{ text-align:left; color:#CCCCCC; font-size:11px;}
.texto_tablilla:hover{ color:#FF9300}
.texto_login{ text-align:left; color:#CCCCCC; font-size:11px;}

.inputs_login{width:125px; background:#333333; border:#000000 1px solid;  text-align:left; color:#c0d6eb }
.boton_login{width:50px; background:#333333; border:#000000 1px solid;  text-align: center; color:#c0d6eb; cursor:hand; cursor:pointer; border-right: #666666 1px solid; border-bottom:#666666 1px solid}
.boton_login:hover{color:#FF9300; border-right:#999999 1px solid; border-bottom:#999999 1px solid}
#zona_login{  overflow:hidden; border-bottom:#999999 1px solid; padding-bottom:5px; padding-bottom:5px; min-height:100px}

.btn_volver{float:left; margin-left:40px; margin-top:20px; cursor:hand; cursor:pointer}

.titulo{color:#FF9300; font-size:14px; font-weight:bold}
.texto{color:#000066;  font-size:16px; font-weight:bold}
.cambio_OK{ color: #006633; font-size:11px; font-weight:bold; padding:1px; margin-top:5px; height:20px; overflow:hidden}

.aviso_importante{border:#000033 0px solid; color: #990000; font-size:12px; font-weight:bold; padding:5px; margin-top:5px; margin:20px; text-align:center}
.aviso_recuadro{border:#000033 1px solid; color: #990000; font-size:12px;  padding:5px; margin:20px; text-align:left; background:#FFFFFF}

.link{color: #000066; font-size:12px; cursor:hand; cursor:pointer}
.link:hover{color:#FF9300}
.link_claro{color: #CCCCCC; font-size:12px; cursor:hand; cursor:pointer}
.link_claro:hover{color:#FF9300}
.link_gris{color: #666666; font-size:12px; cursor:hand; cursor:pointer}
.link_gris:hover{color:#333333}

.mano{cursor:hand; cursor:pointer}

.texto_peque{font-size:10px}
.texto_blanco{ color:#FFFFFF}
.texto_negro{ color:#000000; font-weight:bold}

.error{ margin:5px; text-align:center; padding:5px; color:#990000; background:#EEEEEE; border:#999999 1px solid; font-size:12px; font-weight: 600}
.correcto{ margin:5px; text-align:center; padding:5px; color:#006600; background:#EEEEEE; border:#999999 1px solid; font-size:12px; font-weight: 600}

.super_texto_vinculo{color: #000033; font-size:20px; cursor:hand; cursor:pointer}
.super_texto_vinculo:hover{color:#FF9300}
.medio_texto_vinculo{color: #000066; font-size:14px; cursor:hand; cursor:pointer}
.medio_texto_vinculo:hover{color:#FF9300}
.peque_texto_vinculo_blanco{color: #FFFFFF; font-size:13px; cursor:hand; cursor:pointer}
.peque_texto_vinculo_blanco:hover{color:#FF9300}
.super_peque_texto_vinculo_blanco{color: #DDDDDD; font-size:10px; cursor:hand; cursor:pointer}
.super_peque_texto_vinculo_blanco:hover{color:#FF9300}

#zona_ajax{float:left; border:#999999 0px solid; width:600px;  margin:10px; margin-left:0px}
#zona_ajax_interior{ float:left; margin:10px; width:580px; text-align:left; border:#000000 0px solid; min-height:150px}
#formulario{ color:#333333; font-size:14px; font-weight:bold; float:left; margin-left:0px; margin-top:10px}

.margena{float: left; margin-left:40px; margin-top:10px}
.margena_left{float: left; margin-left:100px; margin-top:10px}

#flotante
{
position: absolute;
display:none;
z-index:200;
/*width:287px;
height:250px;
background:url(pantalla.gif) no-repeat;*/
border:#cccccc 1px solid;
padding:10px;
background:#FFFFCC;
color:#000000;
}

.caja_aviso {position:relative; padding:17px; margin:10px 0; margin-left:10px; margin-top:20px}

    .corner {position:absolute; width:17px; height:17px;}
        .topLeft {top:0; left:0; background-position:-1px -1px;}
        .topRight {top:0; right:0; background-position:-19px -1px;}
        .bottomLeft {bottom:0; left:0; background-position:-1px -19px;}
        .bottomRight {bottom:0; right:0; background-position:-19px -19px;}
#type2 {background-color:#cddfca; color:#b0c6d1}/*e8f0f0}/*#EEEEEE;}*/ /*CDDFCA;}*/
#type2 .corner {background-image: url(circulo.jpg);}