/*
Colores corporativos:
			100%    50%     20%
Azul-1:		01446f, 7fa1b6, ccdae2
Azul-2:	   *003466, 7f99b2, ccd6e0
Rojo: 	    f02233, f79099, fcd3d6
Naranja: 	ed8000, f6bf7f, fbe6cc
Cian: 	    009ba2, 7fcdd0, ccebec
Grises:		000000 (100%), 1a1a1a (90%), 333333 (80%), 4d4d4d (70%), 808080 (50%), FFFFFF (0%)
*/

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}

    .modal.fade .modal-dialog {
        -webkit-transition: -webkit-transform .3s ease-out;
        -o-transition: -o-transform .3s ease-out;
        transition: transform .3s ease-out;
        -webkit-transform: translate(0, -25%);
        -ms-transform: translate(0, -25%);
        -o-transform: translate(0, -25%);
        transform: translate(0, -25%);
    }

    .modal.in .modal-dialog {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
    }

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
}

.modal-content {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000;
}

    .modal-backdrop.fade {
        filter: alpha(opacity=0);
        opacity: 0;
        display: none;
    }

    .modal-backdrop.in {
        filter: alpha(opacity=50);
        opacity: .5;
    }

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
}

    .modal-header .close {
        margin-top: -2px;
    }

.modal-title {
    margin: 0;
    line-height: 1.42857143;
}

.modal-body {
    position: relative;
    padding: 15px;
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}

    .modal-footer .btn + .btn {
        margin-bottom: 0;
        margin-left: 5px;
    }

    .modal-footer .btn-group .btn + .btn {
        margin-left: -1px;
    }

    .modal-footer .btn-block + .btn-block {
        margin-left: 0;
    }

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}

@media (min-width: 768px) {
    .modal-dialog {
        width: 600px;
        margin: 30px auto;
    }

    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
    }

    .modal-sm {
        width: 300px;
    }
}

@media (min-width: 992px) {
    .modal-lg {
        width: 900px;
    }
}

.modal {
    top: 15%;
}

    .modal > .modal-dialog > .modal-content {
        border: solid 5px #cccccc;
        position: absolute;
    }

        .modal > .modal-dialog > .modal-content > .modal-header {
            background-color: #26527f;
            padding: 10px 10px 10px 10px;
            color: #fff;
            height: 25px;
        }

            .modal > .modal-dialog > .modal-content > .modal-header > .close {
                float: right;
                display: inline-block;
                width: 26px;
                height: 25px;
                border-radius: 4px;
                background: #e7e7e7;
                color: #797979;
                cursor: pointer;
                -webkit-appearance: initial;
                -webkit-rtl-ordering: logical;
                -webkit-writing-mode: horizontal-tb !important;
                padding: initial;
                border: initial;
                text-rendering: auto;
                letter-spacing: normal;
                word-spacing: normal;
                text-transform: none;
                text-indent: 0px;
                text-shadow: none;
                text-align: center;
                vertical-align: middle;
                margin: 0em;
                font: 400 1.9em Arial;
            }

        .modal > .modal-dialog > .modal-content > .modal-body {
            margin: 0px 20px 20px 20px;
        }

        .colorWhite{
            color: #fff;
        }

.grecaptcha-badge {
    display: none !important;
}

.hidden{ display:none !important; }
.clear{ clear:both; margin:0px; padding:0px; }

/* General */
a{
    color:#003466;
    text-decoration:none;
}
a:hover{
    color:#003466;
    text-decoration:underline;
}
h1,h2,h3,h4,h5,h6{
    color:#003466;
    font-weight:bold;
    line-height:1.1;
    margin:0px 0px 10px 0px;
}

h1{
    font-size:1.5em;
}
h2{
    font-size:1.4em;
}
h3{
    font-size:1.3em;
}
h4{
    font-size:1.2em;
}
h5{
    font-size:1.1em;
}
h6{
    font-size:1em;
}

/* Contenedores generales */
#global
{
    width:960px;
    margin:0 auto;
}

