﻿body 
{
	font-family: "Open Sans", sans-serif;
	color:#333333;
	background-color:#707070;
	padding:10px;
}

#cabecera h1 {
    position: relative;
    left: 170px;
    width: calc(100% - 275px);
    top: -150px;
    padding-right: 100px;
	text-align:center;
	margin:0px;
}

h1
{
	font-size:1.3em;
	text-transform:uppercase;
	font-weight:bold;
	color:#FFFFFF;
	background-color:#6b261c;
	padding:2px 5px;
	margin:30px 0;
}

h2
{
	font-size:1.2em;
	text-transform:uppercase;
	font-weight:bold;
	color:#000000;
	background-color:#eab4b0;
	padding:2px 5px;
	margin:10px 0 20px 0;
}

h3
{
	font-size:1.1em;
	text-transform:uppercase;
	font-weight:bold;
	color:#000000;
	background-color:#f0dcdd;
	padding:2px 5px;
	margin:15px 0;
}

h4
{
	font-size:1em;
	text-transform:uppercase;
	font-weight:bold;
	color:#000000;
	background-color:#f3e7e8;
	padding:2px 5px;
	margin:15px 0;
}

p
{
	text-indent:5px;
}

img
{
	border:0;
}

a
{
	color: #be483c;
	text-decoration:underline;
	font-weight:bold;
	padding:1px;
}

a:hover
{
	color:#000000;
	background-color:#e7d7d5;/*#be483c;*/
	text-decoration:underline;
}

a:visited
{
}

#pagina
{
	background-color:#f0f0f0;
	padding:20px;
	min-height:600px;
	overflow:hidden;
	position:relative;
}

#cabecera
{
	position:relative;
	height:200px;
	min-width:870px;
	/*
	background-color:#F0F0F0;
	*/
	/*background:url(imgs/curvas.jpg) no-repeat 400px 0px;*/
}

#logo1
{
	
}

#titulo1
{
	position:relative;
	left:0px;
	top:-200px;
	font-family:'Oxygen', sans-serif;
	font-size:70px;
	color:#9b524b;
	text-align:center;
    padding:0 160px;
    white-space: nowrap;
	line-height:1;
	/*
	-webkit-text-stroke: 1px black;
	text-shadow:
		3px 3px 0 #FFFFFF,
		-1px -1px 0 #FFFFFF,  
		1px -1px 0 #FFFFFF,
		-1px 1px 0 #FFFFFF,
		1px 1px 0 #FFFFFF;
	*/
}

#nombre-sede
{
	position:relative;
	top:-180px;
	font-family:'Oxygen', sans-serif;
	font-size:20px;
	font-weight:bold;
	color:#744642;
	text-align:center;
	line-height:1;
    padding:0 160px;
}

#titulo2
{
	position:relative;
	left: 160px;
    width: calc(100% - 271px);
	top:-180px;
	font-family:'Oxygen', sans-serif;
	font-size:20px;
	font-weight:bold;
	color:#744642;
	text-align:center;
	line-height:1;
	letter-spacing:10px;
	/*
	-webkit-text-stroke: 1px black;
	text-shadow:
		3px 3px 0 #FFFFFF,
		-1px -1px 0 #FFFFFF,  
		1px -1px 0 #FFFFFF,
		-1px 1px 0 #FFFFFF,
		1px 1px 0 #FFFFFF;
	*/
}

#escudo
{
	position:absolute;
	right:0px;
	top:0px;
	max-height:190px;
    max-width: 200px;
}

#menuhorizontal
{
	margin:10px 0 10px 0;
	background-color:rgb(240, 220, 221);
	padding:2px;
	/* display:none; Provisional */
}

#menuhorizontal a{
	color:#333333;
	font-size:0.9em;
	text-decoration:none;
}

#menuhorizontal a:hover{
	color:#000000;
}

.menu-informaciongeneral
{
	display:inline-block;
	line-height:22px;
	padding:5px 5px 5px 33px;
	background:url(imgs/menu-informaciongeneral.png) no-repeat 5px center;
	
}

.menu-catalogoservicios {
    display: inline-block;
    line-height: 22px;
    padding: 5px 5px 5px 33px;
    background: url(imgs/menu-catalogoservicios.png) no-repeat 5px center;
    margin-left: 5px;
}

