@charset "UTF-8";
/* CSS Document */
@-webkit-viewport { width: device-width; }
@-moz-viewport { width: device-width; }
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }
@font-face {
	font-family: Socialico;
	src:url("../fonts/Socialico.ttf");
}
@font-face {
	font-family: "Socialico Plus";
	src:url("../fonts/SocialicoPlus.ttf");
}


/*********************************************
*          Estilos Generales
**********************************************/
body {
	background-color:#000 !important;
}
section {
	padding-top:100px;
	padding-bottom:100px;
}
footer{
	padding-top:20px;
	padding-bottom:20px;
}
p {
	font-family:"Raleway";
}
a {
	color:#fff;
}

.col1 p {
	padding-bottom:30px;
	text-align:center;
	line-height:2.5em;
}

.nover {
	display:none;
}
.nopadb {
    margin-bottom: 15px !important;
}
.no-padding-right {
    padding-right: 0;
}
.no-padding-left {
    padding-left: 0;
}
/* Para centrar los menus */

.centered-pills { text-align:center; }
.centered-pills ul.nav-pills { display:inline-block; }
.centered-pills li { display:inline; }
.centered-pills a { float:left; }
* html .centered-pills ul.nav-pills { display:inline; } /* IE6 */
*+html .centered-pills ul.nav-pills { display:inline; } /* IE7 */

/*.empty-space-40 {
	padding-top:20px;
	padding-bottom:20px;
}*/
.empty-space-40 {
	height:40px;
	clear:both;
}
.red {
	background-color:red;
	min-height:100px;
}
.blue{
	background-color:blue;
	min-height:100px;
}
.rss img {
    width: 60px;
    height: auto;
}
/*********************************************
*          Estilos menu principal
**********************************************/

@media (min-width:768px){
.menup {
    background-color: transparent;
    border: none;
}
#menup .navbar-nav > li {
    float: none !important;
}
#menup .navbar-nav {
    float: left;
    margin: auto;
    width: 100%;
    text-align: center;
}
#menup .nav > li {
    position: relative;
    display: inline-block;
}
#menup .nav > li > a {
	color:#fff;
	font-size:12px;
}
}
nav.navbar.navbar-default.menup {
    margin-bottom: 0px;
    background-color: transparent;
    border: none;
}
ul#mobile-main-menu {
    width: 100% !important;
    background-color: rgba(255,255,255,0.8)  !important;
	padding-left: 0;
	list-style-type:none;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}
button.navbar-toggle.menupbutton.collapsed:hover {
    background-color: rgba(1,1,1,0.1);
}
.navbar-default .navbar-toggle {
    border-color: #fff;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color:  rgba(1,1,1,0.1); 
}
#mobile-main-menu a {
    color: #757575 !important;
    text-align: center;
    display: block;
    padding-top: 5px;
    padding-bottom: 5px;
}
#menup .nav > li > a {
	font-weight:200;
}
@media (min-width:480px){
.col1 p{
	margin-left:130px;
	margin-right:130px;
}
}
#menup a:hover {
    text-decoration: underline !important;
}

#menu_proyectos {
    position: inherit;
    float: none;
    border-radius: 0;
    border-bottom: solid 1px #aaa;
    border-top: solid 1px #aaa;
    background-color: rgba(255,255,255,0.6);
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background: transparent;
}
.dropdown-menu {
    background-color: rgba(255,255,255,0.8);
	font-size:12px;
}
#menu_proyectos a {
    line-height: 2em !important;
}

a.btn.btn-default.btn-xs.btn-blog {
    padding: 0 10px 2px;
    background: #4F6A7F;
    /* background: #10476D !important; */
}
a.btn.btn-default.btn-xs.btn-blog {
    padding: 0 10px 2px !important;
    background: #4F6A7F !important;
    /* background: #10476D; */
}
/************* Fin menu principal *************/

/*********************************************
*             Menu blanco mini                  
**********************************************/
.row .menu-blanco-mini {
    padding-left: 0;
    padding-right: 0;
    background-image: url("../imgs/logo_big.png");
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 99 !important;
    background-position-x: 40px;
	background-position-y:auto;
	height:100px;
	margin-top:50px;
	margin-bottom:50px;
}
#menublanco a,
#menublanco2 a {
    color: #333 !important;
    text-align: center;
}
.menu-blanco-mini .nav > li > a {
    position: relative;
    display: block;
    padding: 1px 15px;
    color: #666666 !important;
}
.fondo-blanco {
	background-color:#fff;
	height: 25px;
}
.menu-blanco-mini .menu-principal a {
    margin-top: 4px;
}
.titulo_menu_blanco {
    color: #666;
    font-size: 12px;
    position: absolute;
    left: 33px;
    top: 3px;
    font-weight: 700;
}
.menu-blanco-mini .navbar .navbar-nav {
  display: inline-block;
  float: none;
  vertical-align: top;
}

