﻿@font-face {
    font-family: 'SourceSansPro';
    src: url(../fonts/SourceSansPro-Regular.ttf) format("truetype");
}
@keyframes fadein {
    from {opacity:0;}
    to {opacity:1;}
}
@-moz-keyframes fadein { /* Firefox */
    from {opacity:0;}
    to {opacity:1;}
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {opacity:0;}
    to {opacity:1;}
}
@-o-keyframes fadein { /* Opera */
    from {opacity:0;}
    to {opacity: 1;}
}

body{
    font-family: 'Source Sans Pro', sans-serif !important;
    font-size: 2em !important;
    -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 2s; /* Firefox < 16 */
    -ms-animation: fadein 2s; /* Internet Explorer */
    -o-animation: fadein 2s; /* Opera < 12.1 */
    animation: fadein 2s;
}

#divSocial {
    float:right;
    padding-right:5px;
    margin-top:-50px;
    }

#divLogo{
    width: 300px; 
    margin-top:10px;
    margin-bottom:20px;
    -moz-box-shadow: 7px 7px 10px 0px rgba(0, 0, 0, 0.75);
    -webkit-box-shadow:  7px 7px 10px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 7px 7px 10px 0px rgba(0, 0, 0, 0.75);
}
.fotoAbogado{
    width:150px;
    -moz-box-shadow: 7px 7px 10px 0px rgba(0, 0, 0, 0.75);
    -webkit-box-shadow:  7px 7px 10px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 7px 7px 10px 0px rgba(0, 0, 0, 0.75);
}

#divContenido{
    padding: 20px;
    text-align:justify;
    background-color: #fff;
    color: #4A494E; /*Gray */
    border: none !important;
    background: rgba(255, 255, 255, 0.80);
}

.list-group-item{
    background:none !important;
    border:none!important;
    box-shadow:!important;
}
.list-group-item:hover{
    background-color:#4A494E !important;
    color:#fff !important;
}


/*Menú Horizontal personalizado*/

/* navbar */
.navbar-default {
    border: none !important;
    border-bottom: 5px solid #fff !important;
    background-color:  #ffffff !important; /*Blanco*/
    opacity: .80;
	filter:alpha(opacity=80);
    z-index:1;
}

/* title FC */
.navbar-default .navbar-brand {
    color: #4A494E !important; /*Gray */ 
    font-size: 1.5em !important;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: #88B04B !important; /*Verde*/ 
}

/* link */
.navbar-default .navbar-nav > li > a {
    color: #4A494E !important; /*Gray */ 
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #88B04B !important; /*Verde*/ 
    background-color: #fff !important; /*Blanco*/
    border-bottom: 5px solid #88B04B;
    margin-bottom: -5px;

}
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {
    color: #4A494E !important; /*Gray*/
    background-color: #ffffff !important; /*Blanco*/
}
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus {
    color: #4A494E !important; /*Gray*/
    background-color: #ffffff !important; /*Blanco*/
}

/* dropdown */
.navbar-default .navbar-nav > li > .dropdown-menu {
    background-color: #ffffff !important; /*Blanco*/
    margin-top:6px !important;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a {
    color:  #4A494E !important; /*Gray*/
    font-size: 1.5em !important;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:focus {
    color: #ffffff !important; /*Blanco*/
    background-color: #4A494E !important; /*Gray*/
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > .divider {
    color: #ffffff !important; /*Blanco*/
    background-color: #4A494E !important; /*Gray*/
}
.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #ffffff !important; /*Blanco*/
    background-color: #4A494E !important; /*Gray*/
}

/* caret */
.navbar-default .navbar-nav > .dropdown > a .caret {
    border-top-color: #4A494E !important; /*Gray */
    border-bottom-color: #4A494E !important; /*Gray */
}
.navbar-default .navbar-nav > .dropdown > a:hover .caret,
.navbar-default .navbar-nav > .dropdown > a:focus .caret {
    border-top-color: #88B04B !important; /*Verde*/ 
    border-bottom-color: #88B04B !important; /*Verde*/ 
}
.navbar-default .navbar-nav > .open > a .caret, 
.navbar-default .navbar-nav > .open > a:hover .caret, 
.navbar-default .navbar-nav > .open > a:focus .caret {
    border-top-color: #88B04B !important; /*Verde*/ 
    border-bottom-color: #88B04B !important; /*Verde*/ 
}

/* mobile version */
.navbar-default .navbar-toggle {
    border-color: #4A494E !important; /*Gray*/
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    /*background-color: #D5E1DF !important;*/ /*Tono diferente*/
}
.navbar-default .navbar-toggle .icon-bar {
    background-color:  #4A494E !important; /*Gray*/
}