#scripts{
	display:none !important;
}

/* Cabecera (div) contiene el logo, opciones, menu y breadcrumbs */
#header #logo
{
	margin-top:8px;
	cursor:pointer;
}

#header #titular{
    position:absolute;
    left:210px;
    top:65px;
    display:none !important;
}

#header #opciones a{
    color:#242424;
    margin-right:5px;
}

#header #opciones #idiomas{
    float:left;
    margin-right:16px;
}

#header #opciones #idiomas a.activo, #header #opciones #idiomas a.active
{
    border-bottom:1px dotted #000000;
}

#header #opciones #idiomas a:hover
{
    border-bottom:1px solid #242424;
    text-decoration:none;
}

#header #opciones #zoom{
    font-weight:bold;
    float:left;
}

#header #opciones #zoomOut
{
    margin-right:4px;
    font-size:0.9em;
}

#header #opciones #zoomIn
{
    font-size:1.1em;
}

#header #menu
{
    position:relative;
    list-style:none;
    margin:0px 0px;
    padding:2px 0px;
    line-height:1.9em;
    background:#003466 url(../img/fondos/azul.gif) repeat-x 0px 0px;
    -moz-box-shadow:2px 2px 4px rgba(0,0,0,0.2);
    -webkit-box-shadow:2px 2px 4px rgba(0,0,0,0.2);
    box-shadow:2px 2px 4px rgba(0,0,0,0.2);
}

#header #menu li
{
    position:relative;
    float:left;
    padding:2px 0px;
    display:inline;
}

#header #menu li a
{
    position:relative;
    background:#003466 url(../img/fondos/azul.gif) repeat-x 0px 0px;
    padding:8px 19px;
    color:#fff;
    font-size:1em;
}

#header #menu a.active, #header #menu a:hover
{
    background:#fff;
    color:#003466;
    text-decoration:none;
    border-bottom:3px solid #003466;
}

.atib-index .homeButton{
    background:#006367 url(../img/fondos/cian.gif) repeat-x 0px 0px !important;
    color:#fff;
    border-bottom:none;
}

.atib-index .homeButton:hover
{
    color:#fff !important;
}


.atib-index .roundBox
{
    background:white;
    color:#000000;    
}

.atib-index #banners
{
    display:none;
}

#header .breadcrumbs{
    position:relative;
    list-style:none;
    margin:16px 0px 0px 0px;
    padding:0px;
    font-size:1.1em;
}

#header .breadcrumbs li, #header .breadcrumbs span
{
    position:relative;
    display:inline;
    color:#808080;
    font-weight:bold;
    margin:0px;
    padding:0px;
}

#header .breadcrumbs li a, #header .breadcrumbs span a{
    color:#808080;
    font-weight:normal;
}
#header .breadcrumbs .crumb
{
    font-size: 0.7em;
    padding:0px 8px;
}

/* Contenido (table) contiene 2 columnas: main y rcolumn */
#content{
    position:relative;
    background:transparent;
    text-align:left;
    width:960px;
    margin:16px 0px;
    padding:0px 0px;
    /*z-index:9999;*/
}

/* PARA WEBSERVICES */
#content .heading1
{
    background-color:transparent;
    color:#d14836;
    /*background-color:#003466;*/
    margin:0 auto;
}

#content .intro
{
    margin:20px;
    font-size:16px;  
}
/* FIN PARA WEBSERVICES */

#content #main
{
    position:relative;
    width:720px;
    padding:0px 16px 0px 0px;
    background:transparent;
    vertical-align:top;
    float:left;
    margin-right:0px;
    padding-right:0px;
    width:720px;
    display:inline;
}

