﻿body 
{
	font-family: "Open Sans", sans-serif;
	color:#333333;
	background-color:#707070;
	padding:5px;
}

h1
{
	font-size:1.3em;
	text-transform:uppercase;
	font-weight:bold;
	color:#FFFFFF;
	background-color:#6b261c;
	padding:2px 5px;
	margin:30px 0;
}

#cabecera h1{
	margin-top: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:350px;
	overflow:hidden;
	position:relative;
}

#cabecera
{
	position:relative;
}

#logo1
{
	
}

#titulo1
{
	position:relative;
	left:0px;
	top:-200px;
	font-family:'Oxygen', sans-serif;
	font-size:75px;
	color:#9b524b;
	text-align:center;

	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;
	left:0px;
	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;
}

#menuhorizontal
{
	background-color:inherit;
	padding:5px;
	/*display:none;*/ /* Provisional */
}

.menu #menuhorizontal a{
	color:inherit;
	font-size:inherit;
	text-decoration:inherit;
	display:block;
	line-height:22px;
	padding:5px 5px 5px 33px;
}

.menu #menuhorizontal a:hover{
	color:inherit;
	background-color:#e7d7d5;
}

.menu #menuhorizontal .menu-informaciongeneral
{
	background:url(imgs/menu-informaciongeneral.png) no-repeat 5px center;
}

.menu #menuhorizontal .menu-catalogoservicios
{
	background:url(imgs/menu-catalogoservicios.png) no-repeat 5px center;
}

.menu #menuhorizontal .menu-carpetaciudadana
{
	background:url(imgs/menu-carpetaciudadana.png) no-repeat 5px center;
}

.menu #menuhorizontal .menu-tablondeanuncios
{
	background:url(imgs/menu-tablondeanuncios.png) no-repeat 5px center;
}

.menu #menuhorizontal .menu-incidencias
{
	background:url(imgs/menu-incidencias.png) no-repeat 5px center;
}

.menu #menuhorizontal .menu-cambiarsede
{
	background:url(imgs/menu-cambiarsede.png) no-repeat 5px center;
}

.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
{
}

.contenido-conmenu
{
	position:relative;
}

.contenido-conmenu-derecha
{
}

#pagina img{
	max-width:100%;
}

#pagina table img{
	max-width:initial;
}

.menu-derecha
{
	width:250px;
	right:0px;
	left:auto;
}

.menu-info{
	padding:10px;
}

.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:350px;
	left:10px;
	top:0px;
	margin:10px;
	color:#505050;
	font-weight:bold;
	font-family:'Balthazar',Arial;
}

#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;
}

.tabla-wrapper{
	width:100%;
	overflow-x:scroll;
	margin:20px 0;
}

.tabla 
{
	border-collapse:collapse;
	width:100%;
	overflow-x:scroll;
	margin:20px 0;
}

.tabla td,th
{
	border:solid 1px #6b261c;
	padding:10px;
	vertical-align:top;
}

.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;
}

.nivelar{
	clear:both;
}

.oculto {
    display: none;
}

.novisible {
    visibility: hidden;
}

@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');
}


#menubar{
	display:none;
	z-index:9996;
	position:fixed;
	top:0;
	left:0;
	width:calc(100% - 10px);
	height:40px;
	background:url(imgs/logo_sedeelectronica_movil.jpg) no-repeat left center #d7bcb9;
	text-align:center;
	font-weight:bold;
	padding:5px 50px 5px 5px;
}

#menubar-titulo{
	font-size:20px;
    padding:0 40px;
}

#menubar-subtitulo{
	font-size:10px;
	letter-spacing: 3px;
    overflow:hidden;
    border-left:40px solid transparent;
    border-right:40px solid transparent;
    white-space: nowrap;
    text-overflow:ellipsis;
}

#menubarbutton{
	z-index:9997;
	cursor:pointer;
	position:fixed;
	top:5px;
	right:5px;
}

.paginaconmenu{
	margin-top:50px;
}

.menu{
	position:fixed;
	left:auto;
	top:45px;
	right:0px;
	width:auto;/*90%;*/
	max-width:90%;
	height:auto;
	max-height:calc(100% - 45px);
	overflow:hidden;
	overflow-y:auto;
	z-index:9999;
	box-shadow: rgba(10,10,10,0.8) -3px 3px;
	background-color:#EFE8E7;
}

::-webkit-scrollbar
{
  width: 5px;  /* for vertical scrollbars */
  height: 5px; /* for horizontal scrollbars */
}

::-webkit-scrollbar-track
{
  background: #DDDDDD;
}

::-webkit-scrollbar-thumb
{
  background: #333333;
}

#menuout{
	display:none;
	width:100%;
	height:100%;
	z-index:9998;
	position:fixed;
	top:0px;
	left:0px;
}

.etiqueta-bloque{
	width:100%;
	float:none;
	margin:10px 0 0 0;
}

.valor-campo {
  display: block;
  margin: 10px 0 0 0;
  vertical-align: auto;
}

.valor-bloque {
  display: block;
  padding-left: 0;
  margin: 10px 0 0 0;
}

.botonera{
	overflow:hidden;
}

.botonera input{
	font-size:1.1em;
	margin:10px auto;
	display:block;
	width:100%;
}

.valor-campo{
	max-width:100%;
}

.solo-pc{
	display:none;
}

.menu .tituloidioma {
    background: url(imgs/menu-idioma.png) no-repeat 5px center;
    color: inherit;
    font-size: inherit;
    text-decoration: inherit;
    display: block;
    line-height: 22px;
    padding: 5px 5px 5px 33px;
    font-weight: bold;
}

.menu .cabecera_lista_idiomas {
    font-size:0.9em;
    padding-left:38px;
}
    .menu .cabecera_lista_idiomas li {
        border-bottom: none;
        padding: 0;
    }

.menu #menuhorizontal li a {
    padding: 2px 5px;
    margin-right:10px;
}

    .menu #menuhorizontal li a.activo {
        background-color: #DDDDDD;
        border: solid 1px #777777;
    }
