@charset "UTF-8";

body{
    background-color: #15D0ED;
    font-family:Arial, sans-serif;
    font-size: 16px;
	text-align:justify;
	color:#0F305C;
	background-image:url('../images/fnd.png');
	/*background-size:cover;*/
	background-attachment:fixed;
}
header {
	padding:0;
	margin:0;
	background-color:#FFF;
}
#contenedor{
	padding:0;
	margin:0 auto;
	max-width:88%;
	max-width:1250px;
}
#subcab{
	/*background-image:url('../images/cabecera.png');
	background-position:top left;
	background-repeat:no-repeat;
	background-color:transparent;*/
	background: linear-gradient(to top, #003366, #153055);
	border-bottom:2px solid #15D0ED;
	margin:0;
	padding:7px 0 10px 0;
	color:#FFFFFF;
	width:100%;
	height:auto;
	/*z-index:1000;
	position: absolute;*/
}
.logo{
	max-width:130px;
}
#subcab1{
	background-color:transparent;
	margin:0;
	padding:0;
	width:100%;
	height:auto;
	z-index:1000;
	position: absolute;
}
#cabecera{
	padding:0 0px 0 0;
	margin:0;
	height:auto;
	width:100%;
	border-bottom:2px solid #895BFC;
}
#contenido{
	padding:0;
	margin:0;
	background-color:#FFF;
	padding:60px 20px 60px 20px;
}
.fnd_logo{
	background-image:url('../images/logo_fnd.jpg');
	/*background-size:cover;*/
	/*background-attachment:fixed;*/
	background-position:center 30%;
	background-repeat:no-repeat;
}
.conti{
	border-right:2px dotted #0F305C; 
	padding:0 60px 0 60px;
}
/*.panel{
	text-align:left;
	margin:3px;
	padding:18px;
	border-radius:8px;
}
.panel1{
	border: 3px inset;
	border-color:#DDD;
	background: linear-gradient(to right, #A6A7AB, #EEE);
}
.panel2{
	background: linear-gradient(to left, #A6A7AB, #EEE);
	border:3px outset;
	border-color:#DDD;
}*/
.info{
	text-align:justify;
	font-size:14px;
}
.cont{
	padding:0 50px 20px 15px;
	text-align:justify;
}
p.text{
	text-align:center;
	padding:5px 0 2px 0;
}
#cont{
	margin:0;
	padding:10px;
	border:0;
	background-color:#CCC;
	border-radius:5px;
}
.ban{
    color:#FFFFFF;
	padding:30px;
	text-shadow: 0 -2px 7px #333;
}
.ban a{
    color:#FFFFFF;
}
nav.row{
    margin: 10px 0px 10px 0px;
}
.main{
	color:#333333;
}
ul#menu-principal{
    list-style: none;
    margin: 0 auto;
    padding: 0px;
    text-align: center;
    transition: all 0.5s;
	border-top:0px solid #FFF;
	color:#FFFFFF;
    /*width: 100%;*/
}
ul#menu-principal > li{
    display: inline-block;
    vertical-align: middle;
}
ul#menu-principal > li a{
    color: #FFF;
    display: block;
    font-family:Arial, Helvetica, sans-serif;
    /*font-size: 1.2em;*/
	font-size: 1em;
    font-weight:bold;
	text-shadow:1px 1px 2px #041A46;
    /*padding: 0px 10px 10px 35px;*/
	padding: 0px 10px 10px 29px;
    text-decoration: none;
    position: relative;
}
ul#menu-principal > li a.active{
    color: #15D0ED;
	/*text-shadow:1px 1px 1.5px #CCC;*/
	text-shadow:1px 1px 1.5px #895BFC;
}
ul#menu-principal > li a:hover{
    /*color:#EAF2F5;*/
	color:#FFF;
	text-shadow:1px 1px 2px #15D0ED;
	font-size:0.9em;
}
ul#menu-principal > li ul a{
    color: #BEBEBD;
}
@keyframes slideInDown-sub-menu {
    /*0% {
        transform: translateY(-100%);
        visibility: visible;
    }

    100% {
        transform: translateY(0);
    }*/
}
ul#menu-principal > li ul{
    display: none;
    position: absolute;
    padding: 5px 15px 10px 15px;
    background-color:#1B3A70;
    list-style: none;
    text-align: left;
    /*z-index: -100;*/
    /*visibility: hidden;*/
    /*animation: slideInDown-sub-menu 1s;
    transition: height 2s;
    transition: height 1s;*/
}
ul#menu-principal > li ul li a{
    color: #EEE;
    display: block;
    font-family: "open_sanscondensed_light";
    font-size: 1.1em;
    font-weight: 400;
    padding: 5px 10px;
    text-decoration: none;
    position: relative;
}
ul#menu-principal > li:hover > ul,
ul#menu-principal > li:focus > ul{
    z-index: 120;
    display: block;
    /*transition: all 1s;*/
    /*visibility: visible;*/

    /*animation: slideInDown-sub-menu 5s;*/
}
ul#menu-principal > li ul a:hover,
ul#menu-principal > li ul a:focus{
    color: #FFF;
}
ul#menu-principal > li > ul li a:hover ,
ul#menu-principal > li > ul li a:focus{
    color: #FFF;
	/*text-decoration:underline;*/
}
ul#menu-principal>li>a:before {
    content: " ";
    position: absolute;
    left: 0%;
    bottom: 5px;
    height: 1px;
    width: 0%;
    /*background-color: #CCC;*/
    /*border-bottom: 2px solid #FFF;*/
    /*-webkit-transition: width 0.3s ease-in-out;
       -moz-transition: width 0.3s ease-in-out;
        -ms-transition: width 0.3s ease-in-out;
         -o-transition: width 0.3s ease-in-out;
            transition: width 0.3s ease-in-out;*/
}
ul#menu-principal>li>a:after {
    content: " ";
    position: absolute;
    right: 0%;
    bottom: 5px;
    height: 1px;
    width: 0%;
    /*background-color: #DDD;*/
    /*border-bottom: 2px solid #EEE;*/
    /*-webkit-transition: width 0.3s ease-in-out;
       -moz-transition: width 0.3s ease-in-out;
        -ms-transition: width 0.3s ease-in-out;
         -o-transition: width 0.3s ease-in-out;
            transition: width 0.3s ease-in-out;*/
}
ul#menu-principal li a:hover:before,
ul#menu-principal li a:focus:before {
    width: 50%;
}
ul#menu-principal li a:hover:after,
ul#menu-principal li a:focus:after {
    width: 50%;
}
img.main-logo{
    width: 320px;
    /*transition: all 0.3s;*/
}
ul#menu-principal li.espacio-logo a:before,
ul#menu-principal li.espacio-logo a:after{
    content: " ";
    height: 0;
    border: 0;
}
#btn-menu{
    display: none;
}

