@charset "UTF-8";
/*--STYLES FOR TITLE--
Made by Alejandro Facio
Date. April 9th 2014.

To BitwebMkt
*/


/*Fonts*/
@font-face{font-family: 'ubuntulight'; src: url('fonts/ubuntu-light-webfont.eot'); src: url('fonts/ubuntu-light-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/ubuntu-light-webfont.woff') format('woff'), url('fonts/ubuntu-light-webfont.ttf') format('truetype'), url('fonts/ubuntu-light-webfont.svg#ubuntulight') format('svg'); font-weight: normal; font-style: normal;}

body{font-family: 'ubuntulight'; color: #fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 100%;}

/*--helper clases--*/
.right{float: right;}
.left{float: left;}
.inline{display: inline-block; vertical-align: middle;}
.minus{text-transform: lowercase;}
.mayus{text-transform: uppercase;}

/*--Class General--*/
html{background: url(../img/bg.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.inner{width: 80%; margin: 0 auto;}
h1{font-weight: normal; font-style: italic; font-size: 1.5em;}
.derecha, .login-form{margin-top: 15%;}
.login-form{width: 50%; border-radius: 2px; background: #fdfdfd; color: #000; padding: 2.5%; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.login-form input[type="text"], .login-form input[type="submit"], .login-form input[type="password"], .login-form label{display: block; margin-bottom: 1.6%;}
.login-form label{color: #7d7b7b;}
.login-form input[type="text"], .login-form input[type="password"]{-webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 10px; border: 1px solid #c7c6c6; width: 100%; box-shadow: 0px 0px 1px #ccc inset; background-color: #efeeee; transition: .25s ease;}
.login-form input[type="text"]:focus, .login-form input[type="password"]:focus{background-color: #fff;}
.login-form input[type="submit"]{margin: 0 auto; border-radius: 2px; border: 2px solid #000; padding: 5px 10px; transition: background-color .25s ease, color .25s ease;}
.login-form input[type="submit"]:hover{background-color: #000; color: #fff;}
.login-form p{margin: 0 0 2.6% 0; text-align: center;}
.direccion{list-style: none outside; padding: 2.5% 0 0 0; margin: 0; width: 50.01%; font-style: italic;}
.direccion li{margin-bottom: 1.6%;}
.direccion li:last-child{font-style: normal;}
.footer{margin-top: 15%; margin-bottom: 2.5%; padding: 0; list-style: none outside; font-size: .8em;}
.footer li{display: inline-block; vertical-align: middle; margin-right: 9%;}
.footer li:last-child{margin-right: 0;}
.footer li:last-child a{color: #fff; border-bottom: 1px solid rgba(255,255,255,1); text-decoration: none; transition: .25s ease;}
.footer li:last-child a:hover{border-bottom: 1px solid rgba(255,255,255,0);}

/* Mobiles (portrait and landscape) ----------- */
@media all and  (min-width : 320px) and (max-width : 759px){


/* iPads (portrait and landscape) ----------- */
@media all and (min-width : 760px) and (max-width : 1024px) {

}

/* Desktop, Notebook and Large screens ----------- */
@media all and (min-width : 1600px) { 

}