.menu-carpetaciudadana {
    display: inline-block;
    line-height: 22px;
    padding: 5px 5px 5px 33px;
    background: url(imgs/menu-carpetaciudadana.png) no-repeat 5px center;
    margin-left: 5px;
}

.menu-tablondeanuncios {
    display: inline-block;
    line-height: 22px;
    padding: 5px 5px 5px 33px;
    background: url(imgs/menu-tablondeanuncios.png) no-repeat 5px center;
    margin-left: 5px;
}

.menu-incidencias {
    display: inline-block;
    line-height: 22px;
    padding: 5px 5px 5px 33px;
    background: url(imgs/menu-incidencias.png) no-repeat 5px center;
    margin-left: 5px;
}

.menu-cambiarsede {
    display: inline-block;
    line-height: 22px;
    padding: 5px 5px 5px 33px;
    background: url(imgs/menu-cambiarsede.png) no-repeat 5px center;
    margin-left: 5px;
}

.menu-elementoseleccionado
{
	background-color:#DDCCCC;
}

.menu-contador
{
	display:block;
	float:right;
	background-color:#cc5555;
	color:#ffffff;
	padding:0 5px;
	font-size:0.9em;
	margin-left:10px;
}

#migas-pan
{
	text-align:right;
	margin:10px 0 10px 0;
	padding:3px 10px 3px 10px;
	font-size:0.7em;
	/*background-color:#DDDDDD;*/
	color:#333333;
	/*display:none;  Provisional */
}

#migas-pan a{
	color:#333333;
}

#migas-pan a:hover{
	color:#000000;
}

.contenido-sinmenu {
	padding: 20px;
	position:relative;
}

.contenido-conmenu
{
	padding: 0px 20px 20px 270px;
	position:relative;
}

.contenido-conmenu-derecha
{
	padding: 0px 270px 20px 20px;
}

.menu
{
	width:250px;
	height:100%;
	overflow-x:hidden;
	overflow-y:auto;
	position:absolute; 
	top:0px;
	left:0px;
	z-index:1;
	background-color:#EFE8E7;
}

.menu-derecha
{
	width:250px;
	right:0px;
	left:auto;
}

.menu-info{
	padding:10px;
}


.usuario-seguro {
    background-image: url(imgs/login-concertificado.png);
}

.usuario-anonimo {
    background-image: url(imgs/login-anonimo.png);
}

.usuario-titulo {
}

.usuario-email {
}

.menu .usuario {
    padding: 10px 10px 10px 70px;
    background-position: 10px center;
    background-repeat: no-repeat;
    max-width: 250px;
    font-size: 0.6em;
    margin: 0;
    background-size: 35px 35px;
    padding: 10px 10px 10px 55px;
    border: none;
}

.menu ul
{
	margin:0;
	padding:0;
	background-color:#EFE8E7;
}

.menu li
{
	text-transform:uppercase;
	list-style:none;
	margin:0;
	padding:5px;
	border-bottom:1px solid #505050;
}

.menu-titulo
{
	color:#FFFFFF;
	background-color:#9F7778;
	text-transform:uppercase;
	font-weight:bold;
	padding:5px 7px;
}

.menu-titulo-nv2
{
	color:#FFFFFF;
	background-color:#c39995;
	text-transform:uppercase;
	font-weight:bold;
	padding:5px 7px;
	margin-top:5px;
}

.menu a
{
	display:block;
	padding:2px;
	text-transform:none;
	text-decoration:none;
	color:#333333;
}

.menu a:hover
{
	color:#000000;
	background-color:#e7d7d5;
}


.menu .seleccionado a
{
	background-color:#DDDDDD;
	border:solid 1px #777777;
}
.menu .seleccionado a:hover
{
	color:#333333;
	background-color:#DDDDDD;
	text-decoration:none;
}

.incidencia 
{
	background:url(imgs/alerta.png) no-repeat 16px 18px #FFFFCC;
	margin:20px 0;
	padding:20px 20px 20px 50px;
	font-weight:bold;
}

.incidencia-cerrar
{
	float:right;
	margin:0 0 20px 20px;
	cursor:pointer;
}