#grid{
	background-color:#FFFFFF;
	color:#000000;
	border:1px groove #CCC; 
}
#tabla{
	background-color:#FFFFFF;
	color:#000000;
	border:1px groove #CCC;
}
#tabla th{
	background-color:#EEE;
	font-weight:bold;
	padding:10px;
}
#tabla td{
	padding:10px;
	border-bottom:1px solid #EEE;
}
section.container{
    /*margin-top: 100px;*/
	color:#000033;
	padding:0 30px 0 30px;
	text-align:justify;
}
.lnk_c{
	color:#000;
	text-decoration:underline;
}
.lnk_c:hover{
	color:#333;
	text-decoration:none;
}
.lnk_m{
	color:#CCC;
	text-decoration:underline;
}
.lnk_m:hover{
	color:#FFF;
	text-decoration:none;
}
@media screen and (min-width: 769px) and (max-width: 994px){
    img.main-logo{
        width: 180px;
    }
    ul#menu-principal li a{
        padding: 10px 7px;
    }
}
@media screen and (max-width: 768px){
    img.main-logo{
        display: inline-block;
        width: 280px;
    }
    ul#menu-principal{
        /*background-color: #2E2E2E;*/
        background-color: #000;
        display: inline;
        margin-left: -120%;
        position: absolute;
        width: 100%;
        /*transition: ease 0.5s;*/
    }
    ul#menu-principal li{
        display: block;
        position: relative;
        /*transition: all 0.5s;*/
    }
    ul#menu-principal li.espacio-logo{
        display: none;
    }
    a.visible-xs{
        margin-top: 10px;
        width: 80%;
    }
    a.visible-xs, label.visible-xs{
        /*position: relative;*/
        display: inline-block !important;
        vertical-align: bottom;
    }
    label.visible-xs{
        display: inline;
        font-size: 35px;
        color: #FFF;
        /*color: rgba(229, 11, 67, 0.9);*/
        cursor: pointer;
        float: right;
        /*margin-top: 30px;*/
        /*position: absolute;*/
        /*top: 15px;*/
        /*right: 20px;*/
        width: 15%;
    }
    #btn-menu:checked ~ ul#menu-principal{
        /*transition: slidedown 0.5s;*/
        /*display: block;*/
        /*position: relative;*/
        margin-left: 0px;
        /*margin-right: 15px;*/
        /*width: 100%;*/
        z-index: 100;
		background: linear-gradient(to top, #153055, #003366);
		/*background: linear-gradient(#FF3300, #E74310);*/
    }
    ul#menu-principal > li ul{
        display: none;
        /*height: 0px;*/
        position: relative;
        padding: 10px 1px;

        background-color:#003366;
        list-style: none;
        text-align: center;
        z-index: -100;
        /*transition: height 2s;*/

    }
    ul#menu-principal > li:hover > ul,
    ul#menu-principal > li:focus > ul{
        z-index: 12;
        display: block;
        width: 100%;
        transition: height 1s;
    }
