/*----- Estilos comunes a toda la web de Sistel -------*/

body {padding:0px; margin:0px; color:#444444; font:13px/17px "Trebuchet MS", Arial, Helvetica, sans-serif;}
div, p, ul, h2, img{padding:0px; margin:0px;}
ul {list-style-type:none;} 
a a:link a:visited a:hover{color:#000000; text-decoration:none;}
.enlace a {color:#8fad5a; background:#f4f4f4; text-decoration:underline; font-weight:bold;}

/*----- Panel superior y zona de menú de la web -------*/

#panelSuperior{width:850px; height:60px; position:relative; margin-left: auto;  margin-right: auto;}

#panelSuperior ul{width:850px; height:32px; position:absolute; top:25px; left:1px; text-align:right;}
#panelSuperior ul li{width:106px; height:32px; float:left; }
#panelSuperior ul li a{width:105px; height:32px; display:block; background:url(/imagenes/menu-normal.jpg) 0 0 no-repeat #f5f5f5; color:#000000; text-decoration:none; font-size:12px; font-weight:bold; text-align:center; line-height:32px; margin:0 0 0 0; padding-top:2px;}
#panelSuperior ul li a:hover{background:url(/imagenes/menu-seleccionado.jpg) 0 0 no-repeat #f5f5f5; color:#222222; text-decoration:none;padding-top:2px;}
#panelSuperior ul li.home{width:106px; background:url(/imagenes/menu-resaltado.jpg) 0 0 no-repeat #f5f5f5; color:#ffffff; text-decoration:none; font-size:12px; font-weight:bold; text-align:center; line-height:32px;padding-top:2px;}

/*----- Panel central de contenidos -------*/

#panelCentral{width:850px; position:relative; margin:auto auto;}
#panelCentral #cabeceraWeb{width:850px; height:90px; position:relative; margin-left: auto;  margin-right: auto; background:url(/imagenes/cabeceras/fondo-cabecera.gif) 0 0 repeat-y #eeeeee;}
#panelCentral #cabeceraWeb p {position:relative; width:800px; height:30px; padding-top:45px; padding-left: 15px;text-align:left; font:30px/30px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#ffffff;}
#panelCentral #flashCabecera {width:850px; height:354px; background:#f2fae3;} 

/*----Panel izquierdo de la web ----*/

#panelIzquierdo{width:200px; float:left; padding-top: 10px; }

#panelIzquierdo #menuServicios ul {list-style: none;margin: 0px;padding: 0px;}
#panelIzquierdo #menuServicios li {border:dotted 1px #2e4996; background:#fffeea; color:#111111; text-align:left; padding-left:10px; font-weight:bold; font-size:11px; height:20px; vertical-align:middle;margin:0 0 3px 0; line-height:20px;}
#panelIzquierdo #menuServicios li:hover {color:#000000; text-decoration:none; background:#d5e6f8;}
#panelIzquierdo #menuServicios a {color:#444444; text-decoration:none;}
#panelIzquierdo #menuServicios a:hover {color:#000000; text-decoration:none;}
#panelIzquierdo #menuServicios .home {color:#ffffff; background:#6683d3; text-decoration:none; }
#panelIzquierdo #menuServicios .home:hover {color:#ffffff; background:#6683d3; text-decoration:none; }
#panelIzquierdo #menuServicios li.cabecera {border:0px; background:#2f4996; color:#ffffff; text-align:left; font-size:12px; font-weight:bold; height:28px; vertical-align:middle; margin:0 0 3px 0; line-height:28px;}

/*----Panel derecho ----*/

#panelDerecho {width:635px; float:left; padding-top: 5px; margin-left:15px;}
#panelDerecho h1{width:635px; height:18px; display:block; color:#47669f; border-bottom:1px dashed #b9b9b9; font-size:15px; line-height:15px; margin-bottom:5px;}
#panelDerecho h1 a{font-size:12px; line-height:15px;}
#panelDerecho h2{height:18px; display:block; border-bottom:1px dashed #b9b9b9; font-size:14px; line-height:14px; margin-bottom:4px;}
#panelDerecho ul {list-style: url(/imagenes/iconos/bullet-azul.gif) inside; margin-left:15px;}
#panelDerecho li {padding: 4px 0 4px 15px; }
#panelDerecho li.nivel {padding-left: 45px;}
#panelDerecho .sinborde {border:none;} 
#panelDerecho p {text-align: justify; margin-bottom:10px;}
#panelDerecho a {color:#47669f; text-decoration:none; border-bottom:1px dashed #b9b9b9; font-weight:bold;}
#panelDerecho input[type="text"], input[type="password"], input[type="file"], textarea, select {color:#666666; font:13px/16px "Trebuchet MS", Arial, Helvetica, sans-serif; border: solid 1px #aaaaaa;}
#panelDerecho input.requerido {background-color:#fff0f0;}

#panelDerecho #direccion {margin:0 25px 0 25px; border-left:4px solid #47669f; padding:10px 15px 10px 15px; background-color:#fffeea;}
#panelDerecho #acordeon {margin:10px 0 10px 0;}

#panelDerecho #imagenes a:hover{background:#ffffff; color:#000000; text-decoration:none; border-bottom:0px;}

#panelDerecho #mapa h1{width:350px; height:18px; display:block; color:#47669f; border-bottom:1px dashed #b9b9b9; font-size:15px; line-height:15px; margin-bottom:5px;}

#panelDerecho form {display: inline;}
#panelDerecho #formularioUbicacion button {vertical-align:middle; border:none; padding:0; background:none; cursor:pointer; margin-left:5px;}
#panelDerecho #formularioUbicacion input[type="text"] {width:320px; height:17px; margin-left:5px; color:#666666; font:12px/16px "Trebuchet MS", Arial, Helvetica, sans-serif; border: solid 1px #aaaaaa;}
#panelDerecho input[type="submit"] {text-align: center; width:auto; overflow: visible;; border:outset 1px #ffffff;cursor:pointer;background:#999999;color:#666666;padding: 1px 10px;background:url(/imagenes/fondo-boton.gif) repeat-x left top; margin:20px;}

#panelDerecho label {font-size:13px; color:#333333;}
#panelDerecho span {font-size:13px; color:#333333;}
#panelDerecho fieldset { width : 550px; padding : 5px 10px 15px 0; margin:auto auto;border: 1px solid #cccccc; color:#aa0025; margin-top:10px; margin-bottom:10px;}
#panelDerecho legend {border: 1px solid #cccccc; padding:4px 12px 4px 12px; margin-bottom:15px; margin-left:10px;color:#47669f; font-weight:bold; } 
#panelDerecho .formularioGeneral label {clear:left;float:left;width: 170px;padding-left: 20px;margin: 5px; float: left;text-align: right;}   
#panelDerecho .formularioGeneral input {margin: 5px; padding: 0px;float: left; width : 330px; }
#panelDerecho .formularioGeneral select {margin: 5px; padding: 0px;float: left; width : 190px; }
#panelDerecho .formularioGeneral textarea { float:left; margin: 5px; width : 330px; height:110px; padding: 0 0 0 0;font-size:13px; border:1px solid #cccccc;}
#panelDerecho .formularioGeneral input[type="submit"] {text-align: center; width:auto; overflow: visible;; border:outset 1px #ffffff; cursor:pointer; background:#999999; color:#333333; padding: 1px 10px;background:url(/imagenes/fondo-boton.gif) repeat-x left top; margin:20px;}

#panelDerecho .mensajeError {background:#f9d5d5; padding:10px 10px 10px 10px; margin-bottom:10px;margin-top:10px;border:1px dashed #8f0f0f;}
#panelDerecho .mensajeAlerta {background:#ffffaa; padding:10px 10px 10px 10px; margin-bottom:10px;margin-top:10px;border:1px dashed #9f9f05;}
#panelDerecho .mensajeAlertaLink {background:#ffffaa; cursor:pointer;}

#panelDerecho #lopd p{color:#888888; font-size:11px;}
#panelDerecho .imagen {border: 1px solid #bbbbbb; padding:3px; background:#fffeea;}


/*----Panel inferior ----*/

#panelInferior{background:url(/imagenes/fondo-pie.gif) 0 0 repeat-x #ddeafd; color:#212121; position:relative; margin:0 auto; height:170px; clear:both; padding:15px 0 0;}

#panelPie{width:850px; position:relative; margin:0 auto; font:12px/15px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:normal; padding:15px 0 0;}
#panelPie ul{width:740px; height:20px; position:relative; margin: auto; text-align: center;}
#panelPie li{float:left;}
#panelPie ul li a{padding:0 12px 0; color:#212121; background:#ddeafd; text-decoration:none;}
#panelPie ul li a:hover{text-decoration:underline;}
#panelPie p.copyright{width:400px; background:#ddeafd; color:#212121; margin:10px auto 10px auto;}
#panelPie .creditos{text-decoration:none; background:#ddeafd; color:#212121; position:relative; margin:auto auto 10px 10px;}