.menu-blanco-mini .navbar .navbar-collapse {
  text-align: center;
}
.menu-blanco-mini {
    background-color: #999;
    padding-left: 0px !important;
    padding-right: 0 !important;
    padding-top: 50px;
    padding-bottom: 50px;
    height: 130px;
}
.menu-blanco-mini .navbar-nav>li>a {
    padding-top: 5px;
    padding-bottom: 5px;
}
.menu-blanco-mini .navbar{
	min-height:20px;
} 
.container.menu-blanco-mini {
    background-image: url(../imgs/logo_big.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position-x: 50px;
}
p.id-brand {
    position: absolute;
    top: 5px;
    left: 50px;
    color: #666666 !important;
    font-weight: 700;
}
.botonToggle {
    border-color: #ccc !important;
}
.botonToggle span.icon-bar {
    background: #ccc !important;
}
#menublanco .dropdown-menu {
    border-top: solid 1px #ddd;
    border-bottom: solid 1px #ddd;
    background-color: rgba(255,255,255,1);
}
/*#menublanco .nav {
    width: 100% !important;
}*/
#menublanco2 .dropdown-menu {
    border-top: solid 1px #ddd;
    border-bottom: solid 1px #ddd;
    background-color: rgba(255,255,255,1);
}
/*#menublanco2 .nav {
    width: 100% !important;
}*/
/************* Fin Menu blanco mini *************/

/************* Fin Generales *************/


/*********************************************
*          Estilos header
**********************************************/

.header{
	height:auto;
	padding-bottom:50px;
	background-size:cover;
	background-repeat: no-repeat;
	-webkit-box-shadow: 0px 10px 27px -7px rgba(0,0,0,0.37);
	-moz-box-shadow: 0px 10px 27px -7px rgba(0,0,0,0.37);
	box-shadow: 0px 10px 27px -7px rgba(0,0,0,0.37);
	padding-top:0 !important;
	padding-bottom:0 !important;
}


.logo-pagina {
	height:290px !important;
}


/************* Menu Social **************/
.menu-social > li > a {
    color: #fff;
}
.menu-social > li {
	background-color: rgba(0,0,0,0.4) !important;
}
.menu-social > li > a:hover,
.menu-social > li > a:focus {
	background-color: rgba(0,0,0,0.7) !important;
}
.menu-social li a {
    padding: 4px 10px !important;
    width: 40px;
    height: 40px;
	border-radius:0;
}
.menu-social li{
    font-family: "Socialico" ;
    font-size: 30px;
}
.instagram {
    font-family: "Socialico Plus" !important;
}
.menu-social {
    padding-bottom: 30px;
    padding-top: 30px;
}

/************* Fin Menu social **************/

/************* Fin header *************/

/*********************************************
*          Estilos footer
**********************************************/

footer {
    background: #fff;
    -webkit-box-shadow: inset 0px 6px 26px -9px rgba(0,0,0,0.75);
    -moz-box-shadow: inset 0px 6px 26px -9px rgba(0,0,0,0.75);
    box-shadow: inset 0px 6px 26px -9px rgba(0,0,0,0.75);
}
footer a{
	color:#000;
}
/************* Fin footer *************/

/*********************************************
*********************************************
*********************************************
*********************************************
************** E S T I L O S ****************
*********************************************
************** M O V I L E S ****************
*********************************************
*********************************************
*********************************************
********************************************/


@media (max-width:400px){
/*********************************************
*        Estilos Generales                
**********************************************/
.col1 p {
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 30px;
	font-size: 16px;
	font-family: "arial" !important;
	line-height:2.4em;
}	
/********* Fin Estilos Generales ************/

/*********************************************
*          Estilos menu blanco
**********************************************/

p.id-brand {
    top: 15px;
}
}
/************* Fin menu blanco *************/
@media (max-width:768px){

.row.rss p {
	text-align:center !important;
}
}