/* Fernando Alamino CSS by sietedefebrero.com */
body {
	font-family: "Helvetica Neue", "HelveticaNeue", 'Source Sans Pro', Helvetica, sans-serif;
	font-weight:lighter;
	letter-spacing:0.05em;
	padding-top:20px;
	background-color:#747474;
	height:100%;
    
}
* {
	outline:none !important;
}
p, h1, h2, h3, h4, h5, h6, a, li {
	font-weight:lighter;
}
li {
	list-style:none;
}
body#intro	{
	background: url(i/intro-bg.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
body#asi	{
	background: url(i/asi-bg.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
body#gusta	{
	background: url(i/nos-gusta-bg.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
body#contactanos	{
	background: url(i/contacto-bg.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
body#formulario-contacto {
	background: url(i/contacto-form-bg.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
* {
	outline:none;
}
a	{
	cursor:pointer;
	outline:none;
}
a:hover	{
	text-decoration: none;
	color: #4df5ff;
}
.vspace	{
	margin-top:15px;
}
.vspace2	{
	margin-top:30px;
}
.vspace3	{
	margin-top:45px;
}
.vspace10	{
	margin-top:10px;
}
.vspace9	{
	margin-top:70px;
}
.bs-example {
	padding:1.4em 2.4em;
background-color: rgba(255,255,255,.95);
border-color: #ddd;
border-width: 1px;
border-radius: 6px;
-webkit-box-shadow: none;
box-shadow: none;
}
#cont {
	color: white;
	font-size: 2em;
	
}
p.texto {
	color:white;
	text-shadow:3px 2px 5px rgba(0,0,0,0.3);
	font-size:1.63em;
	line-height:1.4em;
}
nav.menu {
	text-align:right;
}
nav.menu a {
	padding:0 5px;
	font-size:1.3em;
	line-height:4.5em;
	color:white;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}
nav.menu a:hover {
	color:#4df5ff;
}
.texto	{
	height:100%;
}
h1 {
	display:inline-block;
}
h1 a.logo	{
	display:inline-block;
	width:50px;
	height:50px;
	font-size:0;
}
h1 a.logo img	{
	width:100%;
}
ul#musica {
	display:inline-block;
	margin-top:20px;
	padding:0 0 0 15px;
	vertical-align:top;
}
ul#musica li {
	display:inline-block;
	height: 50px;
	line-height:50px;
	letter-spacing:.1em;
	color: rgba(255,255,255,.75);
}
.container h2	{
	color:#4df5ff;
	font-size:4.2em;
	
}
.intro {
	padding-top:130px;
}
.asi {
	padding-top:220px;
}
.gusta {
	padding-top:60px;
}
.contacto {
	padding-top:130px;
}
nav.menu-contacto a {
	padding:0 15px;
	font-size:2em;
	line-height:4.5em;
	color:white;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}
nav.menu-contacto a:hover {
	color:#4df5ff;
}
.form-control {
	font-weight:normal !important;
}
a.mas	{
	display:inline-block;
	margin-top:15px;
	color:rgba(0,0,0,0.5);
	text-align:center;
	padding:.85em 1em;
	font-size:1em;
	background: rgba(255,255,255,.5);
	border-radius:1em;
	transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
}
a.mas i {
	margin-right:.5em;
	font-size:.8em;
}
a.mas:hover {
	background: rgba(255,255,255,.75);
}
#info-de-confianza {
	padding-top:5em;
	text-align:right;
}
a#mas-info {
	padding:10px 15px;
	color:white;
	border:solid 1px #4df5ff;
	border-radius: 50%;
	text-indent:1px;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	
}
a#mas-info:hover {
	background: rgba(77,245,255,.4);
	text-shadow:0px 2px 4px rgba(0,0,0,.1);
}
#myModal {
	text-align:left;
}
#myModal ul {
	padding-left:0px;
}
#myModal ul li {
	list-style:none;
	font-size:1.4em;
	line-height:2.2em;
}
.mb-izq {
	width:50%;
	float:left;
}
.mb-der {
	width:50%;
	float:right;
	text-align:right;
}
.modal-header {
min-height: 16.43px;
padding: 20px 30px;
border-bottom: 1px solid #e5e5e5;
}
.modal-body {
position: relative;
padding: 15px 30px;
}
/* --------------Tooltip-------------- */
.tooltip-inner {
	padding:1.1em;
	font-size:1.1em;
	font-weight:300;
	letter-spacing:0.07em;
	opacity:.75;
	-webkit-opacity: .75;
	-moz-opacity: .75;
	-o-opacity: .75;
}
.tooltip-arrow {
	opacity:.75;
	-webkit-opacity: .75;
	-moz-opacity: .75;
	-o-opacity: .75;
}
/* --------------Rotate-------------- */
.rotate {
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
    overflow:hidden;
}  
.rotate:hover  {
    -webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -o-transform:rotate(360deg);
}  
/* --------------Footer Siete-------------- */
footer#siete {
	position:absolute;
	bottom:0;
	right:0;
	padding:0 20px 20px;
}
footer#siete a {
	letter-spacing:0.083em;
	color:rgba(255,255,255,0.31);
	font-size:.83em;	
}
footer#siete a:hover {
	color:#4df5ff;
	text-shadow:0px -1px 0px rgba(0,0,0,.07);	
}







/**************************************************************************************
Mobile
***************************************************************************************/

/*mobile*/
@media (max-width: 767px) {
	body {
		font-family: "Helvetica Neue", "HelveticaNeue", 'Source Sans Pro', Helvetica, sans-serif;
		padding-top:5px;    
	}
	body#intro	{
		background: url(i/intro-bg-sm.jpg) no-repeat center center fixed;
	    -webkit-background-size: cover;
	    -moz-background-size: cover;
	    -o-background-size: cover;
	    background-size: cover;
	}
	body#asi	{
		background: url(i/asi-bg-sm.jpg) no-repeat center center fixed;
	    -webkit-background-size: cover;
	    -moz-background-size: cover;
	    -o-background-size: cover;
	    background-size: cover;
	}
	body#gusta	{
		background: url(i/nos-gusta-bg-sm.jpg) no-repeat center center fixed;
	    -webkit-background-size: cover;
	    -moz-background-size: cover;
	    -o-background-size: cover;
	    background-size: cover;
	}
	body#contactanos	{
		background: url(i/contacto-bg-sm.jpg) no-repeat center center fixed;
	    -webkit-background-size: cover;
	    -moz-background-size: cover;
	    -o-background-size: cover;
	    background-size: cover;
	}
	p.texto {
		font-size:1.1em;
		line-height:1.33em;
		padding-bottom:10px;
	}
	.intro {
		padding-top:60px;
	}
	.intro h2,.asi h2,.gusta h2,.contacto h2 {
		font-size:2em;
	}
	p {
		font-size:1.23em;
		line-height:1.2em;
	}
	.asi {
		padding-top:140px;
		font-size:.9em;
	}
	.gusta {
		padding-top:10px;
	}
	.contacto {
		padding-top:0px;
	}
	.contacto h2 {
		font-size:3.3em;
	}
	a.mas	{
		line-height:1.5em;
		font-size:1em;
	}
	.menu-contacto {
		text-align:center;
	}
	nav.menu-contacto a {
		font-size:2em;
		line-height:2em;
		color:white;
		transition: all 0.5s ease;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
	}
	#info-de-confianza {
		padding-top:2em;
		text-align:center;
	}
	#myModal ul li {
		font-size:1.1em;
		line-height:3em;
	}
}	/*end-mobile*/