@charset "UTF-8";
/*--STYLES FOR TITLE--
Hecho by Alejandro Facio
Fecha: 1 de Agosto.

para Rodiguez BitwebMkt
*/


/*Fonts*/
@font-face{font-family: 'apple_garamondbold'; src: url('fonts/applegaramond-bold-webfont.eot'); src: url('fonts/applegaramond-bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/applegaramond-bold-webfont.woff') format('woff'), url('fonts/applegaramond-bold-webfont.ttf') format('truetype'), url('fonts/applegaramond-bold-webfont.svg#apple_garamondbold') format('svg'); font-weight: normal; font-style: normal;}
@font-face{font-family: 'apple_garamondregular'; src: url('fonts/applegaramond-webfont.eot'); src: url('fonts/applegaramond-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/applegaramond-webfont.woff') format('woff'), url('fonts/applegaramond-webfont.ttf') format('truetype'), url('fonts/applegaramond-webfont.svg#apple_garamondregular') format('svg'); font-weight: normal; font-style: normal;}
@font-face{font-family: 'yanone_kaffeesatzregular'; src: url('fonts/yanonekaffeesatz-regular-webfont.eot'); src: url('fonts/yanonekaffeesatz-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/yanonekaffeesatz-regular-webfont.woff') format('woff'), url('fonts/yanonekaffeesatz-regular-webfont.ttf') format('truetype'), url('fonts/yanonekaffeesatz-regular-webfont.svg#yanone_kaffeesatzregular') format('svg'); font-weight: normal; font-style: normal;}
@font-face{font-family: 'yanone_kaffeesatzlight'; src: url('fonts/yanonekaffeesatz-light-webfont.eot'); src: url('fonts/yanonekaffeesatz-light-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/yanonekaffeesatz-light-webfont.woff') format('woff'), url('fonts/yanonekaffeesatz-light-webfont.ttf') format('truetype'), url('fonts/yanonekaffeesatz-light-webfont.svg#yanone_kaffeesatzlight') format('svg'); font-weight: normal; font-style: normal;}

body{-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 100%;}

