/*
rojo_menu_sup: #c10000
gris suave: #cccccc
*/

#cuerpo .titulo{
    display:block;color:#c10000;text-transform:uppercase;
    font-size:12px;font-weight:bold;
    line-height:16px;
    margin-bottom:14px;
}

#cuerpo .titulo,#cuerpo .seccion_izda .bloque{border-bottom:3px #c10000 solid;}
#cuerpo .titulo span{background:url('/images/publico/adorno_lista.png') center left no-repeat;
    width:14px;height:11px;padding-left:14px;padding-right:3px}
#cuerpo .titulo a{color:#c10000}

.destacado{color:#c10000;font-size:14px}
.destacado a{text-decoration:underline;font-weight:inherit;}

.info,.error{padding:3px;color:green;margin-bottom:10px;padding-left:10px;width:95%}
.info{border:1px green solid;}
.error{border:1px  #c10000 solid;color:#c10000}
.texto_info{font-style:italic;font-size:10px;text-align:right;margin-top:16px;margin-bottom:16px}
.nombre_empresa{color:#c10000;font-weight:bold;display:inline;width:auto}

body{text-align:left}
ul{list-style:none}

.mas_info{font-size:12px;padding-left:4px;text-transform:none}
.mas_info,.mas_info a{color: #c10000;}
.mas_info a{padding-left:3px;padding-right:3px;}

#contenedor_principal{width:980px;margin:auto;}

#cabecera{width:980px;height:201px;background:black url('/images/publico/fondo_cabecera.jpg') top left no-repeat;margin-bottom:30px}
#area_logo{float:left;margin-left:20px;margin-top:5px}
#cabecera .menu{margin-top:150px;float:left}
#cabecera .menu ul{list-style:none}
#cabecera .menu ul li{float:left;text-align:center;width:130px}
#cabecera .menu ul li a{color:white;height:24px;line-height:24px;display:block;vertical-align:bottom;}
/*#cabecera .menu ul li.activo,#cabecera .menu ul li a:hover{background:#c10000;}*/
#cabecera .menu ul li a{color:white;text-transform:uppercase}


#menu_navegacion{width:20%;float:left;text-align:center;}
#menu_navegacion .seccion{width:78%;text-align:left;margin:auto;margin-bottom:10px}
#menu_navegacion .seccion.servidores{margin-top:20px;}
#menu_navegacion .seccion .titulo{margin-bottom:2px}
#cuerpo{width:80%;float:left;}
#menu_navegacion .seccion ul{margin-left:3px;}
.lista_adornada li{margin-bottom:4px;border-bottom:1px #cccccc solid;}
.lista_adornada  li a{display:block;color:black;text-transform:uppercase;font-size:10px;font-weight:normal;background:url('/images/publico/adorno_lista.png') center left no-repeat;padding-left:17px;line-height:16px}

.lista_adornada  li a:hover{color:#c10000;background-image:url('/images/publico/adorno_lista_on.png')}

#cuerpo{width:79%}
#cuerpo .seccion_izda{text-align:justify;line-height:16px;width:58%;float:left;margin-top:20px;text-transform:uppercase;font-size:12px}
#cuerpo .seccion_izda .texto_destacado{color:#c10000;font-size:20px;line-height:25px;text-transform:uppercase;text-align:center;margin-top:20px;margin-bottom:20px}
#cuerpo .seccion_izda p{margin-bottom:12px}
#cuerpo .seccion_izda li{margin-bottom:9px}
#cuerpo .seccion_izda .bloque{margin-bottom:10px}
#cuerpo .seccion_dcha{width:37%;float:right;}
#cuerpo .seccion_izda  .lista_adornada{margin-left:40px;margin-top:20px;margin-bottom:20px}
#cuerpo .seccion_izda  .lista_adornada  li{border:none;background:url('/images/publico/adorno_lista.png') center left no-repeat;padding-left:20px }

#cuerpo .seccion_izda .texto_resaltado{font-size:16px;font-weight:bold}

#servicios.rediseno_web .seccion_izda .lista_adornada li {display:inline;color: #c10000;font-size:18px;padding-right:8px}


#cuerpo .seccion_dcha .img_seccion{margin-bottom:12px}
#cuerpo .seccion_dcha .titulo{margin-bottom:5px;text-align:right}

#cuerpo .seccion_dcha .area_enlaces .texto{margin-bottom:4px}
#cuerpo .seccion_dcha .area_enlaces .enlace{margin-bottom:16px}
#cuerpo .seccion_dcha .area_enlaces .enlace a{text-transform:uppercase;font-size:12px}

#nosotros .area_trabajos .trabajo{width:45%;float:left;margin:4px;height:85px;background:white;border:1px gray solid}
#nosotros .area_trabajos .trabajo img{width:100%;height:100%}


#trabajos .area_trabajos .trabajo{margin-bottom:25px}
#trabajos .area_trabajos .trabajo .area_img{float:left;width:40%}
#trabajos .area_trabajos .trabajo .area_info{float:right;width:55%}
#trabajos .area_trabajos .trabajo .area_img img{width:182px;height:120px;}



#servicios .bloque .servicio{float:left;width:49%}
#servicios .bloque.servidores{border:none;}
#servicios .bloque.servidores .servicio{width:100%;float:none}
#servicios .bloque.servidores .servicio img{float:left}
#servicios .bloque.servidores .servicio .direccion{float:left;text-align:center;width:60%;padding-top:45px;font-size:10px;}
#servicios .bloque.servidores .servicio .direccion .destacado{font-size:10px}

form label{text-transform:uppercase}
form input{color:black;width:100%;height:100%;border:none}
form li span{background:white;border:1px gray solid;height:20px;}
form li span  input{text-align:center}
form li.opcional label{color:gray}
form input.boton{width:auto;height:auto}

#contacta form{width:70%}
#contacta form li span{display:block;display:block;width:70%;margin-bottom:20px;text-align:center}
#contacta form li span input,#contacta li span  textarea{;background:none;border:none;width:95%;margin:auto}
#contacta form li.msj span{;width:100%}
#contacta form li.msj span  {height:170px}
#contacta form li.msj span textarea{overflow:auto;height:170px}
#contacta form .boton{border:none;float:right}


#clientes form label{display:block;width:40%;float:left}
#clientes  form span{display:block;width:55%;float:right;}
#clientes #form_cliente li{height:30px}
#clientes #form_cliente input.boton{float:right;margin-top:20px}
#clientes #form_cliente ul{border-bottom:1px #cccccc solid;margin-bottom:10px}
#clientes #form_cliente input{border:none}

#clientes #form_cliente form li.pais span,#clientes form li.poblacion span,
#clientes #form_cliente form li.provincia span,
#clientes #form_cliente  li.pwd span,#clientes #form_cliente  li.pwd_conf span
{width:124px;}

#area_login form{width:291px;height:97px;background:url('/images/publico/fondo_login.png') top left no-repeat;}
#area_login form ul{border:none;width:80%;text-align:center;margin:auto;height:60px;padding-top:12px}
#area_login form ul li{margin-bottom:12px}
#area_login form label{color:white;width:30%;text-align:left;font-weight:bold}
#area_login form span {width:50%;height:15px;}
#area_login form input.boton{width:auto;border:none;float:right;margin-right:10px}
#area_login .recuperar_pwd{text-align:center;margin:auto;margin-top:10px}
#area_login .recuperar_pwd a{color: #c10000;text-transform:uppercase}

#pie{width:50%;margin-left:18%;;text-align:center;margin-bottom:10px;margin-top:40px;color:#999999}
#pie .area_logos{border-top:1px #cccccc solid;border-bottom:1px #cccccc solid;padding:6px}
#pie .area_logos img{margin-right:15px}
#pie .area_copy_r{font-size:10px;margin-top:8px}
#pie .area_copy_r b{color:#c10000}



/*
marron:#a25100
*/


*{
    padding:0px;
    margin:0px;
}



img{
    border:none;
}

body{
    color:black;
    font-size:13px;
    font-family:Arial,Helvetica,sans-serif;
    background:white;

}



#spinner
{position:absolute ;width:100%;height:500px;left:0;top:0;
    text-align:left;overflow:hidden;}
#spinner .contenido
{background:white;color:black;width:300px;margin:auto;text-align:center;
    margin-top:350px;font-size:20px;}






form input{border:1px gray solid;}



.clear{clear:both}
.adververtencias_jscript{background:white;color:red;font-size:11px;font-weight:bold;border:1px black solid;margin:10px;padding:5px;}
.resultado_nulo{
    color:red;
    text-align:center;
}
.tip{color:gray;}

/*inicio errores*/
#errorExplanation{
    text-align:center;
    border: 2px solid red;
    padding: 7px;
    padding-bottom: 12px;
    margin:auto;
    margin-bottom: 20px;
    margin-top:30px;
    /* background-color: #f0f0f0; */
    width:95%;

}

#errorExplanation h2 {
    text-align: left;
    font-weight: bold;
    padding: 5px 5px 5px 15px;
    font-size: 12px;
    margin: -7px;
    background-color: #c00;
    /*color: #fff;*/

}

#errorExplanation p {
    /*color: #333;*/
    margin-bottom: 0;
    padding: 5px;display:none;
}
#errorExplanation ul{margin-top:20px}
#errorExplanation ul li {
    font-size: 12px;
    list-style: square;color:black;text-align:left;margin-left:20px;color:red;
}

#error_simple{
    color:#c61717;
    font-size: 12px;border:1px #c61717 solid;margin:5px;padding:10px;margin-left:20px;margin-right:20px;margin-bottom:20px
}
#error_simple ul{padding-left:50px}
#error_simple ul li { 
    list-style: square;text-align:left;margin:0;text-align:left
}
.fieldWithErrors{
    /*display:inline;*/
}

.fieldWithErrors input,.fieldWithErrors input,.fieldWithErrors textarea{
   /* background-color:#c61717;
    color:red;
    font-weight:bold;*/

}

span .fieldWithErrors{border:2px red solid}
/*fin errores*/


h1{font-size:16px;}
h2{font-size:14px;}
h3{font-size:12px;}
h4{font-size:11px;}
h5{font-size:10px;}
a{
    font-weight:bold;   
    text-decoration:none;
    color:#c10000;
}
a:hover{
    color:orange;
}
h3 a:hover{
    color:orange;
}
p{margin-bottom:10px;}


a:hover img { opacity:.50;filter:alpha(opacity=50) }
a:active img { opacity:.50;filter:alpha(opacity=50);border:none }
a:active {border:none}


.pics a:hover img { opacity:.100;filter:alpha(opacity=100) }
#cabecera a:hover img { opacity:.99;filter:alpha(opacity=99) }