#content #main #homeBanner
{
    display:none;
    background:#154472 url(../img/fondos/homebanner.png) repeat-x top left;
    padding:16px;
    color:#fff !important;
    margin:-16px 0px 16px 0px;
    -moz-border-radius-bottomleft:30px;
    -webkit-border-bottom-left-radius:30px;
    border-bottom-left-radius:30px;
    -moz-box-shadow:2px 2px 4px rgba(0,0,0,0.2);
    -webkit-box-shadow:2px 2px 4px rgba(0,0,0,0.2);
    box-shadow:2px 2px 4px rgba(0,0,0,0.2);
}
#content #main #homeBanner *
{
    color:#fff !important;
}
.atib-index #content #main #homeBanner
{
    /*display:block;*/
}

#content #main .article{
    margin-bottom:32px;
}
#content #main .articleTitle{
    margin-bottom:8px;
    font-size:1.4em;
}
#content #main .articleDate{
    margin-top:8px;
    font-style:italic;
    padding-left:0px;
}
#content #main .articleContent{
    margin:0px;
}

#rcolumn{
    position:relative;
    width:207px;
	padding:0px 0px 0px 16px;
	/*
    border-left:1px ridge dotted #003466 !important;
    border-left:1px dotted #003466;
    background:transparent;
    vertical-align:top;
    */
    float:left; 
    width:205px;
    margin-left:16px;
    padding-left:16px;
    padding-right:0px;
    /*display:inline;*/
}

/* Pie (div) */
#footer{
    position:relative;
    background:#515151;
    color:#fff;
    text-align:left;
    width:928px;
    padding:8px 16px;
    margin:0px;
    font-size:0.9em;
    z-index:0;
}

#footer ul{
    position:relative;
    float:left;
    list-style:none;
    margin:0px 16px 0px 0px;
    padding:8px;
    width:150px;
}

#footer ul li.footerTitle{
    font-weight:bold;
    font-size:1.1em;
    margin-bottom:5px;
    list-style:none;
}

    #footer ul li {
        margin-bottom: 2px;
        font-size: 1.1em;
    }
 
#footer ul li a{
    color:#fff;
}

/* Pie2 (div) */
#footer2
{
    position:relative;
    background:transparent;
    text-align:center;
    margin-top:10px;
    padding-bottom:16px;
}

#footer2 a
{
    color:#000;
    font-size:0.9em;
    padding:0px 10px;
}

#footer2 #txtcopyright
{
    padding-top: 8px; text-align: center;
}

/* Cajas con bordes redondeados */

.rbox1
{
    padding:16px;
    margin:0px;
    list-style:none;
}

.rbox1 li
{
    margin-bottom:5px;
}

.rbox1 a
{
    
}

.radius30
{
    -moz-border-radius-bottomleft:30px;
    -moz-border-radius-topright:30px;
    -webkit-border-bottom-left-radius:30px;
    -webkit-border-top-right-radius:30px;
    border-bottom-left-radius:30px;
    border-top-right-radius:30px;
}

.roundBox
{
    position:relative;
    /*padding:16px;*/
    height:auto;
    margin-bottom:16px;
    background:#eee;
    color:#003466;
    /*display:none;*/
}

.roundBox h2
{
    font-size:1.2em;
}

.roundBox ul
{
    margin-left:16px;
    padding:0px;
}

.borderRadius-topLeft, .borderRadius-topRight, .borderRadius-bottomLeft, .borderRadius-bottomRight
{
    position:absolute;
    background-color:transparent;
    background-repeat:no-repeat;
}

.borderRadius-topLeft
{
    top:-1px;
    left:-1px;
    background-position:top left;
}
.borderRadius-bottomRight
{
    right:-1px;
    bottom:-1px;
    background-position:bottom right;
}

.borderRadius-topRight
{
    top:-1px;
    right:-1px;
    background-position:top right;
}
.borderRadius-bottomLeft
{
    left:-1px;
    bottom:-1px;
    background-position:bottom left;
}

.borderRadius-topLeft-30px
{
    width:30px;
    height:30px;
    background-image:url(../img/borderRadius/topleft_30px.png);
}
.borderRadius-bottomRight-30px
{
    width:30px;
    height:30px;
    background-image:url(../img/borderRadius/bottomright_30px.png);
}
.borderRadius-topRight-30px
{
    width:30px;
    height:30px;
    background-image:url(../img/borderRadius/topright_30px.png);
}
.borderRadius-bottomLeft-30px
{
    width:30px;
    height:30px;
    background-image:url(../img/borderRadius/bottomleft_30px.png);
}

