* {
    padding: 0;
    margin: 0;
    border: 0;
}

/*Tablas*/
.titulo_materia{
    padding-bottom: 5px;
    color: #087021;
}
table
{
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    border-spacing: 0 !important;
    border-collapse: collapse !important;
}
.tabla_bloque{
    background-color: #F8F8F8;
    width: 25%;
}

.table .thead-light th
        {
            color: #0A5512;
            background-color: #E0DAB0;
            border-color: #0A5512;
        }



table_old
{
	margin: 5px;
	border: 1px solid;
	border-color: #2AACC8;
	border-collapse: collapse;
	padding: 3px;
        
}

.cabecera
{
	margin: 5px;
	border: none;
	padding: 3px;

}

table[align="center"]
{
	margin-left:auto;
	margin-right:auto;
}

td_old
{
	border: 1px solid;
	border-color: #2AACC8;
	border-collapse: collapse;
	padding: 3px;
    /*vertical-align: top;*/
}


.Estilo1 {
    font-size: large;
    font-weight: bold;
}
.Estilo2 {
    font-size: medium
}
.Estilo4 {
    font-size: large;
    font-weight: bold;
    color: #FFFFFF;
}
.Estilo5 {
    color: #339966
}
.Estilo3 {
    color: black;
    font-weight: bold;
    background-color: #E0DAB0;
}
.Estilo6{
    color:#106FB8;
    font-weight: bold;
}
.Estilo7 {
    color: black;
    font-weight: bold;
    background-color: #E0DAB0;
    text-indent: 1.5em;

}
.Estilo8 {
    color: black;
    font-weight: bold;
    background-color: #E0DAB0;
    font-size: 13px;
}
.Estilo9{
    color:#106FB8;
    font-weight: bold;
    text-indent: 1.5em;
}

.Estilo10{
	color:#07743B;
	font-weight: bold;
	font-size: 16px;
}

.celda{
    padding-top: 15px;
}
/*   Imagen lupa*/
.lupa{
	border: none; width: 15px; height: 15px;}

/*.footer{
    width: 100%;
    margin: 0 auto;
    background-color: #e7e7e7;

.footer {
    width: 99%;
    height: 0px;
    color: white;
    /*position: absolute;*/
    bottom: 40px;
}
/*
.footer{
    width: 100%;
    height: 100%;
    color: white;
    bottom: 40px;
    background-color: #F8F8F8;
    margin: 0 auto;
}*/


.footer_info{
    color: #ffffff;
    background-color: #f8f8f8;
    font-size: large;
    border-radius: 4px;
    padding: 5px;
    margin: 5px;
}

.enlaces{
    width: 950px;
    margin: 0 auto;
    padding: 30px;
    text-align: center;
    color: #7c7471;
    height: 10px;

}

.center-footer{
    padding-top: 30px;
}

.btn-blanco {
    color: white !important;
}

.btn-xxl {
    padding: 22px 16px !important;
    font-size: 16px !important;
    line-height: 1.3333333;
    border-radius: 6px
}

.pull-right_cabecera {
    background: url(http://www.juntadeandalucia.es/educacion/permanente/materiales/images/logoEP_color.png) no-repeat;
    height: 120px;
    width: 150px;
}
.pull-left_cabecera {
    float: left !important;
    background: url(http://www.juntadeandalucia.es/educacion/permanente/materiales/img/juntadeandalucia.png) no-repeat scroll 0 0 transparent;
    height: 120px;
    width: 200px;
}

.cabecera1{
    /*height:150px;*/
    margin-top: 20px;
    /*background-color: white;*/
}

.center {
    margin: 0 auto;
    width: 80%;
}
/*FOOTER*/
.container-footer {
    padding-right: 75px;
    padding-left: 75px;
    margin-right: 120px;
    margin-left: 120 px
}


.center_footer {
    margin: 0 auto;
    width: 50%;
    padding: 10px;
}

.enlace_footer, .enlace_footer > a{
    /* text-decoration: underline !important;*/
    text-align: center;
    padding: 10px 10px;
}

.btn-footer {
    padding: 10px !important;
    font-size: 14px !important;
    line-height: 1.3333333;
    border-radius: 6px;
    display: block;

}

.panel-title_bach{
    cursor: pointer !important;
}



/*Cabecera de la kjunta*/

header#banner {
    background: url("http://www.juntadeandalucia.es/educacion/permanente/materiales/images/cabecera_fondo.gif") repeat-x scroll 0 0 transparent;
}

#heading {
    margin: auto;
    padding-top: 5px;
    overflow: hidden;
    position: relative;
}

.consejeria-title {
    max-width: calc(60% - 150px);

}

