@import url('../css/normalize.min.css');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');
@import url('../js/skdslider/skdslider.css');
@import url('../js/bxslider/jquery.bxslider.css');

* { margin: 0 auto; padding: 0; border:0; }
* {outline:none; }
*:focus {outline:none; }
a:focus {outline:none; }
*:active {outline:none; }
*:hover {outline:none; }
::-moz-selection { background: #eee; text-shadow: none; }
::selection { background: #eee; text-shadow: none; }

html { overflow-y:scroll; }
body { background: #FAFAFA; font-family: 'Open Sans', sans-serif; color:#666; margin:0 auto; }

a:link { color:#0B4DB7; text-decoration:none; -o-transition:.2s; -ms-transition:.2s; -moz-transition:.2s; -webkit-transition:.2s; transition:.2s; }
a:visited { color:#0B4DB7; text-decoration:none }
a:active { text-decoration:none; outline:none; }
a:hover { color:#000; text-decoration:none; }
img { vertical-align: middle; border: 0; } 
fieldset { border: 0; margin: 0; padding: 0; }
textarea { resize: vertical; }
acronym, .help { border-bottom: 1px dotted #333; cursor: help; }

h1 { color:#124C73; margin: 0; padding: 0; border: 0; display: block; letter-spacing: 1px; font-size: 32px; font-weight:400; text-transform:uppercase; }
h2 { color:#064DBE; margin:10px 0; font-size: 24px; padding: 5px 0; font-weight:400; text-align:left; }
h3 { color:#414141; margin:10 0; font-size: 20px; border: 0; padding: 0; font-weight:400; }
h4 { font-weight:500; }
h5 { display: block; padding: 5px 20px 5px 5px; text-align: right; background: #f1f1f1; color: #333; font-style: italic; font-weight: normal; }
h5 { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }

button, input[type=submit], input[type=button], input[type=reset] { background: #0B4DB7; padding: 10px 50px; color: #fff; font: 400 14px; cursor: pointer; border: 0; text-transform:uppercase; text-align:center; }
input[type=submit]:hover, input[type=button]:hover, input[type=reset]:hover { opacity:.9; }
input[type=text], textarea, select, input[type=email], input[type=tel], input[type=password]  { padding: 10px 8px; border: 2px solid #DDD; color: #666; }
input[type=text]:hover, select:hover, textarea:hover, input[type=tel]:hover, input[type=email]:hover, input[type=password]:hover { color: #666; border-color: rgba(11, 77, 183, .3); }

/* ------------------------------------------------------------- */
/* Wrapper */

#wrapper { margin: 0 auto; width: 100%; padding: 0; overflow:hidden; position:relative; }

/* ------------------------------------------------------------- */
/* Top */

.top { position:relative; margin:0 auto; width:100%; z-index: 2; background: #82A9ED; height:35px; float:none; overflow:hidden; }
.top .top-social { width: 85%; height: 35px; margin:0 auto; padding:0; }
.top .top-social a { color:#FFF; }
.top .top-social a:hover { color:#EBE8FB; }
.top .top-social .telefono { font-size: 13px; line-height: 35px; color: #AAA; float: right; margin: 0; padding:0 20px; font-weight:400; }
.top .top-social .telefono a { padding: 0 7px; }
.top .top-social .telefono img { margin-top:-2px; }
.top .top-social .email { font-size: 13px; line-height: 35px; color: #AAA; float: right; margin: 0; padding:0 0 0 20px; font-weight:300; border-left:1px solid rgba(203, 214, 231, .5); }
.top .top-social .email img { margin-top:-2px; }
.top .top-social ul { background: none; overflow: hidden; margin: 0; padding:0 10px 0 0; float:right; border-right:1px solid rgba(203, 214, 231, .5); }
.top .top-social ul :hover { background: rgba(160, 178, 212, .1); }
.top .top-social ul li { width: 30px; float: left; list-style: none; text-align: center; border:0; }
.top .top-social ul li img { margin-top:3px; opacity: .8; }
.top .top-social ul li img:hover { opacity: 1; }

/* ------------------------------------------------------------- */
/* Header */

.header { border:0 ; background:#fff; display: block; margin: 0 auto; clear:both; overflow: hidden; width:100%; float:none; }
.header .h-content { width: 85%; overflow: hidden; margin: 0 auto; padding:0; max-width: 1180px; }
.header .h-content .logo { width:136px; height: 91px; float:left; margin:20px 0; overflow: hidden; }

/* ------------------------------------------------------------- */
/* Menu */

.menu { margin:40px 0 0 0; width: 850px; height:auto; overflow:hidden; float:right; }
.menu .m-content { width: auto; overflow: hidden; margin: 0 auto; padding:0; }
.menu .m-content ul { list-style-type:none; padding:0; margin:0; border:0; width:auto; float:right; }
.menu .m-content ul li { float:left; margin:0; padding:0; height:auto; line-height:0; text-align:center; }
.menu .m-content ul li a { border-bottom: 2px solid transparent; height:45px; display: block; padding: 0; text-align:center; margin: 0 1px 0 75px; }
.menu .m-content ul li a { text-decoration: none; text-transform: none; line-height:45px; font-size:15px; font-weight:600; color: #999; }
.menu .m-content ul li a { -o-transition:0; -ms-transition:0; -moz-transition:0; -webkit-transition:0; transition:0; }
.menu .m-content ul li a:hover { border-bottom: 2px solid rgba(90, 122, 170, .2); color: #82A9ED; }
.menu .m-content ul li .active { border-bottom: 2px solid rgba(90, 122, 170, .2); color: #82A9ED; }

.menu .m-content .inicio a {  width: auto; } 
.menu .m-content .nosotros a { width: auto; }
.menu .m-content .personas a { width: auto; }
.menu .m-content .empresas a { width: auto; }
.menu .m-content .contacto a {width: auto; }

.menu .rwd, 
.menu .rwd-button { display:none; }

/* ------------------------------------------------------------- */
/* Banner */

.middle { margin: 0 auto; height:400px; width: 100%; clear:both; overflow: hidden; height:auto; background: #f9f9f9; padding:0; z-index: 99;}
.middle #slide { float:none; width:100%; height: 100%; min-height:390px; margin: 0 auto; overflow: hidden; padding:0;clear:both; text-align:center; }


/* ------------------------------------------------------------- */
/* Main */

.main { clear: both; margin: 0 auto; width: 100%; overflow: hidden; background: #FFF; padding: 20px 0; }

.main h1 .share { width:150px; float:right; margin: 5px 0 5px 0; }

.main .content { width: 85%; overflow: hidden; margin: 0 auto; padding:0; position:relative; text-align: center; }
.main .content p { line-height: 24px; text-align:justify; }
.main .content ul { background:#fff; padding: 30px 0; margin:0 auto; width:100%; float:none; list-style-type: none; }
.main .content ul { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius:5px; }
.main .content ul li { margin-bottom: 10px; padding-left: 10px; width:90%; text-align:left; background: url(../img/li.png) left 50% no-repeat; font-size:15px; }
.main .content h3 { margin: 20px auto; border-bottom:1px solid #ddd; padding-bottom:10px; text-align:left; }
.main .content h2 { text-align:center; }

.main .content .portada { text-align:center; margin: 20px auto 30px auto; }
.main .content .portada .borde{width: 236px; text-align:center; margin: 10px auto 0 auto;  border-bottom: 2px solid #EC7F00;}
.main .content .portada h1 { font-size:20px; margin:0; padding:0; color: #D97400; font-weight:300; letter-spacing: 1.2px; }
.main .content .portada h2 { font-size:23px; margin:0; padding:0; color: #333E48; text-align:center; font-weight:400; }
.main .content .portada p { font-size: 18px; font-weight:300; line-height: 28px; width: 90%; margin: 20px auto 0 auto; text-align:center; }

.main .texto-portada { width: 85%; text-align:center; margin: 0 auto; overflow:hidden; padding:20px 0 10px 0; }
.main .texto-portada .portada-titulo { float:none; width: 100%; border:0; text-align:center; }
.main .texto-portada .portada-titulo h2 { font-size:30px; margin:0 auto; padding:0; font-weight:300; text-align:center; }
.main .texto-portada .portada-texto { float:none; width: 70%; border:0; padding:0; margin:20px auto; }
.main .texto-portada .portada-texto p { font-size: 17px; color:#555; font-weight:300; line-height: 24px; }

/* Titulos de contenido */

.titulo-seccion { display:block; clear:both; overflow:hidden; border:0; width: 100%; height:auto; margin: 0; border:0; }
.titulo-seccion { background: #f5f5f5; }
.titulo-seccion .t-content { max-width: 85%; text-align:left; margin: 0 auto; }
.titulo-seccion .t-content h3 { margin: 0 auto; line-height: 50px; letter-spacing: .5px; padding-left: 0; }
.titulo-seccion .t-content h3 { font-size: 13px; font-weight:400; color:#666; }

.navigation { width: 100%; background:#f9f9f9; margin:0; padding:0; border:0; overflow: hidden; border-bottom:1px solid #EEE; border-top:1px solid #EEE; }
.navigation { -webkit-box-shadow: 0px 0px 9px 0px rgba(50, 50, 50, 0.1); -moz-box-shadow: 0px 0px 9px 0px rgba(50, 50, 50, 0.1); box-shadow: 0px 0px 9px 0px rgba(50, 50, 50, 0.1); }
.navigation ul { width: 85%; margin:0 auto; padding:0; list-style-type: none; }
.navigation ul li { background: url(../img/icon-sep.png) left 50% no-repeat; padding-left: 20px; float:left; }
.navigation ul li:first-child { background: none; padding-left: 0; }
.navigation ul li:first-child a { padding-left: 0; }
.navigation ul li a { font-size: 13px; color: #666; line-height: 50px; padding: 0 20px; }
.navigation ul li a:hover { color:#333; text-decoration:underline; } 


.main .content .mapa { width: 99.7%; margin: 0 auto; border:1px solid #FFF; height:auto; }
.main .content .descripcion { text-align:center; }

.main .categoria { margin:20px 35px 15px 0; border:0; width: 31%; background:#FAFAFA; float:left; overflow: hidden; position: relative; position:relative; border:0; }
.main .categoria:nth-child(3n+3) { margin:20px 0 15px 0; border:0; } 
.main .categoria a img { width:100%; height:100%; opacity: 1; }
.main .categoria a:hover img { opacity: .85; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; }
.main .categoria h2 { position:absolute; bottom:0; width:100%; margin: 0; padding: 0; font-size:18px; font-weight: 400; text-align: center; height: auto; overflow:hidden; }
.main .categoria h2 a { color: #0B4DB7; text-decoration: none; line-height: 24px; padding:0; text-transform:uppercase; width:100%; font-weight:600; }
.main .categoria h2 a:visited { color: #0B4DB7; }
.main .categoria h2 a:hover { color: #212121; }
.main .categoria .cat { background: rgba(255,255,255,.85); width: 80%; height:40px; padding: 20px 10%; }

.main .content .titulo { width:95%; height:40px; background: #fff; cursor: pointer; background: url(../img/bullet-menu-down.png) 100% 50% no-repeat; margin: 0 auto; text-align:left; padding: 0; text-transform: uppercase; line-height: 40px; border:0; }
.main .content .titulo:hover { background: url(../img/bullet-menu-hover-down.png) 95% 50% no-repeat; }
.main .content .titulo h4 { color:#202020; margin:0 auto; padding: 0 0 0 15px; font-size:20px; border:0; font-weight: 300; line-height: 40px; letter-spacing: .5px;}

/* ------------------------------------------------------------- */
/* Contenidos */

.main .contenido { display: block; width: 710px; float: right; overflow: hidden; margin: 10px 0 0 0; line-height: 22px; font-size: 13px; }
.main .contenido p { font-size: 14px; line-height: 22px; color:#555; text-align:justify; }
.main .contenido ul { list-style-type: none; margin: 0; padding: 0; overflow:hidden; }
.main .contenido ul li {  background: url(../img/li.png) left 15px no-repeat; padding: 8px 12px; border-bottom: 1px dotted #ccc; font-size:14px; color:#888; }
.main .contenido img { margin: 15px; }

.main .left { width: 50%; padding-right:2%; float:left; }
.main .right { width: 46%; padding-left:2%; float:right; }
.main .right img { width: 100%; height:auto; }

/* ===== Formularios ===== */

.frm-contacto { width: 100%; border:0; overflow:hidden; margin:0 auto; padding: 50px 0; background: url(../img/bg-contacto.jpg) top center no-repeat; }
.frm-contacto { background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; }
.frm-contacto .frm { width: 40%; margin: 0 auto; padding: 40px; background:#FFF; overflow:hidden; }
.frm-contacto .frm .input { padding: 0 12px; line-height:45px; font-size: 14px; margin: 0 auto 12px auto; width: 95%; float:none; font-weight:400; }
.frm-contacto .frm .textarea { padding: 0 12px; line-height:20px; font-size: 14px; margin: 0 auto 12px auto; width: 95%; height: 80px; float:none; font-weight:400; }
.frm-contacto .frm .boton { background:#0B4DB7; width:150px; padding:0 40px; display:block; opacity:.8; margin: 0; clear:both; }
.frm-contacto .frm .boton { color:#FFF; text-transform:uppercase; line-height: 45px; font-weight:500; font-size: 15px; }
.frm-contacto .frm .boton:hover { opacity:1; } 

/* ===== Become ===== */

.become { width: 100%; border:0; overflow:hidden; margin:0 auto; padding: 50px 0; background: url(../img/bg-portada.jpg) top center no-repeat; }
.become { background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; }
.become .b-content { width:85%; text-align:left; margin:0 auto; border:0; }
.become .b-content .b-titulo { width: 70%; padding: 10px 0 30px 0; border:0; margin:0; border:0; }
.become .b-content .b-titulo h1 { font-size:40px; color: #FFF; font-weight:400; margin:0; text-transform:none; }

.become .b-content .item { border:0; overflow:hidden; width: 60%; margin: 20px 0; }
.become .b-content .item .imagen { border:0; float:left; width: 15%; overflow: hidden; }
.become .b-content .item .imagen img { margin: 10px; }
.become .b-content .item .texto { border:0; float:left; width: 84%; overflow: hidden; }
.become .b-content .item .texto h5 { font-size:21px; color:#FFF; margin:0; padding:0; background:none; font-style:normal; text-align:left;  }
.become .b-content .item .texto p { font-size:15px; color:#FFF; line-height: 22px; width:100%; margin: 10px 0; font-weight:400; text-align:left; text-shadow:1px 1px 5px rgba(0,0,0,.2); }

.become .b-content .boton { background:#00A5DD; width:200px; padding:0 40px; display:block; opacity:.8; margin: 30px auto 10px auto; }
.become .b-content .boton { color:#FFF; text-transform:uppercase; line-height: 45px; font-weight:500; font-size: 14px; }
.become .b-content .boton { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } 
.become .b-content .boton:hover { opacity:1; } 

/* ===== Pagos  ===== */

.pagos { margin:0 auto; padding:40px 0; border:0; overflow:hidden; clear:both; width:100%; background: #82A9ED; }
.pagos .p-info { width:85%; overflow:hidden; border:2px solid #82A9ED; padding:30px; background:#82A9ED; }
.pagos .p-info { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius:3px; }
.pagos .p-info h3 { text-transform:uppercase; color:#FFF; font-size:30px; margin:0; font-weight:400; }
.pagos .p-info p { text-align:left; margin:5px 0 0 0; font-size: 17px; color:#fff; font-weight:300; }
.pagos .p-info .p-left { float:left; width: 65%; margin:0; padding:0; }
.pagos .p-info .p-right {float:right; width: 30%; margin:0; padding:0; border:0; }
.pagos .p-info .p-right .p-boton { float:right; color:#FFF; background: url(../img/icon-payment.png) 16% 50% no-repeat; margin: 10px 10px 0 0; line-height: 50px; width: 75%; text-align:center; display:block; font-weight:400; padding: 0 0 0 25px; max-width: 320px; }
.pagos .p-info .p-right .p-boton { cursor:pointer; letter-spacing:.5px; border:2px solid #FFF; -o-transition:none; .3s; -ms-transition:none; -moz-transition:none; -webkit-transition:none; transition:none; font-size: 18px; }
.pagos .p-info .p-right .p-boton:hover { background: #FFF url(../img/icon-payment-hover.png) 16% 50% no-repeat; color:#82A9ED; }
.pagos .p-info .p-right .p-boton { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius:3px; }

/* ===== Clientes  ===== */

.client { width:100%; background:#FFF; overflow:hidden; padding: 40px 0 0 0; }
.client .c-client { width:85%; border:0; overflow:hidden; text-align:center; height: 220px; border:0; }

.client .c-client .c-title { float:none; width: 100%; border:0; text-align:center; border:0; padding: 0; }
.client .c-client .c-title h2 { font-size:30px; margin:0 auto; padding:0; font-weight:300; text-align:center; }

.client .c-client ul { list-style-type: none; width:100%; margin:20px auto; padding:0; border:0; position:relative; text-align:center; }
.client .c-client ul li { width: 220px; margin: 10px auto; height: 120px; }
.client .c-client ul li:first-child { margin-left:30px; }
.client .c-client ul li:last-child { margin-right:0; }
.client .c-client ul li img { max-height:62px; }

.clientes { padding: 0; border:0; margin:0 auto; }
.clientes ul { list-style-type: none; width:100%; margin:20px auto; padding: 0; border:0; position:relative; text-align:center; }
.clientes ul li { display:inline-block; width: 28%; padding:20px 0 0 0; text-align:center; margin: 0 2% 30px 0; vertical-align:middle; height: 150px; border:0; position:relative; background:none; }
.clientes ul li { border: 1px solid #e1e1e1; }
.clientes ul li img { margin-top:10px; max-height:80px; }
.clientes ul li span { display:block; bottom: 10px; width:100%; font-size: 16px; line-height:24px; margin:10px auto; }
.clientes ul li:hover { border: 1px solid #d1d1d1; }

/* ===== Contacto  ===== */

.frm-contacto2 { background:#fff; float:left; margin: 20px auto; padding: 0 4% 20px 4%; overflow:hidden; width: 92%; border:2px solid rgba(6, 77, 190,.5); }
.frm-contacto2 { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.frm-contacto2 h3 { font-size:24px; text-align:left; color:#444; font-weight:400; }
.frm-contacto2 .input { padding: 12px 10px; font-size: 14px; color: #666; margin: 0 auto 12px auto; width: 95%; float:none; }
.frm-contacto2 .textarea { padding: 12px 10px; font-size: 14px; color: #666; margin: 0 auto 12px auto; width: 95%; height: 72px; float:none; }
.frm-contacto2 .boton { margin: 0; text-align:center; float:left; padding:14px 50px; font-weight:400; width:50%; }
.frm-contacto2 .frm-left {  width: 100%; float:left; overflow: hidden; margin:0; border:0; }
.frm-contacto2 .frm-right {  width: 46%; float:left; overflow: hidden; margin:0; border:0; padding-left:5%; }

::-webkit-input-placeholder { color:#aaa; }
::-moz-placeholder { color:#aaa; }
:-ms-input-placeholder { color:#aaa; }
input:-moz-placeholder { color:#aaa; }

/* ------------------------------------------------------------- */
/* Footer */

.footer { clear:both; background: #021B2D; margin: 0 auto; clear:both; width: 100%; overflow:hidden; color:#FFF; padding:50px 0 20px 0; }
.footer a { color: #FFF; text-decoration:none; font-weight: 600; }
.footer a:hover { color:#E5E5E5; text-decoration:none; }
.footer .f-content { width:85%; margin:0 auto; overflow:hidden; }
.footer .f-content .line { border-bottom:2px solid #444; width: 35px; clear:both; margin: 10px 0 25px 0; }

.footer .f-content .data { width: 45%; padding: 0; float:left; font-size:14px; line-height: 36px; overflow:hidden; font-weight:400; }
.footer .f-content .data span { color:#999;}
.footer .f-content .data .cr { font-size:18px; color:#FFF; padding-bottom: 0; margin:0 auto; display:block; font-weight:400; }
.footer .f-content .data .tr { font-size:22px; font-weight:600; color:#FFF; margin:0 auto; }
.footer .f-content .data img { margin: -7px 3px 0 0; }
.footer .f-content .data .telefono { margin: 0 0 20px 0; }
	
.footer .f-content .data .f-menu { width: 100%; margin:0; overflow:hidden; line-height: 25px; padding-left: 0;}
.footer .f-content .data .f-menu ul { list-style-type: none; float:left; padding:0; margin:0; }
.footer .f-content .data .f-menu ul li { display:block; border:0; margin: 0; padding:0; }
.footer .f-content .data .f-menu ul li a { font-size:14px; font-weight:100; line-height: 35px; }
.footer .f-content .data .f-menu ul li a:hover { border:0; text-decoration:none; }
.footer .f-content .data .f-menu ul li:last-child { border-right:0; padding-right:0; margin-right:0; }

.footer .f-content .accesos { float:left; width: 50%; }

.footer .f-bottom { width:85%; margin:40px auto 0 auto; overflow:hidden; border-top:1px solid #032B47; padding-top:15px; font-size:12px; color:#878787; }
.footer .f-bottom .copy { float:left; width: 45%; line-height:30px; text-align:left; }
.footer .f-bottom .powered { float:right; width: 45%; text-align:right; color:#777; font-size:11px; }
.footer .f-bottom .powered a { color:#555; line-height:30px; font-size:11px; }
.footer .f-bottom .powered a:hover { color:#777; } 

/* ------------------------------------------------------------- */
/* Helper */

.go-top { position: fixed; bottom: 20px; right: 20px; text-decoration: none; color: white; background-color: rgba(0, 0, 0, 0.3); font-size: 12px; padding: 1.3em; display: none; }
.go-top { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } 
.go-top:hover { background-color: rgba(0, 0, 0, 0.4); }

.wsp { position: fixed; bottom: 20px; right: 75px; padding: 0; display: none; }
.wsp:hover { opacity:.95; }

.paginador { display: block; padding: 15px 5px; color: #CCC; text-align: center; margin-top: 5px; clear: both; border-top: 1px dashed #ddd; }
.paginador a { color: #333; font-size: 11px; padding: 3px 5px; text-align: center; font-weight: bold; background: #FFF; border: 1px solid #ddd; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; margin-left: 1px; }
.paginador a:hover { color: #FFF; text-decoration: none; background: #0A8544; border: 1px solid #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

/* Helpers */
.margin-h { margin: 0 20px; } 
.margin-v { margin: 20px 0; clear:both; }

.line { border-bottom:1px solid #ccc; width: 190px; clear:both; margin: 20px auto; }


.red { font-weight:bold; color:red; }
.sep { color: #ddd; margin: 0 5px; }
.focus { width: 100%; margin: 8px auto; height: 1px; display:none; }
div.error { color:red; font-weight:100; font-size:12px; margin: -3px 0 0 92px; clear: both; text-align:left; }
label.error { color:red; font-weight:bold; font-size:11px; margin: -13px 0 7px 0; display:inline; }

.pace { -webkit-pointer-events: none; pointer-events: none; -webkit-user-select: none: -moz-user-select: none; user-select: none; }
.pace-evens { display:none; }
.pace .pace-progress { background: #f1f1f1; position:fixed; z-index: 2000; top:0; right:100%; width: 100%; height:1px; }

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {  }

/* Landscape phone to portrait tablet */
@media (min-width: 641px) and (max-width: 767px) {  }

/* Landscape phones and down */
@media (max-width: 640px) {
	
	body{ width:100%; padding:0; margin:0 auto; }
	
	#wrapper { width: 100%; margin:0 auto; padding:0; }
	
	.top { position:relative; margin:0 auto; width:100%; z-index: 2; }

	.top .top-social { width: 100%; padding:0; text-align:center; }
	.top .top-social .telefono { float: none; display:inline-block; border:0; }
	.top .top-social .email { float: none; display:inline-block;  border:0; }
	.top .top-social ul { display:none; }
	
	.header .m-content { width:100%; padding: 0; margin: 0 auto; }
	.header .m-content .logo { float:none; width: 100%; height: auto; text-align:center; margin: 15px auto 0 auto; }
	.header .m-content .logo img { width: 100%; height:100%; max-width: 136px; }
	
	.menu { margin:20px auto 0 auto; width: 100%; height:auto; background: #FFF; overflow:hidden; border:0; float:right; }
	.menu .m-content { width: 100%; margin: 0 auto; clear:both; overflow:hidden; border-top:1px solid #ddd; }
	.menu .m-content ul { list-style-type:none; padding:0; margin:0 auto; width: 100%; }
	.menu .m-content ul li {float:none; margin:0; padding:0; text-align:left; width:auto; max-width: 100%; border-top:1px solid #eee; }
	.menu .m-content ul li a { background: none;  display: block; padding: 0 15px 0 10px; border:0; text-align:left; margin:0 15px; }
	.menu .m-content ul li a { font-size:14px; line-height: 40px; letter-spacing:0; font-weight:600; border:0; padding: 0; }
	.menu .m-content ul li a:hover{ border:0; }
	.menu .m-content ul li .active { border:0; }
	.menu .m-content ul li:last-child { padding-bottom:5px; }
	
	.menu .m-content .inicio a { padding:0; width: 100%; } 
	.menu .m-content .nosotros a { padding:0 ; width: 100%; }
	.menu .m-content .personas a { padding:0; width: 100%; }
	.menu .m-content .empresas a { padding:0; width: 100%; }
	.menu .m-content .contacto a { padding:0; width: 100%; }
	
	.menu .m-content { position:relative; display:block; width: 100%; height: 40px; overflow: hidden; margin: 0 auto; }
	.menu .m-content .rwd { height: 40px; display:block; background: #333; margin: 0; float:left; padding: 0; width:100%; overflow:hidden; border:0; text-align:left; border-bottom:1px solid #246173; }
	.menu .m-content .rwd a { color:#FFF; text-transform: uppercase; display:block; font-size: 16px; line-height: 40px; }
	.menu .m-content .rwd a { letter-spacing:1px; text-transform:uppercase; font-weight: 600; padding-left:15px; }
	.menu .m-content .rwd a:hover { text-decoration: none; color:#; } 
	.menu .m-content .rwd-button { cursor:pointer; display:block; position:absolute; right:15px; top:7px; }
	.menu .m-content .rwd-button span { display:block; margin-top:4px; height:3px; background:#fff; width:24px; }
	
	.middle { margin: 0 auto; width: 100%; height:auto; clear:both; overflow: hidden; height:auto; background: #f9f9f9; padding:0; z-index: 99; }
	.middle #slide { float:none; width:100%; height: auto; margin: 0 auto; overflow: hidden; padding:0;clear:both; text-align:center; min-height:auto; }
	
	
	.titulo-seccion {height:131px;}
	.titulo-seccion .t-content h3 {font-size: 18px;line-height: 20px; padding-top: 50px;}
	
	.navigation { display:none; }
		
	.main .titulo { text-align:left; width: 94%; } 
	.main .titulo h1 { float:none; width: 100%; font-size: 26px; font-weight:300; }
	.main .titulo .contacto { display:none }
		
	.become .b-content { width:100%; max-width:80%; text-align:center; }
	.become .b-content .b-titulo { width: 90%; padding: 0 0 10px 0; border:0; }
	.become .b-content .b-titulo h4 { font-size:24px; color: #222; font-weight:400; margin:0 auto; }
	.become .b-content p { font-size:15px; color:#515151; line-height: 22px; max-width: 100%; margin: 10px auto 0 auto; font-weight:300; text-align:center;  }

	
	.main .content { width: 100%; float:none; clear:both; margin: 20px auto; }
	.main .content ul { margin:0 auto 20px auto; width:94%; float:none; list-style-type: none; }
	.main .content ul li { text-align:left; }
	.main .content h2 { text-align:left; width: 100%; margin:10px auto 5px auto; }
	.main .content h3 { width: 100%; }
	.main .content p { text-align:justify; margin:0 auto 10px auto; width: 98%; }
	
	.main .content .titulo { background: url(../img/bullet-menu-down.png) 100% 50% no-repeat; }
	.main .content .titulo:hover { background: url(../img/bullet-menu-hover-down.png) 100% 50% no-repeat; }

	
	.main .content .descripcion { margin:0 auto 15px auto; width:94%; padding;0; float:none; clear:both; }
	.main .content .mapa { width: 94%; margin: 0 auto; border:1px solid #ddd; }
	.main .content .direccion { width: 94%; }
	
	.main .content .portada p { font-size:19px; width: 90%; margin: 20px auto 0 auto; }
	
	.main .categoria { margin:20px auto; width: 94%; height:auto; float:none;  position: relative; }
	.main .categoria:nth-child(3n+3) { margin:0 auto; border:0; } 
	.main .categoria a img { width:100%; height:auto;}
	.main .categoria:last-child { margin-right: auto; }
	.main .categoria:first-child { margin-left: 0 auto; }
	.main .categoria h2 { width:100%; margin: 0 auto; padding: 10px 0; bottom: 0; }
	.main .categoria .cat { width: 100%; height:auto; padding: 20px 0; text-align:center; }
	
	.main .last { margin-right: 0; margin-left: 0; }
		
	.main .texto-portada { width: 90%; text-align:center; margin: 30px auto; padding:0; border-bottom: 0; }
	.main .texto-portada .portada-titulo { float:none; width: 100%; border: 0; text-align:center; }
	.main .texto-portada .portada-titulo h2 { line-height: 36px; text-align:center; }
	.main .texto-portada .portada-texto { float:none; width: 100%; border:0; padding:0; }
	
	.main .contenido { display: block; width: 100%; float: none; overflow: hidden; }
	.main .contenido img { margin: 15px; }
	
	.main .left { width: 100%; padding:2% 0; float:none; }
	.main .right { width: 100%; padding:2% 0; float:none; text-align:center; }
	.main .right img { width: 100%; height:auto; border:0; margin:0 auto; }
	
	.frm-contacto { margin: 10px auto; overflow:hidden; width: 100%; padding:0; float:none; border:0; background:none; }
	.frm-contacto .frm { width: 90%; padding:20px; margin: 0 auto;}
	.frm-contacto .frm .input { width: 90%; clear:both; float:none; margin: 0 auto 20px auto; }
	.frm-contacto .frm .textarea { width: 90%; clear:both; float:none; margin: 0 auto 20px auto; }
	.frm-contacto .frm .boton { width: 98%; }
		
	.frm-contacto2 { width: 92%; }	
	.frm-contacto2 .input { width: 90%; }
	.frm-contacto2 .textarea { width: 90%; }
	.frm-contacto2 .boton { width: 96%; margin:0 auto; float:none; }
	.frm-contacto2 .frm-left {  width: 100%; float:none; overflow: hidden; margin:0; border:0; }
	.frm-contacto2 .frm-right {  width: 100%; float:none; overflow: hidden; margin:0; border:0; padding-left:0; }
	
	.become .b-content { width:80%; text-align:center; }
	.become .b-content .b-titulo { width: 100%; }
	.become .b-content .b-titulo h1 { font-size:32px; }
	
	.become .b-content .item { border:0; overflow:hidden; width: 100%; margin: 20px auto; }
	.become .b-content .item .imagen { border:0; float:none; width: 100%; }
	.become .b-content .item .imagen img { margin: 10px auto 20px; }
	.become .b-content .item .texto { float:none; width: 100%; }
	.become .b-content .item .texto h5 { margin:10px auto; text-align:center; }
	.become .b-content .item .texto p { margin: 10px auto; text-align:center; }
	
	.become .b-content .boton { background:#00A5DD; width:200px; padding:0 40px; display:block; opacity:.8; margin: 30px auto 10px auto; }
	.become .b-content .boton { color:#FFF; text-transform:uppercase; line-height: 45px; font-weight:500; font-size: 14px; }
	.become .b-content .boton { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } 
	.become .b-content .boton:hover { opacity:1; } 
	
	.pagos { padding:0; }
	.pagos .p-info { -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; width:100%; padding:30px 0; border:0; }
	.pagos .p-info h3 { font-size:30px; margin:0 auto; width:100%; float:none; text-align:center; }
	.pagos .p-info p { text-align:center; margin:10px auto; max-width: 70%; }
	
	.pagos .p-info .p-left { float:none; width: 100%; margin:0; padding:0; }
	
	.pagos .p-info .p-right { float:none; width: 100%; margin:10px auto; padding:0; border:0; clear:both; overflow:hidden; text-align:center; }
	.pagos .p-info .p-right .p-boton { margin:20px auto 0 auto; width: 70%; text-align:center; padding: 0; background: none; }
	.pagos .p-info .p-right .p-boton { cursor:pointer; float:none; }
	.pagos .p-info .p-right .p-boton:hover { background:#FFF; }
	
	.clientes { padding: 0; border:0; margin:0 auto; }
	.clientes ul { width:100%; margin:20px auto; }
	.clientes ul li { display:inline-block; width: 98%; margin: 0 auto 20px auto; height: auto; }
	
		
	.footer { clear:both; width: 100%; }
	.footer .f-content { width:100%; margin:0 auto; overflow:hidden; }
	.footer .f-content .data { float:none; clear:both; width: 90%; margin: 0 auto; padding-bottom:20px; line-height:26px; }
	.footer .f-content .data .tr { font-weight:300; }
	.footer .f-content .data p { width:100%; margin:0 auto 20px auto; }
	.footer .f-content .data a { color:#FFF; font-size: 16px; }
	.footer .f-content .accesos { float:none; width: 90%; margin-top: 30px; }
	.footer .f-bottom .copy { float:none; width:100%; line-height:18px; text-align:left; }
    .footer .f-bottom .powered { display: none; }
	
	div.error { color:red; font-weight:100; font-size:12px; margin: -18px 0 20px 3px; clear: both; text-align:left; }
	
}