*{
    margin:0;
    padding:0;
}
body {
    font-size:11px/1.3 Verdana,Arial,sans-serif;
    /*background-image: url("https://i.imgur.com/FCA8dU2.png");*/
    background-image: url(../ELEMENTS/fondolaw.jpg);
	
    background-repeat: repeat;
    background-attachment: fixed;
    background-position: center;
    margin: 0 auto;
    height:auto;
    /*background-color: background: rgba(31,59,8,1);
background: -moz-linear-gradient(left, rgba(31,59,8,1) 0%, rgba(31,59,8,1) 1%, rgba(98,125,77,1) 13%, rgba(98,125,77,1) 89%, rgba(53,87,24,1) 94%, rgba(31,59,8,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(31,59,8,1)), color-stop(1%, rgba(31,59,8,1)), color-stop(13%, rgba(98,125,77,1)), color-stop(89%, rgba(98,125,77,1)), color-stop(94%, rgba(53,87,24,1)), color-stop(100%, rgba(31,59,8,1)));
background: -webkit-linear-gradient(left, rgba(31,59,8,1) 0%, rgba(31,59,8,1) 1%, rgba(98,125,77,1) 13%, rgba(98,125,77,1) 89%, rgba(53,87,24,1) 94%, rgba(31,59,8,1) 100%);
background: -o-linear-gradient(left, rgba(31,59,8,1) 0%, rgba(31,59,8,1) 1%, rgba(98,125,77,1) 13%, rgba(98,125,77,1) 89%, rgba(53,87,24,1) 94%, rgba(31,59,8,1) 100%);
background: -ms-linear-gradient(left, rgba(31,59,8,1) 0%, rgba(31,59,8,1) 1%, rgba(98,125,77,1) 13%, rgba(98,125,77,1) 89%, rgba(53,87,24,1) 94%, rgba(31,59,8,1) 100%);
background: linear-gradient(to right, rgba(31,59,8,1) 0%, rgba(31,59,8,1) 1%, rgba(98,125,77,1) 13%, rgba(98,125,77,1) 89%, rgba(53,87,24,1) 94%, rgba(31,59,8,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f3b08', endColorstr='#1f3b08', GradientType=1 );*/
}


.fixed {
    position:fixed;
    top:0;
}


header {
    /*background-color: #dedede;*/
    width: 100%;
    background-color: #B3241A;
    margin: 0 auto;
    text-align: center;
    /*display: flex;
    display: -webkit-flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    justify-content: space-between;*/
}

.banner{
    margin: 0 auto;
    width: 1000px;
    /*align-items: center;
    align-content: center/;*/
}

.up{
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: space-around;
}

.spacio{
    margin-right: 20px;
}


.modal-header{
    background-color: #901515;
    color: #FFF;
    font-weight: bold;
}

.modal{
    border-radius: 10px;
}


.menu{
    width: 100%;
    height: 40px;
    /*
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #787878), color-stop(0.5, #5E5E5E), color-stop(0.51, #707070), color-stop(1, #838383));
    background-image: -moz-linear-gradient(center bottom, #787878 0%, #5E5E5E 50%, #707070 51%, #838383 100%);
    background-color: #5f5f5f;
    */
    background-color: #dbd8c9;
    margin: 0 auto;
    text-align: center;
    /*position: static;*/
    z-index: 100; 
}

#nav,#nav ul {
    list-style: none outside none;
}
#nav {
    width: 1150px;
    font-family: Verdana,Arial,sans-serif;
    font-size: 11px;
	font-weight: bold;
    height: 36px;
    margin: 0px auto;
    /*text-shadow: 0 -1px 3px #202020;*/
    text-shadow: 5 -1px 10px #ffffff;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: space-around;

    /* border radius */
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 30px;

    /* box shadow */
    /*
    -moz-box-shadow: 0 3px 3px 3px #b90000;
    -webkit-box-shadow: 0px 3px 3px #cecece;
    box-shadow: 0px 3px 3px #030377;
    */

    /* gradient */
    /*background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #787878), color-stop(0.5, #5E5E5E), color-stop(0.51, #707070), color-stop(1, #838383));
    background-image: -moz-linear-gradient(center bottom, #787878 0%, #5E5E5E 50%, #707070 51%, #838383 100%);
    background-color: #5f5f5f;*/
}
#nav li {
    border-bottom: 1px solid #00135E;
    border-left: 1px solid #00129b;
    border-right: 1px solid #001067;
    border-top: 1px solid #002469;
    /*border: 1px solid #a0a0a0;*/
    display: block;
    height: 36px;
    position: relative;
    width: 170px;
}
#nav > li:first-child {
    /*border-left: 0 none;*/
}