.junta-title {
    width: auto;
    height: auto;
    position: absolute;
    margin-right: 1.5em;
}


/*FIN CABECER*/

/*CUERPO*/
.margen{
    padding-top: 10%;

}

/*FIN CUERPO*/
/*MENU*/

.fa{
    font-size: 22px !important;
}

.fa-home{
   /* font-size: 28px !important;*/
}


ul#navigation > li > a {
    font-size: 1.5em;
    padding: 10px 15px;
    display: block;
    color: black;
}


ul.dropdown-menu{
    background-color: #F6F6F6 !important;
    padding: 0 !important;
}
ul.dropdown-menu > li{
    border-bottom: 1px dotted #dcdcdc;
    background: url(http://www.juntadeandalucia.es/educacion/permanente/materiales/images/separator_vertical.png) 10px center no-repeat;
    min-height: 25px;
    font-size: 1.2em;
    padding: 3px;
    display: block;
}

ul.dropdown-menu > li > a:hover{
    background: transparent !important;
    color: #087021 !important;

}

.dropdown-menu > li:hover {
    background-color: #dcdcdc;

}

.navbar-nav >  a,
.navbar-nav >  a:focus,
.navbar-nav >  li > a:hover {
    color: #087021 !important;
    background-color: transparent !important;

}

.navbar-nav >  li:hover{
    border-top: 3px solid #4287bb;
    color: #087021 !important;
    background-color: transparent !important;
}
.navbar-nav >  li{
    border-top: 3px solid transparent;
}

@media (min-width: 1024px){

    .pestanas{
        background: white;
        width: 90%;
        padding: 0px 20px;
        margin: auto auto;
        clear: both;
    }
    .font-mediana, th .font-mediana{
        font-size: 1.1em;
    }
    .font-grande, th .font-grande{
        font-size: 2em;
    }
    .panel_empresa{
        width: 50%;
        margin: 0 auto;
    }
    .img-responsive{
        padding: 5px;
        max-width: 120% !important;

    }
}

@media (min-width: 992px) and (max-width: 1024px) {
    .pestanas{
        background: white;
        width: 90%;
        padding: 0px 10px;
        margin: auto auto;
        clear:both;
    }
    .font-mediana, th .font-mediana{
        font-size: 1.1em;
    }
    .font-grande, th .font-grande{
        font-size: 1.3em;
    }
    .panel_empresa{
        width: 50%;
        margin: 0 auto;
    }
    .img-responsive{
        padding: 5px;
        max-width: 100% !important;

    }
}

@media (max-width: 360px) {
    .pestanas{
        background: white;
        width: auto;
        padding: 0px 10px;
        margin: auto auto;
        clear:both;
    }
    .font-mediana, th .font-mediana{
        font-size: 0.8em;
    }
    .font-grande, th .font-grande{
        font-size: 1.3em;
    }
    .panel_empresa{
        width: 100%;
        margin: 0 auto;
    }
    .btn{
        font-size: 14px !important;
    }
}

.un-tercio{
    width: 50%;
}

.bordes-laterales{
    border-right: 2px solid #0a5512;
}
.border-bottom{
    border-bottom: 2px solid;
}

.encabezado-documentacion{
    border-bottom: 2px solid;
    width: 100%;
    text-align: center;
    padding: 0px 0px !important;

}


.tab{
    text-indent: 10px;
}

.panel-patrimonio {
    border-color: #087021 !important;
}

.panel-patrimonio > .panel-heading {
    color: #0A5512;
    background-color: #e0dab0;
    border-color: #0a5512
}

.panel-patrimonio > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #337ab7
}

.panel-patrimonio > .panel-heading .badge {
    color: #337ab7;
    background-color: #fff
}

.panel-patrimonio > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #337ab7
}

.titulo_ensenanza{
    padding-top: 1px;
    padding-bottom: 1px;
    margin-bottom: 30px;
    color: inherit;
    background-color: #eee;
    border-radius: 6px
}
.titulo_ensenanza p {
    margin-bottom: 15px;
    font-size: 15px;
    font-weight: 200
}
.titulo_ensenanza h2 {
    font-size: 25px;
    font-weight: 200
}

.titulo1{
    border-bottom: solid 2px #337ab7;
    font-size: 20px;
    padding-top: 10px;
}

.titulo1 p{
   color: black;
}

.titulo1 h2 {
    font-size: 25px;
    font-weight: 200
}

/*Listas*/

.descripcion-bloque {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 17.5px;
    border-left: 5px solid #577671
}

.descripcion{
    list-style-type: decimal;
    padding-left: 1em;
    /*font-size: 12px;*/
}