/*Icon Fonts*/
@font-face{font-family: 'icomoon'; src:url('fonts/icomoon.eot?-lmb9x3'); src:url('fonts/icomoon.eot?#iefix-lmb9x3') format('embedded-opentype'), url('fonts/icomoon.woff?-lmb9x3') format('woff'), url('fonts/icomoon.ttf?-lmb9x3') format('truetype'),	url('fonts/icomoon.svg?-lmb9x3#icomoon') format('svg');	font-weight: normal; font-style: normal;}
[class^="icon-"], [class*=" icon-"] {font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1;/* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.icon-menu:before{content: "\e602";}
.icon-notification:before{content: "\e600";}
.icon-close:before{content: "\e601";}
.icon-checkmark:before{content: "\e603";}
.icon-arrow-down:before{content: "\e60c";}
.icon-arrow-up:before{content: "\e604";}

/*--helper clases--*/
.right{float: right;}
.left{float: left;}
.inline{display: inline-block; vertical-align: middle;}
.minus{text-transform: lowercase;}
.mayus{text-transform: uppercase;}
.posabs{position: absolute;}
.posrel{position: relative;}
.block{display: block;}
.error{background: #db0c0c; color: #fff; padding: 5px; display: block; margin-bottom: 1%;}
.correcto{background: #0ab70a; color: #fff; padding: 5px; display: block; margin-bottom: 1%;}

/*--Class General Loging--*/
.logo{width: 106px;}
.logo img{width: 100%;}
.inner{width: 80%; margin: 0 auto; padding: 105px 0 10px 0;}
.line{width: 100%; height: 2px; border-top: 1px solid #000;}
header{font-family: 'yanone_kaffeesatzlight'; box-shadow: 0px 0px 10px rgba(0,0,0,.5); position: fixed; z-index: 70; background-image: -ms-linear-gradient(top, #e7e6e6 0%, #ffffff 45%); background-image: -moz-linear-gradient(top, #e7e6e6 0%, #ffffff 45%); background-image: -o-linear-gradient(top, #e7e6e6 0%, #ffffff 45%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e7e6e6), color-stop(1, #ffffff)); background-image: -webkit-linear-gradient(top, #e7e6e6 0%, #ffffff 45%);background-image: linear-gradient(to bottom, #e7e6e6 0%, #ffffff 45%); width: 100%; height: 104px;}
footer{position: absolute; width: 100%; bottom: 0; background: #fff;}
header .inner{padding: 10px 0;}
header .icon-menu{text-decoration: none; font-size: 2em; color: #000; display: none; padding: 5px; transition: all .25s ease; border-radius: 2px;}
header .icon-menu:hover, header .icon-menu:active{background: #000; color: #ffd500;}
.logo{float: left;}
.scroller-content-white{background: #fff; width: 100%; bottom: 0px; position: absolute;}
.scroller-content-gray{background: #fff; width: 100%; bottom: 0px; position: absolute;}
.scroller-content-cristal{background: url(../img/bg-cristal-top.jpg)repeat-y center center; background-size: 100%; width: 100%; bottom: 0px; position: absolute; z-index: 10;}
.scroller-content-white .icon-arrow-down{background: rgba(29,34,38,1); border-radius:  0 0 100px 100px; color: #fff; text-decoration: none; padding: 0 30px; font-size: 3em; transition: background .25s ease; z-index: 10; width: 48px; display: block; margin: 0 auto;}
.scroller-content-white .icon-arrow-down:hover, .scroller-content-white .icon-arrow-down:active{background: rgba(29,34,38,.25); color: #000;}
.scroller-content-gray .icon-arrow-down{background: rgba(98,102,105,1); border-radius:  0 0 100px 100px; color: #aba9a9; text-decoration: none; padding: 0 30px; font-size: 3em; transition: background .25s ease; z-index: 10; width: 48px; display: block; margin: 0 auto;}
.scroller-content-gray .icon-arrow-down:hover, .scroller-content-grey .icon-arrow-down:active{background: rgba(98,102,105,.25); color: #fff;}
.scroller-content-cristal .icon-arrow-down{background: rgba(255,255,255,1); border-radius:  0 0 100px 100px; color: #aba9a9; text-decoration: none; padding: 0 30px; font-size: 3em; transition: background .25s ease; z-index: 10; width: 48px; display: block; margin: 0 auto;}
.scroller-content-cristal .icon-arrow-down:hover, .scroller-content-cristal .icon-arrow-down:active{background: rgba(255,255,255,.25); color: #fff;}

/*Index*/
.movil-menu-main{display: none;}
.menu-main{font-size: 1.2em;}
.movil-menu-main, .menu-main{float: right; text-align: right; list-style: none; padding: 0; margin: 0;}
.movil-menu-main li, .menu-main li, .menu-main li{background: url(../img/arrow-yellow-down.png)no-repeat center -100px; display: inline-block; padding: 6% 30px; transition: all .25s ease;}
.movil-menu-main li:hover, .movil-menu-main li:active, .menu-main li:hover, .menu-main li:active, .menu-main li.current{background: url(../img/arrow-yellow-down.png)no-repeat bottom center;}
.movil-menu-main li a, .menu-main li a{color: #000; text-decoration: none;}
.bg-main{background-image: -ms-linear-gradient(top, #000000 0%, #1D2226 50%); background-image: -moz-linear-gradient(top, #000000 0%, #1D2226 50%); background-image: -o-linear-gradient(top, #000000 0%, #1D2226 50%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #000000), color-stop(1, #1D2226)); background-image: -webkit-linear-gradient(top, #000000 0%, #1D2226 50%);background-image: linear-gradient(to bottom, #000000 0%, #1D2226 50%);}
/*.bg-main{background: url(../img/bg.jpg)no-repeat; background-size: cover;}*/
.bg-main .helper{height: 100%; position: absolute; top: 20%; width: 100%;}
.bg-main img{display: block; width: 100%; vertical-align: middle;}
.bg-main .rya-opacity{opacity: .20;}
.bg-main .ondas{opacity: .76;}
.descripciones{position: relative;}
.descripciones .inner-slide{padding: 10px 0; width: 80%; margin: 0 auto;}
.descripciones .inner-slide .img-slide{margin-right: 2%;}
.descripciones .inner-slide h1{font-family: 'yanone_kaffeesatzregular';}
.descripciones .inner-slide h3{font-family: 'apple_garamondbold'; font-weight: normal;  margin: 0 0 1% 0;}
.slide .columna-servicios, .slide .columna-socio{-webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block;vertical-align: top; width: 48%; font-family: 'apple_garamondregular'; margin: 0 1%; text-align: justify;}
.slide .columna-servicios .perfil-img, .slide .columna-socio .socio-img{display: block; margin: 0 auto;}
.slide .columna-socio .socio-img{width: 100%; max-width: 275px;}
.slide .columna-servicios .perfil-img{width: 100%; max-width: 452px;}
.slide .columna-servicios:nth-child(2n+1){margin-right: 0;}
.slide .columna-socio:nth-child(2n+1){margin-left: 0;}
.slide .columna-servicios:nth-child(2n){margin-left: 0;}
.slide .columna-socio:nth-child(2n){margin-right: 0;}
.bg-cristal{background:url(../img/bg-crista-repeat.jpg)repeat-y center top; background-size: 100%; position: relative; overflow: hidden;}
.fondo-cristal{position: absolute; top: 0; left: auto; right: auto; margin-left: auto; margin-right: auto; width: 100%; z-index: 0;}
#servicios{width: 100%;}
.servicios-p{width: 50%; font-family: 'yanone_kaffeesatzregular';}
.servicios-list{font-family: 'apple_garamondregular'; margin: 0; padding: 0; list-style: none; display: inline-block; vertical-align: top; width: 25%; float: left;}
.servicios-list li{-webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #ffd500;  width: 100%; border-bottom: 1px solid #fff; transition: all .25s ease;}
.servicios-list li:hover{background: #000;}
.servicios-list li a{text-decoration: none; color: #000; -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 20px; display: block; width: 100%;}
.servicios-list li a.active{background: #000; color: #ffd500;}
.servicios-list li:hover a{color: #ffd500;}
.servicios-content{-webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; vertical-align: top; width: 75%; padding: 0 0 0 2%; float: right; height: 230px;}
.servicios-content h3{margin: 0 0 1.3% 0; font-family: 'apple_garamondbold';}
.servicios-content p{font-family: 'apple_garamondregular'; text-align: justify;}
.contacto{position: relative;}
.contacto .over{overflow-y:scroll; overflow-x: hidden; }
.contacto .inner-contacto, footer .inner-footer{width: 80%; margin: 0 auto; padding: 10px 0;}
.contacto .mapa{margin: 0 auto; display: block; height: 400px; width: 96%;}
.contacto img{display: inline-block; vertical-align: middle;}
.contacto h2, .contacto p, .contacto ul{font-family: 'yanone_kaffeesatzregular'; font-weight: normal;}
.contacto .title{margin: 1.4% 0 .5% 0;}
.contacto .subtitle{margin: .5% 0 1.4% 0;}
.contacto .direccion{list-style: none; margin: 0; padding: .5% 0;}
.contacto .direccion li .google-link{display: none;}
.contacto .direccion li{margin: .5% 0;}
.contacto .direccion li .google-link a{color: #b9baba; text-decoration: none; border-bottom: 1px solid #ffd500; transition: .25s ease;}
.contacto .direccion li .google-link a:hover, .contacto .direccion li .google-link a:active{border: none;}
.contacto form{position: relative;}
.contacto .footer-list{padding: 0 margin: 0; list-style: none; display: inline-block; vertical-align: middle; width: 80%;}
.contacto .footer-list li{margin: 0 5%; display: inline-block; color: #b9baba;}
.contacto .footer-list li a{text-decoration: none; color: #b9baba;}
.contacto .footer-list li:last-child{background: url(../img/arrow-gray-up.png)no-repeat right center; margin-right: 0; padding-right: 30px; transition: all .25s ease;}
.contacto .footer-list li:last-child:hover{background: url(../img/arrow-gray-up.png)no-repeat right top; margin-right: 0;}
.contacto input[type="text"], textarea{-webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 2px; background: #ebeced; border: 1px solid #cfcfce; font-family: 'apple_garamondregular'; padding: 5px; margin-bottom: 1%;}
.contacto textarea{width: 100%; height: 70px;}
.contacto input[type="text"]{width: 24.25%; margin-right: 1%; float: left;}
.contacto input[type="text"]:nth-child(4){margin-right: 0;}
.contacto input[type="submit"]{background: #ffd500; font-family: 'yanone_kaffeesatzregular'; font-size: 1.1em; padding: 15px 50px; border:none; float: right; transition: all .25s ease;}
.contacto input[type="submit"]:hover{background: #000; color: #ffd500;}
.inner-politicas{width: 80%; margin: 0 auto; padding: 105px 0 10px 0;}
.inner-politicas h1, .inner-politicas h2{font-family: 'yanone_kaffeesatzregular'; font-weight: normal;}
.inner-politicas h1{margin: 1.6% 0;}
.inner-politicas p, .inner-politicas ol{font-family: 'apple_garamondregular';}
.footer-politicas{position: relative;}
.footer-politicas .footer-list{padding: 0; margin: 0; list-style: none; display: inline-block; vertical-align: middle; width: 80%; font-family: 'yanone_kaffeesatzregular'}
.footer-polittcas img{display: inline-block; vertical-align: mi}
.footer-politicas .footer-list li{margin: 0 5%; display: inline-block; color: #b9baba;}
.footer-politicas .footer-list li a{text-decoration: none; color: #b9baba;}
.footer-politicas .footer-list li:last-child{margin-right: 0;}

/* Mobiles (portrait and landscape) ----------- */
@media all and (max-width : 759px) {
body{font-size: 100%;}
.inner{width: 96%;}
.descripciones .inner-slide{width: 98%; height: 77%; overflow-y: scroll; overflow-x: hidden; margin: 0 0 0 2%;}
.contacto .inner-footer, .contacto .inner-contacto{width: 96%;}
.contacto .inner-contacto{padding: 5px 0;}
.contacto .spinner{left: 50%!important; top: 112%!important;}

.logo{width: 20%; display: inline-block; vertical-align: middle; margin-right: 20px;}
.logo img{float: none;  width: 100%; max-width: 60px;}
.scroller-content-cristal{background: #fff;}
.scroller-content-cristal .icon-arrow-down{background: rgba(29,34,38,1); border-radius:  0 0 100px 100px; color: #fff; text-decoration: none; padding: 0 30px; font-size: 3em; transition: background .25s ease; z-index: 10; width: 48px; display: block; margin: 0 auto;}
.scroller-content-cristal .icon-arrow-down:hover, .scroller-content-white .icon-arrow-down:active{background: rgba(29,34,38,.25); color: #000;}

/*Header*/
header{height: auto;}
header .inner{padding: 5px 0 0 0;}
header .icon-menu{display: inline-block; vertical-align: middle; float: right;}
.menu-main{display: none;}
.movil-menu-main{width: 100%;}
.movil-menu-main li{padding: 0;}
.movil-menu-main li a{display: inline-block; padding: 12% 10px;}

/*Index*/
.fp-controlArrow.fp-next{height: 50%;}
.contacto .mapa{display: none;}
.contacto .direccion li .google-link{display: inline-block;}
.contacto .over{height: 400px;}
.contacto input[type="text"]{width: 49%;}
.contacto textarea{width: 100%; height: 50px;}
.contacto input[type="submit"]{display: block; width: 100%;}
.fondo-cristal{width: 360%; margin-left: -370px;}
.descripciones .inner-slide .img-slide{width: 15%;}
.slide .columna-servicios, .slide .columna-socio{width: 100%; padding-right: 54px;}
.servicios-p{width: 98%;}
.servicios-list{float: none; width: 82%; text-align: center;}
.servicios-content{float: left; width: 98%; margin-top: 10px; padding-right: 54px;}
}

/* iPads ----------- */
@media all and (min-width : 760px) and (max-width : 1024px){
.inner{width: 96%;}
.descripciones .inner-slide{width: 90%; margin: 0 0 0 2%;}
.contacto .inner-footer, .contacto .inner-contacto{width: 96%;}

/*HEader*/
header .icon-menu{display: none;}

/*Index*/
.contacto .mapa{height: 200px!important;}
.slide .columna-socio .socio-img{width: 45%;}
.fondo-cristal{width: 153%; margin-left: -170px;}
}

/* Desktop and Notebooks ----------- */
@media all and (min-width : 1025px) and (max-width : 1599px) {
.slide .columna-socio .socio-img{width: 100%; max-width: 200px;}
}

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

}