@charset "utf-8";
/* CSS GENERAL */

/** General **/
b, strong{font-weight:bold; font-style:normal}
p.cursiva{font-style:oblique}
.btn{
	padding:0 3%;
	line-height:26px;
	height:26px;
	vertical-align:middle;
	background:#F8F8F8;
	border:1px solid #999
}
.btn:hover{background:#EEE}

/** Lista horizontal **/
.listaHorizontal li{float:left; padding:0 20px 0 0; list-style:none}
.listaHorizontal li:last-child{padding-right:0!important}

/** Lista vertical **/
.listaVertical li{margin-top:25px; line-height:18px}
.listaVertical li ul li{list-style:disc inside none; margin-top:15px}
.listaVertical li h3.subtitle{display:inline-block; margin-bottom:15px}
.listaVertical ul{margin-left:10px; margin-bottom:30px}

/** Márgenes genéricos **/
.mTop{margin-top:20px}
.mBottom{margin-bottom:15px}

/** Links **/
a{color:#636363;; text-decoration:none}
a:hover{text-decoration:underline}

/** Flotación **/
.floatIzq{float:left}
.floatDer{float:right}
.clearFloat{clear:both}

html{font:12px Ubuntu,Open Sans,Arial, Helvetica, sans-serif}

/** Encabezados **/
h1, h2, h3, h4, h5, h6{font-weight:bold}
h1{font-size:1.9em}
h2{font-size:1.4em}
span.destacado{color:#696969}
h3 a.linkTitulo{font-size: 1.8em;color: #005186;}
h3.titulo {font-size: 1.8em;color: #005186;}
.info h3 {font-size: 1.2em;color: #005186; padding: 15px 0px 15px 0px;}
h6 {
    font-size: 1.2em;
    color: #4F4F4F;
    font-weight: initial;
    padding: 10px 10px 10px 0px;
    
}
#help h3 {
    font-size: 1.2em;
    color: rgba(0, 122, 6, 1);
    font-weight: initial;
    padding: 10px 10px 10px 20px;
    background: #eee;
    border-radius:12px;
}

/** Contenedor principal **/
.contenedorGeneral{margin:0 auto; max-width:960px;
background-color:rgba(232, 249, 232, 1);
	}
/** Cabezal superior **/
#cabezalSuperior{padding:12px 1.562%; width:96.875%}

#linkContenido{
	display:block;
	float:left;
	margin-left:20px;
	background:#FF0;
}

/** Cabezal principal **/
.headerPrincipal{ width:100%; overflow:auto; background: url('../imgs/header_back.png') no-repeat scroll right center;}
#logoOrganismo{float:left; margin:10px 0px 10px 70px } /*20px 1.562%*/
#logoOrganismo img{height:130px}
#logoOrganismo a{display:block; width:100%; height:100%}
#nombreOrganismo{
	float:left;
	margin:20px 0;
	padding-top:40px;
	padding-right:2.604%
}
#nombreOrganismo a{text-decoration: none; color: #000; font-size:2em; font-weight:bold}

/** Buscador **/
#seccionBuscador{float:right; width:310px; margin:50px 1.562% 0 1.562%}
#contBusquedaHeader{float:right; width:100%; margin-top:20px}
#contBusquedaHeader .inputText{ 
	float:left;
	width:70%;/*originalmente 71.9%*/
	padding:0 1.5%;
	line-height:26px;
	height:26px;
	vertical-align:middle;
	margin-right:4%;
	border:1px solid #999
}

#btn_menu, #btn_buscador{display:none}

/** Menú de navegación principal **/
.navMenuPrincipal{width:100%; position:static ;}
.navMenuPrincipal > a{display:none}
.navMenuPrincipal li{position:relative;	z-index:2}
.navMenuPrincipal li a{color:#fff; display:block}
.navMenuPrincipal li a:active{background-color:#649964 !important} /* Color de fondo de la sección activa del menú #646464*/
.navMenuPrincipal span:after{
	width:0;
	height:0;
	border:0.313em solid transparent;
	border-bottom:none;
	border-top-color:#efa585;
	content:'';
	vertical-align:middle;
	display:inline-block;
	position:relative;
	right:-0.313em;

}
/** Nivel 1 Menú principal **/
.navMenuPrincipal > ul{
	height:40px; /* Altura de barra de navegación */
	background-color:#005186; /* Color de barra de navegación */
	
	-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px; /* bordes redondeados*/
	margin: 10px 15px 0px 15px;
}
.navMenuPrincipal > ul > li{width:33.3%; height:100%; float:left}
.navMenuPrincipal > ul > li > a{
	height:100%;
	font-size:1.3em;
	line-height:2.5em;
	text-align:center;
	text-decoration:none;
	cursor:default
}
.navMenuPrincipal > ul > li.itemMenuPrincipal > a{
	background:url(../imgs/icn-dropdown.png) no-repeat 90% center;
	-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px; /* bordes redondeados*/
	background:url(../imgs/icn-dropdown.svg) no-repeat 90% center, none
	-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px; /* bordes redondeados*/
}
.navMenuPrincipal > ul > li:not(:last-child) > a{background-color:#005186}
.navMenuPrincipal > ul > li:hover > a,
.navMenuPrincipal > ul:not(:hover) > li.active > a{background-color:#646464} /* Fondo Hover botón principal */
/** Nivel 2 Menú principal **/
.navMenuPrincipal li ul{
	background-color:#646464; /* Fondo lista subnivel */
	-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px; /* bordes redondeados*/
	position:absolute;
	top:100%;
	left:0;
	right:0;
	display:block;
	overflow:hidden;
	max-height:0;
	transform:translate3d(0,0,0);
	transform:translateZ(0);
	backface-visibility:hidden;
	transition:max-height .75s
}
.navMenuPrincipal li:not(:first-child):hover ul{left:-1px}
.navMenuPrincipal li ul a{font-size:1.1em; padding:0.75em; text-decoration:none}
.navMenuPrincipal li ul li a:hover,
.navMenuPrincipal li ul:not(:hover) li.active a{background-color:#00a559} /* Fondo Hover Subnavegación 00a559 */
.navMenuPrincipal li ul li a{border-bottom:1px dotted #ACACAC}

/*********** Fin Menú principal ***********/

/** Cabezal promoción **/
.promocion{width:100%; padding-bottom:15px}

.promocion img{width:100%}

/** Contenedor general **/
.contGralContenido{

	width:97%;
	overflow:auto; 
	padding:0 1.5%;
	padding-top:15px
}

/** Sección contextual **/
.seccionCtx{float:left; width:25%}

/** Menú de navegación contextual **/
.ctx{
	margin-bottom:15px;
	background:#FDFDFD;
	border:1px solid #F0F0F0;
	overflow:visible;
	border-radius: 12px;	
	
}
h2.sectionTitle{color:#fff; font-size:1em; display:inline}
.itemListaMenuCtx{cursor:pointer; padding-left:15px}
.content-title{
	background:#00a559;
-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px; /* bordes redondeados*/
    padding:12px 30px 12px 15px;
    text-align:left;
	font-size:1.2em;
	color:#FFF
}
.icn-arrow{
	position:relative;
	top:7px;
	display:block;
	background:url(../imgs/icns-arrow.png) 0 0 no-repeat;
 	background:url(../imgs/icns-arrow.svg) 0 0 no-repeat, none;
	width:8px;
	height:4px;
	z-index:0
}
.menuLista li a{display:inline-block; text-decoration:none}
.menuLista li a{margin-bottom:20px}
.menuLista ul li a:hover{text-decoration:underline}
.paddingLista{padding:20px 15px 0 15px}
.menuLista ul{
	display:block;
	max-height:0;
	height:100%;
	overflow:hidden;
	transform:translate3d(0,0,0);
	transform:translateZ(0);
	backface-visibility:hidden;
	transition:max-height .75s
}
.menuLista ul li a{display:inline-block; padding-left:20px}

/** Accesos rápidos **/
.accesosCtx ul li{list-style:disc; margin-left:15px; margin-bottom:15px}
.accesosCtx ul li a{text-decoration:none; display:inline-block}
.accesosCtx ul li a:hover{text-decoration:underline}
/** Sección contenido **/
.contContenido{float:left; width:73%; margin-left:2%}
.contenido{padding:10px 15px 25px 15px; background-color: #fff;}
.contenido p{line-height:18px; /* color: #444444; */}
.contenido h1{margin-bottom: 10px; color: rgba(0, 128, 6, 1);}
.noticiaMicro{margin-top:35px; overflow:auto}

.imgNoticias img{float: right; display:block; margin: 15px 0px 10px 15px;border-radius: 12px;}
.imgBoxNoticias img{
	float:left;
	display:block;
	margin-right:15px;
	width:130px;
	border-radius:8px;
}
.info{
	text-align: justify;
	padding:10px 0;
	padding-right:15px;
	line-height:15px;
	letter-spacing:0.01em
;color: #444444;
}
.fechaGaleria{font-size:1em; color: #989696;	margin: 0px 10px 0px 0px;margin-top: 10px;float: left;border-right: #C3C3C3 2px solid;padding: 0px 10px 0px 0px;}
.contNoticiasMicrositio a{margin:5px 0;	overflow:auto;background-color: #A3A3A3;color: #fff;padding: 4px;-webkit-border-radius: 7px;   -moz-border-radius: 7px;   border-radius: 7px;}

.contNoticiasMicrositio a:hover {
    text-decoration: none;
    background-color: rgb(127, 174, 205);
}

a.linkNoticia {margin:5px 0;	overflow:auto;background-color: #A3A3A3;color: #fff;padding: 4px;-webkit-border-radius: 7px;   -moz-border-radius: 7px;   border-radius: 7px;}

a:hover.linkNoticia {
    text-decoration: none;
    background-color: rgb(127, 174, 205);
}

.galeriaNoticias{overflow:auto}

/** Tag **/
.tagNoticia{margin-top:10px}
.tagNoticia  .icn-tag{
	float:left;
	display:block;
	background:url(../imgs/icn-tag.png) 0 0 no-repeat;
 	background:url(../imgs/icn-tag.svg) 0 0 no-repeat, none;
	width:15px;
	height:15px;
	margin-top:1px;
	margin-right:7px
}

/** Share buttons **/
.shareNoticiaIcns{overflow:auto}
.shareNoticiaIcns ul{clear:both; float:right; margin-top:25px}
.shareNoticiaIcns ul li{display:block; float:left; margin-left:12px}
.shareNoticiaIcns ul li a{
	display:block;
	width:22px;
	height:22px;
	padding:7px;
	background:#434141
}

.shareNoticiaIcns ul li a:hover{
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	opacity: .9
}

.shareNoticiaIcns ul li a span{display:block; width:22px; height:22px}
.shareNoticiaIcns ul li a .icn-rss{
	background: url(../imgs/icns-share.png) 0 0 no-repeat;
 	background: url(../imgs/icns-share.svg) 0 0 no-repeat, none
}
.shareNoticiaIcns ul li a .icn-msg{
	background: url(../imgs/icns-share.png) -23px 0 no-repeat;
 	background: url(../imgs/icns-share.svg) -23px 0 no-repeat, none
}
.shareNoticiaIcns ul li a .icn-print{
	background: url(../imgs/icns-share.png) -46px 0 no-repeat;
 	background: url(../imgs/icns-share.svg) -46px 0 no-repeat, none
}

/** Breadcrumb **/
.breadcrumb{margin-bottom:20px; line-height:20px}
.breadcrumb a{padding:0} 
.breadcrumb a .icn-chevron{
	display:inline-block;
	background:url(../imgs/icn-double-chevron.png) right 0 no-repeat;
 	background:url(../imgs/icn-double-chevron.svg) right 0 no-repeat, none;
	padding-left:8px;
	margin-right:8px;
	width:10px;
	height:7px
}

/** Box noticias **/
.boxNoticia{padding-bottom:35px; border-bottom:1px solid #E2E2E2; overflow:auto}
.boxNoticia:not(:first-of-type){padding-top:35px}

/** Box items **/
.boxListaItems{margin-top:20px}
.boxListaItems .listaHeader{
	background:#F5F5F5;
	padding:10px 12px;
	overflow:auto
}
h2.title{line-height:25px}
.boxListaItems .rightSmContent, .boxListaItems .leftSmContent{display:block; padding-top:7px}
.boxListaItems .leftSmContent{float:left}
.boxListaItems .rightSmContent{float:right}
.boxListaItems ul li.fichaBox{border:1px solid #E6E6E6; overflow:auto}
.boxListaItems ul li.fichaBox p{padding:15px 10px}
.fichaBox ul {overflow:auto}
.boxListaItems ul li.fichaBox:not(:last-of-type){margin-bottom:15px}
.boxListaItems ul li ul{padding:10px 0}
.boxListaItems ul li ul li{
	list-style:none;
	background:transparent url(../imgs/bullet-circleBlue.png) no-repeat 0 6px;
	width:45%;
	padding-left:15px;
	margin-left:2%;
	margin-bottom:10px;
	float:left
}
.boxListaItems ul li ul li a{line-height:18px; padding-right:10px}
.boxListaItems ul li ul li span.fechaMod{display:inline-block; line-height:20px; color:#333}

.boxListaItems ul li ul.listClearStyle{padding:5px 0}
.boxListaItems ul li ul.listClearStyle li{
	list-style:none;
	background:none;
	width:auto;
	padding-left:15px;
	margin-left:2%;
	margin-bottom:10px;
	float:none;
	line-height:18px
}

.linkPadreActivo{background:#555; -webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px; } /* link que queda seleccionado RESOLVER */
.linkSubItemActivo{background:#00a559}
.menuItem{cursor:pointer!important}

/** Paginación **/
.pagination{margin-top:25px}
.pagination ul{overflow:auto; padding:1px 0}
.pagination ul li{
	float:left;
	margin-right:10px;
	color:#000;
	line-height:18px
}
.pagination ul li a{text-decoration:none; padding:5px; background-color:#A3A3A3;border-radius:5px; color:#FFFFFF;}	
.pagination ul li a:hover{text-decoration:none; background-color: #7FAECD;}
.pagination .active{font-weight:bold;}

/** Acceso rápido pie **/
.tituloLink{
	display:inline-block;
	font-size:1.3em;
	list-style:none;
	margin-bottom:15px;
	text-decoration:underline!important
}
.listaLink{display:block; text-decoration:none}
.accesosCtx .listaLink{margin-bottom:20px; margin-left:15px}
.listaLink:hover{text-decoration:underline}
.redesSociales{float:left; margin-left:50px; margin-top:15px}
#accesosRapidos{ width:100%; background:#FBFBFB}
.acceso{
	float:left;
	width:25%;
	height:auto;
	padding-top:20px
}
.contAccesosRapidos{padding:0 15px 20px 15px; border-top:1px solid #EBEBEB; overflow:auto}
#accesosRapidos ul li:not(:first-child):not(:last-child){list-style:disc; margin-bottom:15px; margin-left:15px}
#accesosRapidos ul li a{text-decoration:none; display:inline-block}
#accesosRapidos ul li a:hover{text-decoration:underline}

/** Formularios **/
input, select, textarea{box-sizing:content-box}
.form{margin-top:20px}
.form fieldset{border:1px solid #999; padding:0 4%;	width:92%}
.form fieldset div{padding:30px 0}
.form fieldset fieldset{border:1px solid #CCC}
.form fieldset:not(:last-of-type){margin-bottom:25px}
.form fieldset legend{font-size:1.3em; padding:0 5px}
.form fieldset fieldset legend{font-size: 1.2em}
.form fieldset ul{padding: 0 1%}
.form fieldset ul li label{
	position:relative;
	display:block;
	float:left;
	width:32%;
	padding:6px 0
}
.form fieldset ul li label span.required{color:#ec1c24; position:absolute; left:-8px}
.form fieldset ul li input, form fieldset ul li select, form fieldset ul li textarea{
	padding:0 1%;
	width:58%;
	height:26px;
	line-height:26px;
	vertical-align:middle;
	border:1px solid #999
}
.form fieldset ul li select{height:auto; padding:5px 1%; line-height:0}
.form fieldset ul li:not(:last-child){margin-bottom:25px}
.form fieldset ul li textarea{resize:none; height:100px}
.form p.required{margin-bottom:-3px; text-align:right}
.form p.required span{color:#ec1c24}
.form .btn{margin-top:20px}
.form .check{margin-top:20px; padding:0}
.form .check span{padding-left:6px}
.form .tip{color:#616161; margin-bottom:20px}

/** Footer **/
.footerPrincipal{width:100%; background-color:#454545; color:#FFF;-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px; /* bordes redondeados*/}
.footerPrincipal address{font-style:normal}
.contPie{padding:20px 15px; overflow:auto}

.footerPrincipal ul li a{display:block; color:#FFF;	padding-top:3px}
#linksFooter{margin-top:1px}


#seccion {
    background-color: rgba(137, 137, 137, 1);
    border-radius: 12px;
    margin-bottom: 20px;
    padding: 20px;
	 background: linear-gradient(to top, #FFF 30%, #A8A8A8 200%) repeat scroll 0% 0% transparent;
    background-color: transparent;
    background-image: linear-gradient(to top, #FFF 30%, #A8A8A8 200%);
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: 0% 0%;
    background-clip: border-box;
    background-origin: padding-box;
    background-size: auto auto;
	 font-family: ubuntu;
	 color: gray;
}

#seccion #secImg img {
  border-radius: 12px;
  width: 150px;
  
}
#seccion #secImg {
  border-radius: 12px;
  float: right;
  
  width: 150px;
  
}

#seccion #secDesc {
  border-radius: 12px;
  float: left;
 
  
}

#seccion h1 {

  margin-top: 20px;
  
}


#contacto {
   
    font-size: 1.5em;
    margin-top: 40px;      
    
}

#contacto li#tel {
    background:url(../imgs/secciones/ic_local_phone_black_24dp.png) left 0 no-repeat;
     padding: 5px 220px 20px 40px;

}

#contacto li#mail {
    background:url(../imgs/secciones/ic_email_black_24dp.png) left 0 no-repeat;
     padding: 5px 220px 20px 40px;

}



.marcoTramiteT

{
	width:100%;

	border:solid 2px rgb(24,165,96);
	-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px;
	text-align: left;
	font-size:14px;
	color: rgb(60, 80, 60);
	font-weight:bold;
}

.marcoTramiteS

{

	width:50%;
	text-align: left;
	font-size:20px;
	color: rgb(24,165,96);
	font-weight:bold;
}

.marcoDestacado

{
	width:100%;
	
	text-align: left;
	font-size:15px;
	color: rgb(0,81,134);
	font-weight:bold;
}

.marcoTramite

{
	width:100%;
	
	border:solid 2px rgb(24,165,96);
	-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px;
	text-align: center;
	font-size:12px;
	color: rgb(50, 50, 50);
}

.marcoSobrio

{
	width:100%;
	
	border:solid 2px rgb(200,200,200);
	-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px;
	text-align: center;
	font-size:11px;
	color: rgb(50, 50, 50);
    padding:10px;
    border:solid 1px #eee;    
}

.marcoSobrio input, select

{
	
	border:solid 1px rgb(200,200,200);
    background-color: #eee;
     padding:5px;
	
}


.marco

{
	width:100%;
	
	text-align: center;
}

.detalle

{

	text-align: justify;
	font-size:12px;
	color: rgb(50, 50, 50);
	font-weight:normal;
}

.detalleC

{

	text-align: center;
	font-size:12px;
	color: rgb(50, 50, 50);
	font-weight:normal;
}


.detalleCh

{

	text-align: center;
	font-size:10px;
	color: rgb(50, 50, 50);
	font-weight:normal;
}

.detalleD

{

	text-align: right;
	font-size:12px;
	color: rgb(50, 50, 50);
	font-weight:normal;
}

.navega

{

	text-align: right;
	font-size:10px;
	color: rgb(80, 80, 80);
	font-weight:italic;
}

.fondoCont

{
	background: rgb(215,230,215);
	text-align: center;
	font-size:10px;
	color: rgb(50, 50, 50);
	font-weight:normal;
	
}


.fondoContST

{
	background: rgb(215,230,215);
	text-align: center;
	
	color: rgb(50, 50, 50);
	font-weight:normal;
	
}

.fondoContD

{
	
	text-align: right;
	font-size:14px;
	color: rgb(50, 50, 50);
	font-weight:bold;
	
}

#tlbody{
padding-right: 30px;	
}