.circulo{
    list-style-type: circle;
    padding-left: 1em;
    /*font-size: 12px;*/
}


/*Alert*/

.alert-destacado {
    color: #31708f;
    background-color: #f8f8f8;
    border-color: #e7e7e7 !important;
}

/*Tablas*/
/*@media screen and (max-width: 600px) {
    table {
        width:100%;
    }
    thead {
        display: none;
    }
    tr:nth-of-type(2n) {
        background-color: inherit;
    }
    tr td:first-child {
        background: #f0f0f0;
        font-weight:bold;
        font-size:1.3em;
    }
    tbody td {
        display: block;
        text-align:center;
    }
    tbody td:before {
        content: attr(data-th);
        display: block;
        text-align:center;
    }
}*/

@media screen and (max-width: 320px) {
    table {
        display: block;
        overflow-x: auto;
    }
}

/*Tamaño letra del menu en moviles*/
.navbar-collapse.in {
    font-size: 0.8em;
}

/*miga de pan*/
.breadcrumb {
    text-align: left;
}




/*RAFA*/
.m-none { margin: 0px; }
.m-xs { margin: 5px; }
.m-sm { margin: 10px; }
.m-md { margin: 15px; }
.m-lg { margin: 20px; }
.m-xl { margin: 30px; }

.mb-none { margin-bottom: 0px; }
.mb-xs { margin-bottom: 5px; }
.mb-sm { margin-bottom: 10px; }
.mb-md { margin-bottom: 15px; }
.mb-lg { margin-bottom: 20px; }
.mb-xl { margin-bottom: 30px; }
.mb-xl { margin-bottom: 30px; }

.mt-none { margin-top: 0px; }
.mt-xs { margin-top: 5px; }
.mt-sm { margin-top: 10px; }
.mt-md { margin-top: 15px; }
.mt-lg { margin-top: 20px; }
.mt-xl { margin-top: 30px; }

.ml-none { margin-left: 0px; }
.ml-xs { margin-left: 5px; }
.ml-sm { margin-left: 10px; }
.ml-md { margin-left: 15px; }
.ml-lg { margin-left: 20px; }
.ml-lg-o { margin-left: 20px !important; }
.ml-xl { margin-left: 30px; }

.mr-none { margin-right: 0px; }
.mr-xs { margin-right: 5px; }
.mr-sm { margin-right: 10px; }
.mr-md { margin-right: 15px; }
.mr-lg { margin-right: 20px; }
.mr-xl { margin-right: 30px; }

.p-none { padding: 0px; }
.p-none-imp { padding: 0px !important; }
.p-xs { padding: 5px; }
.p-sm { padding: 10px; }
.p-md { padding: 15px; }
.p-lg { padding: 20px; }
.p-xl { padding: 30px; }

.pb-none { padding-bottom: 0px; }
.pb-xs { padding-bottom: 5px; }
.pb-sm { padding-bottom: 10px; }
.pb-md { padding-bottom: 15px; }
.pb-lg { padding-bottom: 20px; }
.pb-xl { padding-bottom: 30px; }

.pt-none { padding-top: 0px; }
.pt-xs { padding-top: 5px; }
.pt-sm { padding-top: 10px; }
.pt-md { padding-top: 15px; }
.pt-lg { padding-top: 20px; }
.pt-xl { padding-top: 30px; }

.pl-none { padding-left: 0px; }
.pl-none-imp { padding-left: 0px !important; }
.pl-xs { padding-left: 5px; }
.pl-sm { padding-left: 10px; }
.pl-md { padding-left: 15px; }
.pl-lg { padding-left: 20px; }
.pl-lg-o { padding-left: 20px !important; }
.pl-xl { padding-left: 30px; }

.pr-none { padding-right: 0px; }
.pr-none-imp { padding-right: 0px !important; }
.pr-xs { padding-right: 5px; }
.pr-sm { padding-right: 10px; }
.pr-md { padding-right: 15px; }
.pr-lg { padding-right: 20px; }
.pr-xl { padding-right: 30px; }

.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-aling: right; }


.stacktable { width: 100%; }
.st-head-row { padding-top: 1em; }
.st-head-row.st-head-row-main { font-size: 1.5em; padding-top: 0; }
.st-key { width: 49%; text-align: right; padding-right: 1%; }
.st-val { width: 49%; padding-left: 1%; }



/* RESPONSIVE EXAMPLE */

.stacktable.large-only { display: table; }
.stacktable.small-only { display: none; }

@media (max-width: 800px) {
    .stacktable.large-only { display: none; }
    .stacktable.small-only { display: table; }
}