@charset "UTF-8";
/* CSS Document */



.row-centered {
    text-align:center;
}
.col-centered {
    display:inline-block;
    float:none;
    /* reset the text-align */
    text-align:left;
    /* inline-block space fix */
    margin-right:-4px;
}

.row2 div{
	text-align:center;
}

.raya-sup{
	height:6px;
	background-color:#006;
}

header{ height:100%;}

.logo{
	float:left;
	margin-top:10px;
	margin-bottom:10px;
}

.header-txt{
	font-size:20px;
	font-weight:400;
	text-align:center;
	float:left;
	margin-top:35px;
	margin-left:35px;
}
.header-img{
	background:#FFF url(../img/header-litec.jpg); height:350px; text-align:center; background-position:center;
}
.menu{ float:right;
padding-top:50px;
margin-right:25px;}
.navbar-inverse{
    text-align:center;
	background-color:#006;
	border:none;
	border-radius:0px;
	
}
#galeria{
	background-color:#CCC;
}

footer{
	background:#666;
	min-height:305px;
	height:100%;
	color:#FFF;
	text-align:center;
	font-size:12px;
}

.social-icons{
	width:220px;
	height:44px;
	margin:auto;
}
.fb-icon{
	width:44px;
	height:44px;
	background:url(../img/social-icons.png);
	cursor:pointer;
	float:left;
	margin-right:5px;
	margin-left:5px;
}
.fb-icon:hover{
	background-position:bottom left;
}
.yt-icon{
	width:44px;
	height:44px;
	background:url(../img/social-icons.png);
	cursor:pointer;
	background-position:-64px 0px;
	float:left;
	margin-right:5px;
	margin-left:5px;
}
.yt-icon:hover{
	background-position:-64px 44px;
}
.in-icon{
	width:44px;
	height:44px;
	background:url(../img/social-icons.png);
	cursor:pointer;
	background-position:-130px 0px;
	float:left;
	margin-right:5px;
	margin-left:5px;
}
.in-icon:hover{
	background-position:-130px 44px;
}
.mail-icon{
	width:44px;
	height:44px;
	background:url(../img/social-icons.png);
	cursor:pointer;
	background-position:top right;
	float:left;
	margin-right:5px;
	margin-left:5px;
}
.mail-icon:hover{
	background-position:bottom right;
}

.mapa{ border-radius:20px;}

.legal{
	background:#FFF;
	color:#999;
	padding-top:10px;
}
.derechos{
	float:left;
	text-align:left;
}
.crater{
	font-size:10px;
	float:right;
	padding-top:10px;
}

@media (max-width: 600px) {
	.logo{
		text-align:center;
	float:none;
	margin:auto;
	padding-top:20px;
	padding-bottom:10px;
}

.header-txt{
	text-align:center;
	float:none;
	margin:auto;
}
.header-img{
background-position: 900px 0px;
}

.menu{
	text-align:center;
	float:none;
	margin:auto;
	padding-bottom:20px;}
}