#rcolumn #banners
{
    margin-left:8px;
}

#contenedormodelos
{
    position:relative;
    width:650px !important;
    max-width:650px !important;
    overflow:auto;
}

#contenedormodelosLeftCol
{
    position:relative;
    vertical-align:top;
    width:120px !important;
}

#contenedormodelosRigtCol
{
    position:relative;
    width:400px !important;
}

#menumodelos
{
    position:relative;
    padding:0px 16px;
    width:300px;
}

#menumodelos h2
{
    padding:0px !important;
    margin:0px !important;
    font-size:1.2em;
}

#menumodelos ul
{
    position:relative;
    margin:0px;
    padding:0px;
    list-style:none;
}

#menumodelos ul li
{
    position:relative;
    padding:2px;
    text-transform:capitalize;
}

#banners a
{
    display:block;
    margin-bottom:16px;
}
#bannersHome
{
    line-height:2;
}

#bannersHome a
{
    margin-right:5px;
}

#tramitesDestacados
{
    background:#eee;
}

#tramitesDestacados ul
{
    position:relative;
    margin:0px;
    padding:0px;
    list-style:none;
}

#tramitesDestacados ul li 
{
    padding-top:8px;
    margin-bottom:8px;
    border-top: 1px dotted #003466;
}

.proundbox
{
    padding:16px;
}

.txtrbox
{
    font-size:1.2em;
}

#tithome
{
    color:#808080; padding:8px 2px;
}

.li-last
{
    margin-right:0px;
}

.ph2 
{
 color:#003466;
 font-size:1.4em;
 font-weight:bold;
}

.ph1 {
  color:#003466;
  display: block;
  font-size: 1.4em;
  -webkit-margin-before: 0.67em;
  -webkit-margin-after: 0.67em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  font-weight: bold;
}

/* Sección cabecera con buscador*/
#buscadorHeader input, #divInputBuscar
{
	background: url("/App_Themes/Azul/img/inputBackground.png") no-repeat scroll 0 0 #FFFFFF;
	border: 0 none !important;
	height: 23px;
	overflow: hidden;
	width: 120px;
	font-family: Arial;
	font-size: 12px;
	font-weight:bold;
    position:relative;
    top:4px;
}
#buscadorHeader #iBuscar, #divInputBuscar
{
	background-position: right top !important;
	cursor: pointer;
	width: 30px;
}
#buscadorHeader input#iBusqueda
{
    padding:3px 0px 0px 10px !important;
}
#banners a img {margin:10px 0px; display:block;}

.base-timer {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 200px;
    height: 200px;
}

.base-timer__svg {
    transform: scaleX(-1);
}

.base-timer__circle {
    fill: none;
    stroke: none;
}

.base-timer__path-elapsed {
    stroke-width: 7px;
    stroke: grey;
}

.base-timer__path-remaining {
    stroke-width: 7px;
    stroke-linecap: round;
    transform: rotate(90deg);
    transform-origin: center;
    transition: 1s linear all;
    fill-rule: nonzero;
    stroke: currentColor;
}

    .base-timer__path-remaining.green {
        color: rgb(65, 184, 131);
    }

    .base-timer__path-remaining.orange {
        color: orange;
    }

    .base-timer__path-remaining.red {
        color: red;
    }

.base-timer__label {
    position: absolute;
    width: 200px;
    height: 200px;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 48px;
}

.countdown-message {
    text-align: center;
    font-size: x-large;
    font-weight: bolder;
    margin-bottom: 24px;
}

.countdown-container {
    margin-top: 24px;
    margin-bottom: 24px;
}

.download-message {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: x-large;
    font-weight: bolder;
    margin-top: 10px;
    margin-bottom: 10px;
    height: 400px;
    width: 600px;
}