.cont{
	padding:0 35px 20px 35px;
}
.coni{
	padding:0 20px 20px 20px;
}
}
/***********************************/
div.card1{
    box-shadow: 0px 2px 30px rgba(000, 000, 000, 0.2);
    width: 100%;
    background-color: #EDEDED;
    border-radius:12px;
    overflow: hidden;
    margin:15px 0 15px 0;
	padding:15px;
	border:1px solid #CCC;
	font-size:13pt;
}
div.card1 figure{
    background-color: #FFF;
	box-shadow: 0px 2px 30px rgba(000, 000, 000, 0.1);
	border-radius:15px;
	margin:15px 0 10px 0;
}
div.card1 h2 {
	font-size: 2em;
	font-weight: bold;
	color:#666;
	margin:10px 0 6px 0;
}
div.card1 figure img{
    background-color: #D3D3D3;
    display: block;
    margin: auto;
}
div.card1 div.card-content{
    padding: 0px 20px;
    padding-bottom: 20px;
    color: #787878;
}
/*****************slides*****************/
aside img{	
	width:100%;
	height:auto;
	/*filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	-ms-filter: grayscale(100%);*/}
article img{	
	width:100%;
	height:auto;
	/*filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	-ms-filter: grayscale(100%);*/}			
.slides img{/*filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	-ms-filter: grayscale(100%);*/}	
.fondo{
	background:#FFF;
	padding:10px 25px 20px 25px;
	/*margin:0;*/
}
/**************************************************/	
/******************modal************************/
/*********************finmodal***************************/	
.btn-tit{
	background: linear-gradient(#8D0B33, #CA0E0F);
	color:#FFF;
	text-shadow:#333;
	border-radius:10px;
	border: 2px inset;
	border-color:transparent;
}
.btn-tit:hover,.btn-tit:focus{
	background-color:#CA0E0F;
	color:#FFF;
	text-shadow:#000;
}
.tit_enl{
	color:#000;
	text-decoration:underline;
}
.tit_enl:hover{
	color:#000;
	/*font-weight:bold;*/
	text-decoration:none;
	text-shadow: 0 2px 7px #FFF;
}
h1{
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-align:center;
	font-size:30px;
	font-weight:bold;
	text-shadow: 0 1px 1px #EEE;
}
h2{
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	/*text-align:center;*/
	font-size:22px;
	font-weight:bold;
	text-shadow: 0 1px 1px #EEE;
}
.titulo{
	padding:12px 15px;
	margin:0;
}
.subtitulo{
	margin:0;
	padding:2px 0px 10px 0;
	color:#15D0ED;
	text-shadow:1px 1px 1px #666;
}
/***********************************************************/
/****************************portafolio***********************/
section#portafolio {
	left:0;
	right:0;	
    margin: 0 auto;
    width: 100%;
}
.subtit{
	font-family:Open Sans Condensed, helvetica, arial, sans-serif;
	margin:50px 0px 40px 0px;
}
.filtrar {	
    padding: 20px 0;
}
.filtrar a {
    color: #fff;
    padding: 5px 10px;
    text-decoration: none;
}
.filtrar a:hover {
    color: #ae0376;
    text-decoration: none;
}
.filtrar a.actual {
    background: none repeat scroll 0 0 #ae0376;
    border-radius: 10px;
    color: #FFFFFF;
}
.portfolioContenedor img {
	width:100%;
    margin:5px;
}
.isotope-item {
    z-index: 2;
}
.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}
.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    transition-duration: 0.8s;
}
.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    transition-property: height, width;
}
.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    transition-property: transform, opacity;
}
/* Estilos para el mapa
*******************************/
div#mapa{
    margin-top: 20px;
    margin-bottom: 5px;
    background-color: #fafafa;
    height: 350px;
}
.direccion-info{
    margin-top: 10px;
	list-style:none;
}
.direccion-info ul li{
   text-decoration:none;
   list-style:none;
}

/***********************footer**************************/
footer{
	/*background-image:url('../images/pie.png');
	background-position:top;
	background-repeat:repeat-x;
	background-color:#FFF;*/
	/*background: linear-gradient(#A1A4A7, #FFFFFF);*/
	background-color:#022E6B;
	color:#FFF;
	padding:15px 20px 15px 20px;}
p.info{
	padding:6px 0 0 0;
}
p.copyright{
    margin: 0;
    padding: 15px;
	font-size:12px;
	background-color:#8247FF;
	color:#333366;
}
p.copyright a{
    color:#996600;
}
ul.redes-sociales{
    list-style: none;
    margin-bottom: 10px;
    padding: 0;
}
ul.redes-sociales li{
    display: inline-block;
    margin: 7px;
}
ul.redes-sociales a{
    background-color: #2C2C2C;
    border-radius: 50%;
    padding: 8px 13px 10px 10px;
    color: #FFF;
    width: 36px;
    height: 36px;
    display: block;
}
ul.redes-sociales a i.fa{
    margin-left: 3px;
}

a.facebook:hover,
a.facebook:focus{
    background-color: #4669AD;
}
a.twitter:hover,
a.twitter:focus{
    background-color: #6AC8EE;
}
a.instagram:hover,
a.instagram:focus{
    background-color: #D36930;
}
a.link{
    color: #FFF;
}