.a_procedimiento
{
	display:inline-block;
	padding:2px 2px 2px 30px;
	background:url(imgs/a_procedimiento.png) no-repeat 2px center;
	text-transform:none;
	text-decoration:underline;
	text-align:left;
}

.a_suscripciones
{
	display:inline-block;
	padding:2px 2px 2px 30px;
	text-transform:none;
	text-decoration:underline;
	text-align:left;
	background:url(imgs/a_suscripciones.png) no-repeat 2px center;
}

.a_escuchar
{
	display:inline-block;
	padding:2px 2px 2px 30px;
	text-transform:none;
	text-decoration:underline;
	text-align:left;
	background:url(imgs/a_escuchar.png) no-repeat 2px center;
}

.a_rss
{
	display:inline-block;
	padding:2px 2px 2px 30px;
	text-transform:none;
	text-decoration:underline;
	text-align:left;
	background:url(imgs/a_rss.png) no-repeat 2px center;
}

.a_pdf
{
	display:inline-block;
	padding:2px 2px 2px 30px;
	text-transform:none;
	text-decoration:underline;
	text-align:left;
	background:url(imgs/a_pdf.png) no-repeat 2px center;
}

.a_tsa
{
	display:inline-block;
	padding:2px 2px 2px 30px;
	text-transform:none;
	text-decoration:underline;
	text-align:left;
	background:url(imgs/a_tsa.png) no-repeat 2px center;
}

.a_seguro
{
	display:inline-block;
	padding:2px 2px 2px 30px;
	text-transform:none;
	text-decoration:underline;
	text-align:left;
	background:url(imgs/a_seguro.png) no-repeat 2px center;
}

.a_escribir
{
	display:inline-block;
	padding:2px 2px 2px 30px;
	text-transform:none;
	text-decoration:underline;
	text-align:left;
	background:url(imgs/a_escribir.png) no-repeat 2px center;
}


#pie
{
	background-color:#f0f0f0;
	margin-top:20px;
	padding:10px;
	clear:both;
	height:60px;
	overflow:hidden;
}

#pie-contenido
{
	position:relative;
	min-width:870px;
}


#pie-datos
{
	position:absolute;
	width:33%;
	left:10px;
	top:0px;
	margin:10px;
	color:#505050;
	font-weight:bold;
	font-family:'Balthazar',Arial;
    font-size:0.9em;
}

#pie-direccion{ 
	font-size:0.8em;
	color:#707070;
	margin-top:5px;
}

#pie-srawards{
    position:absolute;
    right:0px;
    top:0px;
    height:60px;
    width:100%;
    text-align:center;
}

#pie-iconos
{
	position:absolute;
	right:0px;
	top:12px;
	width:300px;
	margin:10px;
}

#pie img
{
	padding-left:10px;
    opacity:0.8;
}

#pie img:hover{
    opacity:1;
}


@media (max-width:1000px) {

    #pie {
        height:70px;
    }


    #pie-contenido {
        min-width:0;
    }


    #pie-datos {
        font-size:0.9em;
        width:calc(100% - 320px);
    }

    #pie-srawards {
        text-align:right;
    }

    #pie-iconos {
        display: none;
    }
}

@media (max-width:639px) {

    #pie {
        height:70px;
    }


    #pie-contenido {
        min-width:0;
    }


    #pie-datos {
        font-size:0.9em;
        width:auto;
    }

    #pie-srawards {
        display:none;
    }

    #pie-iconos {
        display: none;
    }
}


a.noresaltar
{
	text-decoration:none;
	background-color:Transparent;
}

a:hover.noresaltar 
{
	background-color:Transparent;
}

.busqueda
{
	text-align:right;
}

.error
{
	background-color:#550000;
	color:#FFFFFF;
	padding:5px;
	margin:10px;
	font-weight:bold;
}

.botonera
{
	background-color:#FFEEEE;
	text-align:center;
	padding:2px;
	margin:10px;
}

table.tabla 
{
	border-collapse:collapse;
	width:100%;
    table-layout: fixed;
}

.tabla td,th
{
	border:solid 1px #6b261c;
	padding:10px;
	vertical-align:top;
    word-wrap: break-word;
}

.tabla th
{
	font-weight:bold;
	background-color: #eec3c0;
	color:#000000;
	text-align:center;
	vertical-align:top;
}