#nav > li:last-child {
    /*border-right: 0 none;*/
}
#nav ul {
    left: -9999px;
    position: absolute;
    top: -9999px;
    z-index: 2;
}
#nav ul li {
    background: none repeat scroll 0 0 #838383;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
    box-shadow: 50px 50px 50px;
    width: 100%;
}
#nav li a {
    color: #FFFFFF;
    display: block;
    line-height: 36px;
    outline: medium none;
    text-align: center;
    text-decoration: none;

    /* gradient */
    /*background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #5361A0), color-stop(0.5, #00217b), color-stop(0.51, #001a86), color-stop(1, #00108d));
    background-image: -moz-linear-gradient(center bottom, #787878 0%, #5E5E5E 50%, #707070 51%, #046589 100%);
    background-color: #0010d6;*/
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #5361A0), color-stop(0.5, #3e4e98), color-stop(0.51, #3e4e98), color-stop(1, #5361A0));
    background-image: -moz-linear-gradient(center bottom, #5361A0 0%, #3e4e98 50%, #3e4e98 51%, #5361A0 100%);
    background-color: #5361A0;
}

/* keyframes #animation */
@-webkit-keyframes animation {
    0% {
        -webkit-transform: scale(1);
    }
    30% {
        -webkit-transform: scale(1.1);
    }
    100% {
        -webkit-transform: scale(1.1);
    }
}
@-moz-keyframes animation {
    0% {
        -moz-transform: scale(1);
    }
    30% {
        -moz-transform: scale(1.1);
    }
    100% {
        -moz-transform: scale(1.1);
    }
}

#nav li > a:hover {
    background-color: #7e0000;
    /* CSS3 animation */
    
    -webkit-animation-name: animation;
    -webkit-animation-duration: 0.6s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-direction: normal;
    -webkit-animation-delay: 0;
    -webkit-animation-play-state: running;
    -webkit-animation-fill-mode: forwards;

    -moz-animation-name: animation;
    -moz-animation-duration: 0.3s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: 1;
    -moz-animation-direction: normal;
    -moz-animation-delay: 0;
    -moz-animation-play-state: running;
    -moz-animation-fill-mode: forwards;
    
}

#nav li:hover ul {
    left: -5px;
    top: 36px;
    width: 250px;
}

#nav li:hover ul li a {
    text-align:left;
	padding-left:15px;
}

.main{
    width: 1000px;
    background-color: #FFF;
    margin: 0 auto;
    /*border:10px ridge #deb887;*/
    -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
}

.info{
    width: 100%;
    margin: 0 auto;
    color:#A62020;
    text-align: justify;
    font-family: Verdana,Arial,sans-serif;
	font-size:12px;
    font-weight: bold;
    padding: 20px 50px;
}


.carousel .item {
  height: 300px;
}

.item img {
    position: absolute;
    top: 0;
    left: 0;
    min-height: 300px;
}

.carousel, .carousel-inner > .item > img {
    margin: 0 auto;
}

.carousel-inner{
}

.jumbotron{
    margin: 0;
    padding: 0;
    width: 100%;
    height: 300px;
    max-width: 1500px;
}

.fondojumbo1{
    background-image: url("../ELEMENTS/i1.jpg"); 
    background-position: 0% 10%;
    background-size: cover;
    background-repeat: no-repeat;
    color: white;
    padding-top: 20px;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    text-align: center;
}

.cuadro{
    padding-top: 30px;
}

.oscuro{
    color: #000; 
}

.claro{
    color: #FFF;
}
.btn-slider{
    
}
.btn-slider:hover{
    background-color: #066fb1;
}

.fondojumbo2{
    background-image: url("../ELEMENTS/i2.jpg");
    background-position: 0% 5%;
    background-size: cover;
    background-repeat: no-repeat;
    color: white;
    padding-top: 20px;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    text-align: center;

}

.fondojumbo3{
    background-image: url("../ELEMENTS/i3.jpg");
    background-position: 20% 30%;
    background-size: cover;
    background-repeat: no-repeat;
    color: white;
    padding-top: 20px;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    text-align: center;
}

.fondojumbo4{
    background-image: url("../ELEMENTS/i4.jpg");
    background-position: 20% 30%;
    background-size: cover;
    background-repeat: no-repeat;
    color: white;
    padding-top: 20px;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    text-align: center;
}

.slider{
    width: 90%;
    height: 300px;
    margin: 0 auto;
}

