body{background-color:#333}
.container{background-color:#e8e8e8}
header{background-color:rgba(19,35,70,0.88);color:#fff;padding:.5px;overflow:hidden;box-shadow:0 7px 0 rgba(0,0,0,0.2);z-index:1;position:relative;padding:5px 0;}
header .logo{border-right:2px solid #22bce0;float:left;margin-right:5px;}
header .logo img{background-color:#fff;border-radius:50%;margin:5px;border:2px solid #fff}
header #nombre{display:inline-block;}
header #nombre h2{margin:0;color:#fff;font-weight:bold}
header #nombre h3{margin:0;color:#fff}
header .login{margin-top:18px;margin-right:15px;float:right;font-size:14px;color:#fff;text-decoration:none}
nav{background:#0080ff;border-left:15px solid #fff;position:relative;}
nav:before{border-bottom:20px solid transparent;border-left:8px solid #fff;border-top:20px solid transparent;content:"";left:0;position:absolute;top:0}
nav .menu{height:40px;line-height:39px;margin:0;padding:0;overflow-x:auto;white-space:nowrap;margin-left:20px;}
nav .menu li{display:inline-block;}
nav .menu li a{color:#fff;display:block;font-size:16px;margin:0 .5em;padding:0 .2em;text-decoration:none}
nav .menu li a:hover{background-color:#0058b0}
.fondo-carousel{background:url("../imagen/portada02.png");background-position:center;border-style:solid;border-left-width:0;border-right-width:0;border-top-width:0;border-bottom-width:15px;-moz-border-image:url("../imagen/borde.png") 0 0 50 repeat;-webkit-border-image:url("../imagen/borde.png") 0 0 50 repeat;-o-border-image:url("../imagen/borde.png") 0 0 50 repeat;border-image:url("../imagen/borde.png") 0 0 50 repeat}
.marketing{padding-left:15px;padding-right:15px;min-height:300px}
.marketing .col-lg-4{text-align:center;margin-bottom:20px}
.marketing h2{font-weight:normal}
.marketing .col-lg-4 p{margin-left:10px;margin-right:10px}
.imagen-enlace{-webkit-transition:all .6s ease-out;-moz-transition:all .6s easy-eut;-ms-transition:all .6s easy-eut;-o-transition:all .6s easeout;transition:all .6s ease-out}
.imagen-enlace:hover{border-radius:15%;background-color:rgba(174,196,218,0.28)}
.form-signin{max-width:330px;margin:0 auto}
.enlace{color:#fff}
.enlace:hover{text-decoration:none}
.enlace.left{float:left}
.enlace.right{float:right}
.sugerencia img{float:left;margin-right:15px;border-radius:10px}
.sugerencia p{display:inline;line-height:2em}
.fb-like{width:100%;margin-top:20px}
.fb-comments,.fb-comments span,.fb-comments iframe[style]{width:100% !important}
@media screen and (max-width: 768px){header h2{font-size:22px;margin-bottom:.5em}
header h3{font-size:20px}
}