.tabla caption
{
	padding:2px;
	vertical-align:top;
	font-weight:bold;
	background-color:#ce4e48;
	color:#FFFFFF;
	text-align:center;
	vertical-align:top;
	margin:5px 0;
}

.tabla-grupofilas{
	border:solid 1px #222222;
}

.tabla-grupofilas td,.tabla-grupofilas th{
	border:none;
}

.tabla-alternaterow1{
	background-color:#f5f5ff;
}

.tabla-alternaterow2{
	background-color:#e5e5ff;
}

.tabla-filasalternas  td{
    border-color:transparent;
}

.tabla-filasalternas  tr:nth-child(even){
	background-color:#f5f5ff;
}

.tabla-filasalternas  tr:nth-child(odd){
	background-color:#e5e5ff;
}

.seleccionable:hover{
	background-color:#FFFFEE;
	cursor:pointer;
	opacity:1;
}

.tabla-seleccionable-onclick tr:hover[onclick]{ 
	background-color:#FFFFDD; 
	cursor:pointer;
}

.tabla-seleccionable tr:not(:first-child):hover{ 
	background-color:#FFFFDD; 
	cursor:pointer;
}

.tabla-seleccionable-no-ultimo tr:not(:first-child):not(:last-child):hover{ 
	background-color:#FFFFDD; 
	cursor:pointer;
}


.nivelar{
	clear:both;
}

.solo-movil{
	display:none;
}

.enlace-imagen-seleccionable
{
	text-decoration:none;
	background-color:Transparent;
}
.enlace-imagen-seleccionable:hover
{
	background-color:Transparent;
}

.enlace-imagen-seleccionable img
{
	opacity:0.8;
}

.enlace-imagen-seleccionable img:hover
{
	opacity:1;
}

.noseleccionable{
    -webkit-user-select: none;     
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}
@font-face {
  font-family: 'Balthazar';
  font-style: normal;
  font-weight: 400;
  src: local('Balthazar Regular'), local('Balthazar-Regular'), url(fonts/Balthazar.woff) format('woff');
}
@font-face {
  font-family: 'Belgrano';
  font-style: normal;
  font-weight: 400;
  src: local('Belgrano'), local('Belgrano-Regular'), url(fonts/Belgrano.woff) format('woff');
}
@font-face {
  font-family: 'Gentium Book Basic';
  font-style: normal;
  font-weight: 400;
  src: local('Gentium Book Basic'), local('GentiumBookBasic'), url(fonts/GentiumBookBasic.woff) format('woff');
}

@font-face {
    font-family: "Open Sans";
    src: local('Open Sans'), local('OpenSans'), url(fonts/opensans.woff) format('woff');
}

@font-face {
  font-family: 'Lemon';
  font-style: normal;
  font-weight: 400;
  src: local('Lemon Regular'), local('Lemon-Regular'), url(fonts/Lemon.woff) format('woff');
}

@font-face {
  font-family: 'Paytone One';
  font-style: normal;
  font-weight: 400;
  src: local('Paytone One'), local('PaytoneOne'), url(fonts/PaytoneOne.woff) format('woff');
}


@font-face {
  font-family: 'Lilita One';
  font-style: normal;
  font-weight: 400;
  src: local('Lilita One'), local('LilitaOne'), url(fonts/LilitaOne.woff) format('woff');
}

@font-face {
  font-family: 'Sansita One';
  font-style: normal;
  font-weight: 400;
  src: local('Sansita One'), local('SansitaOne'), url(fonts/SansitaOne.woff) format('woff');
}

@font-face {
  font-family: 'Oxygen';
  font-style: normal;
  font-weight: 300;
  src: local('Oxygen Light'), local('Oxygen-Light'), url(fonts/OxygenLight.woff) format('woff');
}

@font-face {
  font-family: 'Oxygen';
  font-style: normal;
  font-weight: 400;
  src: local('Oxygen'), local('Oxygen-Regular'), url(fonts/OxygenRegular.woff) format('woff');
}

@font-face {
  font-family: 'Oxygen';
  font-style: normal;
  font-weight: 700;
  src: local('Oxygen Bold'), local('Oxygen-Bold'), url(fonts/OxygenBold.woff) format('woff');
}