.administrativo{
    background-color: #E8E8E8;
    padding: 10px;
}
/*
h3{
    padding: 2px;
    text-align: center;
    color: #000;
    text-shadow: 2px 2px 2px rgba(150, 150, 150, 1);
}*/


.flex-container{
    padding: 0;margin: 0;list-style: none;
    margin: 0 auto;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    flex-direction:row;
	flex-wrap:wrap;
}

.items{
    margin-left: 50px;
    margin-right: 50px;
    width: 110px;
    height: 150px;
    padding-top: 3px;
    margin-bottom: 7px;
    background-color: #BB2B23;
    text-align: center;
    transition: all .2s ease-in-out;
    -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
}

.items:hover{
    background-color: #00135F;
    border-radius: 10px 10px 30px 30px;
}
.items img{width: 100px;height: 100px; margin: 0 auto; border-radius: 10px;}

.items img:hover{
    transform: scale(1.0);
    border-radius: 10px;
}

.letra{
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    padding: 3px 0 3px 0;
}

.letra img:hover{
    color: #000;
}


.comunicados{/*
background: rgba(98,125,77,1);
background: -moz-linear-gradient(left, rgba(98,125,77,1) 0%, rgba(31,59,8,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(98,125,77,1)), color-stop(100%, rgba(31,59,8,1)));
background: -webkit-linear-gradient(left, rgba(98,125,77,1) 0%, rgba(31,59,8,1) 100%);
background: -o-linear-gradient(left, rgba(98,125,77,1) 0%, rgba(31,59,8,1) 100%);
background: -ms-linear-gradient(left, rgba(98,125,77,1) 0%, rgba(31,59,8,1) 100%);
background: linear-gradient(to right, rgba(98,125,77,1) 0%, rgba(31,59,8,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#627d4d', endColorstr='#1f3b08', GradientType=1 );
*/
}

.att{
    padding-top: 15px;
    display: flex;
    display:  -webkit-flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    flex-direction:row;
	flex-wrap:wrap;
}

.att a{
    margin-left: 20px;
    margin-right: 20px;
}

.att1{
    padding-top: 40px;
    padding-bottom: 40px;
    display: flex;
    display:  -webkit-flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    flex-direction:row;
	flex-wrap:wrap;
}

.att1 a{
	margin-left: 10px;
    margin-right: 40px;
}

.redondo{
    border-radius: 8px;
}

.redondo:hover{
    transform: scale(1.1);
}






footer{
    width: 100%;
    padding: 5px;
    margin: 0 auto;
    flex-direction: row;
    flex-wrap: nowrap;
    
    /* gradient */
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #787878), color-stop(0.1, #5E5E5E), color-stop(0.51, #707070), color-stop(1, #838383));
    background-image: -moz-linear-gradient(center bottom, #787878 100%, #5E5E5E 50%, #707070 51%, #838383 100%);
    background-color: #5f5f5f;
}
.footer{
    width:1000px;
    color: #fff; 
    margin:0 auto;
    padding: 10px;
    font-size: 12px;
    
    display: flex;
    display: -webkit-flex;
    align-items: flex-start;
    align-content: center;
    justify-content: space-around;
    
    
    /* gradient */
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #787878), color-stop(0.1, #5E5E5E), color-stop(0.51, #707070), color-stop(1, #838383));
    background-image: -moz-linear-gradient(center bottom, #787878 100%, #5E5E5E 50%, #707070 51%, #838383 100%);
    background-color: #5f5f5f;
}

.titulo-pie{
    font-size: 16px;
    color: #FFFFFF;
    font-weight: 900;
}
.p{
    padding-right: 10%;
}



/**************************************************************************************************/
/*Media Query*/

@media (min-width:320px) { /* smartphones, iPhone, portrait 480x320 phones */ }
@media (min-width:481px) { /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */ }
@media (min-width:641px) { /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */ }
@media (min-width:961px) { /* tablet, landscape iPad, lo-res laptops ands desktops */ }


@media (max-width:1025px) { /* big landscape tablets, laptops, and desktops */
    /*.menu{
        display: none;
        flex-direction: row;
    }
} */
@media (min-width:1281px) { /* hi-res laptops and desktops */ 







/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
/* Styles */
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
/* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
/* Styles */
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
/* Styles */
}
/**********
iPad 3
**********/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}
/* Desktops and laptops ----------- */
@media only screen  and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen  and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}

/* iPhone 5 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* iPhone 6 ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* iPhone 6+ ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* Samsung Galaxy S3 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* Samsung Galaxy S4 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

/* Samsung Galaxy S5 ----------- */
@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}