@charset "UTF-8";

/* CSS Document */



@import url(http://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700,300italic,400italic,500italic,700italic);

@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800);

@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700);

@import url(https://fonts.googleapis.com/css?family=Lato:400,700,300,900);

@import url(https://fonts.googleapis.com/css?family=Khand:400,500,300,600,700);

@import url(https://fonts.googleapis.com/css?family=Telex);



@font-face {

	font-family: 'universal_accreditationRg';

	src: url('../fonts/uni/uni_acc_3-webfont.eot');

	src: url('../fonts/uni/uni_acc_3-webfont.eot?#iefix') format('embedded-opentype'),

		url('../fonts/uni/uni_acc_3-webfont.woff2') format('woff2'),

		url('../fonts/uni/uni_acc_3-webfont.woff') format('woff'),

		url('../fonts/uni/uni_acc_3-webfont.ttf') format('truetype'),

		url('../fonts/uni/uni_acc_3-webfont.svg#universal_accreditationRg') format('svg');

	font-weight: normal;

	font-style: normal;



}



html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
	margin          : 0;
	padding         : 0;
	border          : 0;
	outline         : 0;
	font-size       : 100%;
	/*vertical-align: baseline; font: inherit*/
}





/* HTML5 display-role reset for older browsers */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}



body {
	line-height: 1;
}

ol,
ul {
	list-style         : none;
	list-style-position: inside;
}

blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}



.container {
	width: 100% !important;
}

/* remember to define visible focus styles! 

:focus { outline: ?????; } */





/* remember to highlight inserts somehow! */

ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}



table {
	border-collapse: collapse;
	border-spacing : 0;
}



/*********************************************

Estilos Generales para Escritorio

*********************************************/

body,
td,
th {

	font-family: Helvetica, Arial, sans-serif;

	font-style: normal;

	font-weight: normal;

	font-size: 1.6rem;

	color: #333;

	background: #fff;

	-webkit-font-smoothing: antialiased;

	-moz-osx-font-smoothing: grayscale;

}

html {

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	font-size: 62.5%;

	margin: 0;

	padding: 0;

}



h2 {

	font-size: 2rem;

}



Tamaño tipo post p {

	font-size: 1.8rem;

}

body {

	background: #fff;

	margin-left: 0px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

}

/*section{

	margin-bottom:20px;

	margin-bottom: 20px;

    max-width: 1300px;

    margin: 0 auto 20px auto;

}*/



.slide-responsive {
	display : none;
	overflow: hidden;
}



article {

	overflow: hidden;

}

/*Textos*/

a {

	font-size: 1em;

	color: #297cc3;

	transition: 0.3s;

	text-decoration: none;

}

a:hover {

	color: #bbc737;

	transition: 0.3s;

}

h1,
h2,
h3,
h4,
h5,
h6,
p {

	font-style: normal;

	font-weight: normal;

	margin-top: 0px;

	display: block;

	width: 100%;

}

h1 {

	font-family: 'Open Sans', sans-serif;

	font-weight: 400;

	font-size: 3rem;

	margin-bottom: 20px;

}

h2 {

	font-family: 'Open Sans', sans-serif;

	font-weight: 400;

	font-size: 2rem;

	margin-bottom: 20px;

}

h3 {

	font-family: 'Open Sans', sans-serif;

	font-weight: 300;

	font-size: 3rem;

	margin-bottom: 10px;

}

h4 {

	font-family: 'Open Sans', sans-serif;

	font-weight: 400;

	font-size: 2.5rem;

	margin-bottom: 5px;

}

h5 {

	font-family: 'Open Sans', sans-serif;

	font-weight: 400;

	font-size: 1.2rem;

	margin-bottom: 10px;

}

p,
li {

	font-size: 1em;

	line-height: 1.5em;

	font-family: 'Open Sans', sans-serif;

	font-weight: 400;

	font-size: 1.6rem;

	line-height: 22px;

	/*text-align: justify;*/

}

li {

	margin-bottom: 10px;

}

p {

	margin-bottom: 20px;

}

ul.lista {

	margin-bottom: 20px;

	list-style: url(../imagenes/lista.png);

	padding-left: 20px;

}



ul.lista li {

	margin-bottom: 10px;

	line-height: 20px;

}

footer {

	width: 100%;

}



footer span {
	color      : #fff;
	font-family: "Open Sans", sans-serif;
	font-size  : 15px;
	width      : auto;
	line-height: 22px;
	display    : block;
	text-align : center;
}



.col {

	display: block;

	overflow: hidden;

	margin: 0 1%;

}

.f-l {
	float: left;
}

.f-r {

	float: right !important;

}

.f-c {

	margin: 0 auto;

	display: block;

}



.font-white {
	color: #fff !important;
}



.w-100 {
	width: 100%;
}

.w-80 {
	width: 80%;
}

.w-75 {
	width: 75%;
}

.w-70 {
	width: 70%;
}

.w-68 {
	width: 68%;
}

.w-65 {
	width: 65%;
}

.w-60 {
	width: 60%;
}

.w-58 {
	width: 58%;
}

.w-55 {
	width: 55%;
}

.w-53 {
	width: 53%;
}

.w-50 {
	width: 50%;
}

.w-48 {
	width: 48%;
}

.w-45 {
	width: 45%;
}

.w-40 {
	width: 40%;
}

.w-35 {
	width: 35%;
}

.w-38 {
	width: 38%;
}

.w-33-3 {
	width: 33.3339%
		/*33.3%*/
	;
}

.w-30 {
	width: 30%;
}

.w-25 {
	width: 25%;
}

.w-20 {
	width: 20%;
}



.alt-5 {
	height: 5px;
	width : 100%;
}

.alt-10 {
	height: 10px;
	width : 100%;
}

.alt-15 {
	height: 15px;
	width : 100%;
}

.alt-20 {
	height: 20px;
	width : 100%;
}

.alt-25 {
	height: 25px;
	width : 100%;
}

.alt-30 {
	height: 30px;
	width : 100%;
}

.alt-40 {
	height: 40px;
	width : 100%;
}

.alt-50 {
	height: 50px;
	width : 100%;
}

.alt-60 {
	height: 60px;
	width : 100%;
}

.alt-70 {
	height: 70px;
	width : 100%;
}

.alt-80 {
	height: 80px;
	width : 100%;
}

.alt-90 {
	height: 90px;
	width : 100%;
}

.alt-100 {
	height: 100px;
	width : 100%;
}



.pos-rel {
	position: relative;
}



.cont-w-23 {

	width: 19%;

	margin: 1% 0.5%;

	float: left;

	text-align: center;

	border-bottom: 2px solid #fff;

	transition: 0.3s;

	padding-bottom: 5px;

}



.cont-w-23:hover {

	border-bottom: 2px solid #ccc;

	transition: 0.3s;

}



.cont-w-23 img {

	width: 100%;

	height: auto;

}

.cont-w-23 h2 {

	margin: 2% 0;

	font-size: 14px;

}



.video-top {

	width: 50%;

	padding: 3% 25%;

	position: relative;

	margin: 0 auto;

	height: auto;

}



.p-1 {

	padding: 1%;

}

.p-2 {

	padding: 2%;

}

.m-1 {

	margin: 1% !important;

}

.m-2 {

	margin: 2% !important;

}

.mr-2 {

	margin-right: -36px;

}



.tabla {
	padding    : 5px;
	font-family: 'Open Sans', sans-serif;
}

.tabla tr {
	border-bottom : 1px solid #CCC;
	padding-bottom: 5px;
	transition    : 0.3s;
}

.tabla tr:hover {
	background: #eeeeee;
	transition: 0.3s;
}

.tabla tr td {
	padding: 10px;
}



.txt-verde {
	color: #6eb90d;
}

.txt-rojo {
	color: #f90000
}



figure img {

	width: 100%;

	display: block;

}



.indica {
	background           : #0e5b81;
	border               : 1px solid #2177a1;
	width                : 15%;
	margin-right         : 5%;
	-webkit-border-radius: 5px;

	border-radius: 5px;
}



/* wrap */

.wrap {

	max-width: 1200px;

	margin: auto;

}

/*header*/

header {

	background: #fff;

	width: 100%;

	min-height: 0px;

	float: left;

	z-index: 20;

	position: relative;

	/*	padding-top:1%;*/

}

header #logo {

	/*	width: 30%;*/

	float: left;

	padding: 0;

	margin: 0 0 15px;

	width: 26%;

}

header #logo img {

	width: 100%;

}



.box-iconos {
	float: left;
}

.box-iconos figcaption {
	margin    : 2%;
	display   : inline-block;
	width     : 12%;
	text-align: center;
}

.box-iconos figcaption img {
	width        : 60%;
	margin-bottom: 5%;
}

.box-iconos figcaption h3 {
	color      : #3c3c3c;
	font-family: 'Open Sans', sans-serif;
	font-size  : 24px;
}



header nav#menu-principal {

	width: auto;

	float: right;

	text-align: right;

	margin: 12px 0 0 0;

}



#slide {
	float: left;
}



.imagen-principal {

	background: #0d3843 url(../imagenes/slide-mg3.jpg) center top no-repeat;

	width: 100%;

	min-height: 630px;

	float: left;

	position: relative;

	width: 100%;

}



.botonera {
	width     : 100%;
	text-align: center;
}



.banner-slide {
	width     : 100%;
	text-align: center;
}

.btn-sitio.call-to-action {}

.btn-sitio.call-to-action:hover {
	color     : white;
	background: #0090cd;
	border    : 1px solid #0090cd;
}


.btn-sitio {

	color: #4d4d4d;

	border: 1px solid #4d4d4d;

	padding: 10px 15px;



	border-radius: 30px !important;

	font-family: "Open Sans", sans-serif;

	font-size: 18px;

	font-weight: normal;

	line-height: inherit;

	margin: 3px;

	padding: 15px 20px !important;

	text-transform: none;

	transition: all 0.25s ease 0s;

	width: 15%;

}



.btn-sitio:hover {
	color     : #0090cd;
	border    : 1px solid #0090cd;
	transition: all 0.25s ease 0s;
}



/**/

.txt-span {
	width    : 100%;
	float    : left;
	font-size: 13px;
	color    : #3c3c3c;
}

.txt-span strong {
	color: #1e8fca;
}





/**/



.btn {
	width                : 25%;
	-webkit-border-radius: 30px !important;
	border-radius        : 30px !important;
	font-size            : 16px;
	/*	font-family       : 'Open Sans', sans-serif;*/
	font-family          : 'Telex', sans-serif;
	font-weight          : normal;
	line-height          : inherit;
	margin               : 2px;
	padding              : 16px 22px !important;
	text-transform       : none;
	transition           : all 0.25s ease 0s;
	width                : 16%;
	text-align           : center;
	font-weight          : bold;
}



.links-foot {

	text-align: center;

	width: 100%;

	margin: 10px 0 20px 0;

}



.links-foot a {

	padding: 0 10px;

	color: #fff;

	text-decoration: none;

	text-align: center;

	font-family: 'Open Sans', sans-serif;

	font-size: 13px;

	border-left: 1px solid #fff;

}



.links-foot a:first-child {
	border: none;
}



.links-foot a:hover {

	text-decoration: underline;

}





.b-celeste {
	background: #068eca !important;
	color     : #fff !important;
	transition: 0.3s;
}

.b-celeste:hover {
	background: #046996 !important;
	transition: 0.3s;
}

.b-celeste2 {

	background: #068eca !important;

	color: #fff !important;

	transition: 0.3s;

	font-size: 13px !important;



	width: 25%;

	-webkit-border-radius: 30px !important;

	border-radius: 30px !important;



	font-family: 'Open Sans', sans-serif;

	font-weight: normal;

	line-height: inherit;

	margin: 3px;

	padding: 10px 15px !important;

	text-transform: none;

	transition: all 0.25s ease 0s;

	width: 16%;

}

.b-celeste2:hover {

	background: #046996 !important;

	transition: 0.3s;

}



.b-amarillo {
	background: #ebc429 !important;
	color     : #fff !important;
	transition: 0.3s;
}

.b-amarillo:hover {
	background: #d7af0f !important;
	transition: 0.3s;
}

.b-calipso {
	background: #19d6ac !important;
	color     : #fff !important;
	transition: 0.3s;
}

.b-calipso:hover {
	background: #0aa381 !important;
	transition: 0.3s;
}

.b-azul {
	background: #005898 !important;
	color     : #fff !important;
	transition: 0.3s;
}

.b-azul:hover {
	background: #0d72bc !important;
	transition: 0.3s;
}

.b-rojo {
	background: #ff0101 !important;
	color     : #fff !important;
	transition: 0.3s;
}

.b-rojo:hover {
	background: #ff3636 !important;
	transition: 0.3s;
}



.titulo-circline {
	width     : 100% !important;
	float     : left !important;
	margin    : 3% 0 !important;
	text-align: center;
}

.titulo-circline h2 {

	background: url(../imagenes/bg-circulo.png) center no-repeat !important;

	font-size: 38px !important;

	font-family: 'Khand', sans-serif !important;

	/*	font-family: 'Telex', sans-serif !important;*/

	color: #767677 !important;

	text-align: center !important;

	text-transform: uppercase !important;

	letter-spacing: 5px !important;

	padding: 2.5% 0 !important;



}



.titulo-circline p {
	text-align: center;
}



.bg-qs {
	background: #dadada url(../imagenes/bg-qs.jpg) top right no-repeat;
}

.bg-riesgo {
	background     : #dadada url(../imagenes/bg-riesgo.jpg) top right no-repeat;
	background-size: cover;
}

.bg-cfd {
	background: #dadada url(../imagenes/bg-cfd.jpg) top right no-repeat;
}

.bg-01 {
	background: #dadada url(../imagenes/bg-izq.jpg) top right no-repeat;
}

.bg-gris-cb {
	background: #f5f5f5;
	border-top: 1px solid #e7e7e7;
}

.bg-socios {
	background: #f5f5f5 url(../imagenes/bg-home-01b.jpg) top right;
}

.bg-equipo {
	background: #f5f5f5 url(../imagenes/bg-home-01.jpg) top right;
}

.bg-gris {
	background: #e6e6e6;
}



.banner-50 {
	width: 50%;
	float: left;
}

.banner-50 img {
	width: 100%;
	float: left;
}

.banner-50 h2 {
	color      : #fff;
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
	font-size  : 40px;
}

.banner-50 p {
	color      : #fff;
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
	font-size  : 20px;
}



.bg-urgencias {
	background: #445874 url(../imagenes/bg-banner-llamenos.jpg);
}

.bg-clientes {
	background: #2ca735 url(../imagenes/bg-banner-clientes.jpg);
}



.banner-100 {
	width: 100%;
	float: left;
}

.banner-100 img {
	width: 100%;
	float: left;
}



.banner {

	width: 100%;

	position: relative;

	float: left;

}

.banner img {

	width: 100%;

	float: left;

}

.banner h4 {

	float: left;

	position: absolute;

	color: #fff;

	padding: 10px 30px;

	font-weight: 700;

	font-size: 3rem;

	font-family: 'Ubuntu', sans-serif;

	top: 15%;

}

.banner p {

	float: left;

	position: absolute;

	color: #fff;

	padding: 10px 30px;

	font-weight: 300;

	font-size: 2.2rem;

	font-family: 'Ubuntu', sans-serif;

	top: 50%;

}

.mid-banner {

	width: 100%;

	position: relative;

	float: left;

}

.mid-banner img {

	width: 100%;

	float: left;

}

.mid-banner h3 {

	float: left;

	position: absolute;

	color: #fff;

	padding: 0;

	font-weight: 700;

	font-size: 3rem;

	font-family: 'Ubuntu', sans-serif;

	top: 15%;

	text-align: center;

}

.mid-banner p {

	float: left;

	position: absolute;

	color: #fff;

	padding: 10px 13px;

	font-weight: 300;

	font-size: 2rem;

	font-family: 'Open Sans', sans-serif;

	top: 50%;

	text-align: center;

}

.mid-banner a {

	float: left;

	position: absolute;

	color: #36d195;

	background: #fff;

	padding: 10px 13px;

	font-weight: 500;

	font-size: 1.5rem;

	font-family: 'Open Sans', sans-serif;

	top: 60%;

	border-radius: 10px;

	text-align: center;

	left: 220px;

	transition: 0.7s;

}

.mid-banner a:hover {

	opacity: 0.6;

	transition: 0.7s;

}



/**/



.bg-home-01 {
	background: #dcdcdc url(../imagenes/bg-home-01.jpg) fixed right no-repeat;
}

.bg-home-01 h2 {
	font-size     : 50px;
	font-weight   : lighter;
	color         : #3c3c3c;
	float         : left;
	font-family   : 'Telex', sans-serif;
	letter-spacing: -1px;
}

.bg-home-01 h3 {
	font-size     : 28px;
	font-weight   : 600;
	color         : #068eca;
	float         : left;
	letter-spacing: -0.5px;
}

.bg-home-01 p {
	font-size  : 18px;
	font-weight: normal;
	color      : #3c3c3c;
	line-height: 30px;
	float      : left;
}

.bg-home-01-der img {
	float : left;
	margin: 0 12px;
}



.bg-home-02 {
	background: #1e8fca url(../imagenes/bg-next-generation.jpg) top center no-repeat;
}

.bg-home-02 h2 {
	font-size     : 50px;
	font-weight   : lighter;
	color         : #fff;
	float         : left;
	font-family   : 'Telex', sans-serif;
	letter-spacing: -1px;
}

.bg-home-02 h3 {
	font-size  : 20px;
	font-weight: 600;
	color      : #fff;
	float      : left;
	line-height: 30px;
}

.bg-home-02 p {
	font-size  : 18px;
	font-weight: normal;
	color      : #fff;
	line-height: 30px;
	float      : left;
}

.bg-home-02 a {

	cursor: pointer;



	-webkit-border-radius: 30px !important;

	border-radius: 30px !important;



	border: 2px solid #fff;

	background: none !important;



	color: #fff;

	font-size: 18px;

	font-family: 'Open Sans', sans-serif;

	font-weight: normal;

	line-height: inherit;

	margin: 3px;

	padding: 15px 20px !important;

	text-transform: none;

	transition: all 0.25s ease 0s;

}



.bg-home-02 a:hover {

	background: #fff !important;

	border: 2px solid #fff;

	transition: all 0.25s ease 0s;

	color: #1b8ecb !important;

}



.bg-home-03 {
	background: #dcdcdc url(../imagenes/bg-servicio-excepcional.jpg) center no-repeat;
	text-align: center;
}

.bg-home-03 h2 {
	font-size     : 50px;
	font-weight   : lighter;
	color         : #fff;
	font-family   : 'Telex', sans-serif;
	letter-spacing: -1px;
}

.bg-home-03 h3 {
	font-size     : 28px;
	font-weight   : 600;
	color         : #fff;
	letter-spacing: -0.5px;
}

.bg-home-03 p {
	font-size  : 18px;
	font-weight: normal;
	color      : #fff;
	line-height: 30px;
}



.bg-home-04 {
	background: #dcdcdc url(../imagenes/bg-regulacion.jpg) center no-repeat;
	text-align: center;
}

.bg-home-04 h2 {
	font-size     : 50px;
	font-weight   : lighter;
	color         : #fff;
	font-family   : 'Telex', sans-serif;
	letter-spacing: -1px;
}

.bg-home-04 h3 {
	font-size     : 28px;
	font-weight   : 600;
	color         : #fff;
	letter-spacing: -0.5px;
}

.bg-home-04 p {
	font-size  : 18px;
	font-weight: normal;
	color      : #fff;
	line-height: 30px;
}



.bg-home-05 {
	background: #dcdcdc url(../imagenes/bg-cmc-markets.jpg) center no-repeat;
	text-align: center;
}

.bg-home-05 h2 {
	font-size     : 50px;
	font-weight   : lighter;
	color         : #fff;
	font-family   : 'Telex', sans-serif;
	letter-spacing: -1px;
}

.bg-home-05 h3 {
	font-size     : 28px;
	font-weight   : 600;
	color         : #fff;
	letter-spacing: -0.5px;
}

.bg-home-05 p {
	font-size  : 18px;
	font-weight: normal;
	color      : #fff;
	line-height: 30px;
}



.bg-home-06 {
	background: #dcdcdc url(../imagenes/bg-spreads.jpg) center no-repeat;
	text-align: center;
}

.bg-home-06 h2 {
	font-size     : 50px;
	font-weight   : lighter;
	color         : #fff;
	font-family   : 'Telex', sans-serif;
	letter-spacing: -1px;
}

.bg-home-06 h3 {
	font-size     : 28px;
	font-weight   : 600;
	color         : #fff;
	letter-spacing: -0.5px;
}

.bg-home-06 p {
	font-size  : 18px;
	font-weight: normal;
	color      : #fff;
	line-height: 30px;
}



.bg-home-07 {
	background: #dcdcdc url(../imagenes/bg-servicio-excepcional.jpg) center no-repeat;
	text-align: center;
}

.bg-home-07 h2 {
	font-size     : 50px;
	font-weight   : lighter;
	color         : #fff;
	font-family   : 'Telex', sans-serif;
	letter-spacing: -1px;
}

.bg-home-07 h3 {
	font-size     : 28px;
	font-weight   : 600;
	color         : #fff;
	letter-spacing: -0.5px;
}

.bg-home-07 p {
	font-size  : 18px;
	font-weight: normal;
	color      : #fff;
	line-height: 30px;
}









/**/



.espacio-20 {

	height: 20px;

	width: 100%;

}

.espacio-60 {

	height: 60px;

	width: 100%;

}



.bg-not-1 {
	background   : #fff;
	border-bottom: 10px solid #eaeaea;
}

.bg-not-2 {
	background   : #f4f4f4;
	border-bottom: 10px solid #e2e0e0;
}



.titulo-line {

	width: 100%;

	margin: 20px 0;

}



.ver-todas {

	color: #fff;

	font-size: 13px;

	text-decoration: none;

	font-family: 'Open Sans', sans-serif;

	margin: 10px 0 0 0;

}



.ver-todas:hover {

	color: #fff;

	text-decoration: underline;

}



.ver-todas-negro {

	color: #3c3c3c;

	font-size: 13px;

	text-decoration: none;

	font-family: 'Open Sans', sans-serif;

	margin: 0 1.5%;

}



.ver-todas-negro:hover {

	color: #3c3c3c;

	text-decoration: underline;

}



.contenedor-partners {

	margin: 1% 0;

	min-height: 100px;

	text-align: center;

}



.contenedor-partners h2 {

	font-weight: 300;

	font-family: 'Lato', sans-serif;

	color: #0e3b8c;

	font-size: 30px;

	width: auto;

	margin: 0;

}



.contenedor-partners figure {

	text-align: center;

	display: inline-block;

}

.contenedor-cenefa {

	min-height: 30px;

	background: #0090cd;

	border-bottom: 10px solid #1e8fca;

	padding: 20px 0;

}



.bg-nosotros {
	background: #0e628b url(../imagenes/bg-nosotros.jpg) top center no-repeat;
}





.contenedor-cenefa h2 {

	/*  font-weight: 600;*/

	font-family: 'Lato', sans-serif;

	/*  font-family: "Khand",sans-serif !important;*/

	color: #fff;

	font-size: 30px;

	width: 45%;

	margin: 0;

	/*  text-transform:uppercase;*/

}

.contenedor-cenefa h3 {

	font-weight: 600;

	font-family: 'Lato', sans-serif;

	color: #fff;

	font-size: 22px;

	width: 45%;

	line-height: 22px;

	margin: 0;

}



.contenedor-cenefa p {

	font-weight: normal;

	font-family: 'Lato', sans-serif;

	color: #fff;

	font-size: 16px;

	width: 45%;

	line-height: 22px;

	margin: 0;

}



.box-ico-txt {

	width: 100%;

	float: left;

	margin: 20px 0;

}



.box-ico-txt i {

	background: #1e8fca;

	float: left;

	font-size: 4em;

	/*    padding: 2% 1%;*/

	padding: 1.8% 0.8%;

	color: #fff;



	-webkit-border-radius: 60px;

	border-radius: 60px;

}



.box-ico-txt figcaption {

	float: right;

	width: 86%;

}





.box-ico-txt-48 {

	width: 48%;

	margin: 20px 0;

}



.box-ico-txt-48 i {

	width                : 60px;
	background           : #1e8fca;
	float                : left;
	font-size            : 2.7em;
	padding              : 0;
	color                : #fff;
	-webkit-border-radius: 60px;
	border-radius        : 60px;
	height               : 60px;
	display              : grid;
	place-content        : center;

}



.box-ico-txt-48 figcaption {

	float: right;

	width: 80%;

}



.boxes-cuatro {
	width: 100%;
}

.boxes-cuatro articles {
	width: 48%;
}



/**/

.store {

	bottom: 100px;

	left: 40px;

	position: absolute;

	z-index: 20;

	width: 300px;

}

.store a {

	float: left;

	margin-right: 10px;

	width: 40%;

}

/**/



.ico-azul {

	background: #1e8fca;

	float: left;

	font-size: 25px;

	padding: 17px 12px;

	color: #fff;



	-webkit-border-radius: 60px;

	border-radius: 60px;

}

.box-titulo-icono {

	width: 100%;

	float: left;

	margin-bottom: 20px;

}

.box-titulo-icono h2 {

	font-size: 24px;

	margin-top: 20px;

	margin-left: 20px;

	float: left;

	width: auto;

}

/**/



.box-ico-txt-48-2 {

	width: 23%;

	background: #fafafa;

	margin: 10px;

	min-height: 360px;

}



.min-510 {
	min-height: 510px;
}



.box-ico-txt-48-2 figcaption {

	float: left;

	width: 90%;

	padding: 5% 5% 0 5%;

}



/**/

.ul-ng {
	float: left;
}

.ul-ng li {
	line-height: 32px;
}

.ul-ng li i {
	color: #068eca;
}



/**/



.titulo-bb2 {

	background: url(../imagenes/bg-tit-bb.jpg) left bottom no-repeat;

	font-weight: normal;

	font-family: 'Lato', sans-serif;

	color: #3c3c3c;

	font-size: 30px;

	width: 100%;

	margin: 0;

	padding-bottom: 30px;

}



.titulo-bb {
	background    : url(../imagenes/bg-tit-bb.jpg) left bottom no-repeat;
	font-weight   : 300;
	font-family   : 'Lato', sans-serif;
	color         : #3c3c3c;
	font-size     : 50px;
	width         : 100%;
	margin        : 0;
	padding-top   : 45px;
	padding-bottom: 30px;
}



/**/

.formato-01 {}

.formato-01 p {

	line-height: 24px;

	width: 100%;

	font-weight: 14px;

	font-weight: 400;

	color: #595959;

}



.formato-01 h1 {

	color: #3c3c3c;

	font-family: "Lato", sans-serif;

	font-size: 34px;

	font-weight: 300;

	line-height: 36px;

	width: 100%;

	text-align: center;

}



.formato-01 h3 {

	color: #3c3c3c;

	font-family: "Lato", sans-serif;

	font-size: 34px;

	font-weight: 300;

	line-height: 36px;

}



/**/



.formato-02 {}

.formato-02 p {

	line-height: 24px;

	width: 100%;

	font-weight: 14px;

	font-weight: 400;

	color: #595959;

}



.formato-02 h1 {

	background: url(../imagenes/bg-tit-bb.jpg) center bottom no-repeat;

	font-weight: 300;

	font-family: 'Lato', sans-serif;

	color: #3c3c3c;

	font-size: 50px;

	margin: 0;

	padding-bottom: 30px;



	text-align: center;

	width: 100%;

}









/**/



.parrafo {}

.parrafo p {

	line-height: 24px;

	width: 100%;

	font-weight: 14px;

	font-weight: 400;

	color: #595959;

}



.parrafo h3 {

	color: #3c3c3c;

	font-family: "Lato", sans-serif;

	font-size: 34px;

	font-weight: 300;

	line-height: 36px;

}



.parrafo span {
	color      : #2fcae4;
	font-family: "Lato", sans-serif;
	font-weight: 400;
}

.parrafo a {
	color      : #3c3c3c;
	font-family: "Lato", sans-serif;
}

.parrafo a:hover {
	color: #2fcae4;
}



.zona-descargas {}

.zona-descargas figcaption {

	width: 22%;

	float: left;

	margin: 2% 1%;

	min-height: 90px;

	border-bottom: 4px solid #e0e0e0;

	padding-bottom: 10px;

	transition: 0.3s;

	text-align: center;

	position: relative;

}



.zona-descargas figcaption:hover {

	border-bottom: 4px solid #999;

	transition: 0.3s;

}



.zona-descargas figcaption h2 {

	font-size: 16px;

	line-height: 22px;

}



.zona-descargas figcaption a {

	background: #1e8fca;

	color: #fff;

	display: inline-block;

	padding: 10px 5px;

	text-align: center;

	width: 96%;

	position: absolute;

	bottom: 10px;

	left: 0;

	-webkit-border-radius: 5px;

	border-radius: 5px;

	transition: 0.3s;

}



.zona-descargas figcaption a:hover {

	background: #2ea0db;

	transition: 0.3s;

}



.box-destacado {

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00507e+0,58becf+100 */

	background: #00507e;
	/* Old browsers */

	background: -moz-linear-gradient(top, #00507e 0%, #58becf 100%);
	/* FF3.6+ */

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00507e), color-stop(100%, #58becf));
	/* Chrome,Safari4+ */

	background: -webkit-linear-gradient(top, #00507e 0%, #58becf 100%);
	/* Chrome10+,Safari5.1+ */

	background: -o-linear-gradient(top, #00507e 0%, #58becf 100%);
	/* Opera 11.10+ */

	background: -ms-linear-gradient(top, #00507e 0%, #58becf 100%);
	/* IE10+ */

	background: linear-gradient(to bottom, #00507e 0%, #58becf 100%);
	/* W3C */

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00507e', endColorstr='#58becf', GradientType=0);
	/* IE6-9 */



}



.box-destacado h2 {

	font-weight: 600;

	font-family: 'Lato', sans-serif;

	color: #fff;

	font-size: 28px;

	line-height: 32px;

	margin: 0;

	padding: 0 10%;

	width: 80%;

}



.box-destacado p {

	line-height: 24px;

	font-weight: 14px;

	font-weight: 400;

	color: #fff;

	padding: 0 10%;

	width: 80%;

}



.box-destacado a {

	color: #fff;

	padding: 10px 20px;

	text-decoration: none;

	display: inline;

	margin: 0 10%;

	border: 1px solid #fff;



	-webkit-border-radius: 25px;

	border-radius: 25px;

}



.box-destacado a:hover {

	background: #00507e;

}



.box-team {

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dbdbdb+0,f4f4f4+100 */

	background: #dbdbdb;
	/* Old browsers */

	background: -moz-linear-gradient(top, #dbdbdb 0%, #f4f4f4 100%);
	/* FF3.6+ */

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dbdbdb), color-stop(100%, #f4f4f4));
	/* Chrome,Safari4+ */

	background: -webkit-linear-gradient(top, #dbdbdb 0%, #f4f4f4 100%);
	/* Chrome10+,Safari5.1+ */

	background: -o-linear-gradient(top, #dbdbdb 0%, #f4f4f4 100%);
	/* Opera 11.10+ */

	background: -ms-linear-gradient(top, #dbdbdb 0%, #f4f4f4 100%);
	/* IE10+ */

	background: linear-gradient(to bottom, #dbdbdb 0%, #f4f4f4 100%);
	/* W3C */

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dbdbdb', endColorstr='#f4f4f4', GradientType=0);
	/* IE6-9 */

}



.box-team article {

	display: inline;

	float: left;

	width: 18%;

	margin: 2% 3.3%;

	text-align: center;

}



.box-team article figure {

	margin-bottom: 10%;

}

.box-team article h3 {

	font-size: 16px;

	font-weight: 600;

	float: left;

	width: 100%;

}

.box-team article span {

	font-size: 14px;

	font-weight: 500;

	width: 100%;

	line-height: 18px;

	float: left;

	color: #595959;

}

.box-team article a {

	font-size: 13px;

	font-weight: 400;

	width: 100%;

	float: left;

	line-height: 22px;

}

.box-team article a:hover {

	color: #297cc3;

	text-decoration: underline;



}



.img-resp {}

.img-resp img {
	width : 100%;
	height: auto;
}



/* Video responsive */



.video-responsive {

	position: relative;

	margin-bottom: 20px;

	padding-top: 56.25%;

}

.video-responsive iframe {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

}



.hover-imagen {
	transition: 0.3s;
}

.hover-imagen:hover {
	opacity   : 0.7;
	filter    : alpha(opacity=70);
	/* For IE8 and earlier */
	transition: 0.3s;
}



.contenedor-noticias {

	background: url(../imagenes/bg-noticias.jpg) repeat-x;

	margin: 1% 0;

}



.contenedor-noticias h2 {

	font-weight: 300;

	font-family: 'Lato', sans-serif;

	color: #fff;

	font-size: 30px;

	width: auto;

	margin: 0;

}



.contenedor-noticias article {

	float: left;

	width: 31%;

	padding-bottom: 3%;

	margin: 1%;

}



.contenedor-noticias article h2,
p,
span {}



.contenedor-noticias article figure {
	margin-bottom: 5%;
}

.contenedor-noticias article h2 {

	color: #000;

	font-weight: 500;

	font-family: 'Lato', sans-serif;

	font-size: 16px;

	line-height: 22px;

	margin: 5px 0;

	padding: 0 10%;

}



.contenedor-noticias article span {

	color: #2fcae4;

	font-weight: 600;

	font-family: 'Lato', sans-serif;

	font-size: 14px;

	line-height: 22px;

	margin: 5px 0;

	padding: 0 10%;

}



.contenedor-noticias article p {

	color: #595959;

	font-weight: 400;

	font-family: 'Lato', sans-serif;

	font-size: 14px;

	line-height: 22px;

	margin: 5px 0;

	padding: 0 10%;

	width: 80%;

}



/**/





/* ------- */



.box-equipo {
	/*	width:21%;

	margin:2%;*/
	width     : 31%;
	margin    : 2% 1%;
	float     : left;
	text-align: center;
}



.box-equipo figure {

	float: left;

	margin-bottom: 20px;

	width: 100%;

}

.box-equipo figure img {

	height: auto;

	-webkit-border-radius: 50%;

	border-radius: 50%;

	background: #CCC;

}



.box-equipo h2 {

	color: #3c3c3c;

	font-size: 18px;

	font-weight: bold;

	width: 100%;

	line-height: normal;

	float: left;

}



.box-equipo li {

	color: #3c3c3c;

	font-size: 13px !important;

	width: 100%;

	font-weight: normal;

	float: left;

	margin-bottom: 10px;

}

.box-equipo li i {
	color: #03bbdc;
}



.box-equipo a {

	color: #2571be;

	font-size: 13px;

	text-decoration: none;

	width: 100%;

	float: left;

}



.box-equipo a:hover {

	color: #ff7200;

	text-decoration: underline;

}



/**/





.box-equipo2 {

	width: 21%;

	margin: 2% 6%;

	float: left;

	text-align: center;

}



.box-equipo2 figure {

	float: left;

	margin-bottom: 20px;

	width: 100%;

}

.box-equipo2 figure img {

	height: auto;

	-webkit-border-radius: 50%;

	border-radius: 50%;

	background: #CCC;

}



.box-equipo2 h2 {

	color: #3c3c3c;

	font-size: 18px;

	font-weight: bold;

	width: 100%;

	line-height: normal;

	float: left;

}



.box-equipo2 li {

	color: #959595;

	font-size: 13px !important;

	width: 100%;

	font-weight: normal;

	float: left;

	margin-bottom: 10px;

}



.box-equipo2 a {

	color: #2571be;

	font-size: 13px;

	text-decoration: none;

	width: 100%;

	float: left;

}



.box-equipo2 a:hover {

	color: #ff7200;

	text-decoration: underline;

}



/**/



form.contacto {

	float: right;

	margin: 4% 10%;

	width: 80%;

}

form.contacto input[type="text"] {

	background: #FFF;

	border: 1px solid #d1d1d1;

	color: #333;

	-webkit-border-radius: 3px;

	border-radius: 0px;

	display: block;

	float: left !important;

	height: 35px;

	padding: 0 0 0 2%;

	margin: 2% 2% 2% 0;

	transition-duration: 0.3s;

	width: 95%;

	border-radius: 5px;

}

form.contacto select {

	background: #FFF;

	border: 1px solid #d1d1d1;

	color: #333;

	-webkit-border-radius: 3px;

	border-radius: 0px;

	display: block;

	float: left !important;

	height: 35px;

	padding: 0 0 0 2%;

	margin: 14px 2% 0px 0;

	transition-duration: 0.3s;

	width: 98%;

	border-radius: 5px;

}

form.contacto input[type="text"]:focus,
form.contacto input[type="password"]:focus {

	border: 1px solid #a40634;

	outline: none;

}

form.contacto textarea {

	background: #FFF;

	border: 1px solid #d1d1d1;

	color: #333;

	-webkit-border-radius: 3px;

	border-radius: 0px;

	display: block;

	float: left !important;

	height: 130px;

	padding: 2% 0 0 2%;

	margin: 14px 0 0 0px;

	transition-duration: 0.3s;

	width: 95%;

	border-radius: 5px;

	font-family: Helvetica, Arial, sans-serif;

}

form.contacto label {

	width: 100%;

	float: left;

	margin: 2% 0;

	font-size: 14px;

}

.exito {

	text-align: center;

	background: yellowgreen;

	padding: 20px 2%;

	border-radius: 10px;

	margin-bottom: 20px;

	color: #fff;

	width: 93%;

	font-size: 20px;

}



.btn-blue {

	cursor: pointer;



	width: 25%;

	-webkit-border-radius: 30px !important;

	border-radius: 30px !important;

	border: 1px solid #068eca;

	background: #068eca !important;

	color: #fff !important;

	font-size: 18px;

	font-family: 'Open Sans', sans-serif;

	font-weight: normal;

	line-height: inherit;

	margin: 3px;

	padding: 15px 20px !important;

	text-transform: none;

	transition: all 0.25s ease 0s;

	width: 45%;

}



.btn-blue:hover {

	background: #076b97 !important;

	transition: all 0.25s ease 0s;

	color: #fff !important;

}



.iframe-responsive {

	position: relative;

	margin-bottom: 20px;

	padding-top: 56.25%;

}

.iframe-responsive iframe {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

}





.producto {

	width: 100%;

	background: #fff;

	border: 1px solid #ccc;

	display: inline-block;

	margin-bottom: 15px;

	position: relative;

	min-height: 330px;

}

.producto:hover {

	-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);

	-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);

	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);

	transition-duration: 0.3s;

}

.producto img {

	width: 100%;

	float: left;

	border-bottom: 1px solid #ccc;

}

.producto h4 {

	display: block;

	float: left;

	padding: 15px;

	color: #333333;

	font-size: 2.2rem;

	width: 88%;

}

.producto p {

	display: block;

	float: left;

	/* text-align: center; */

	padding: 0 15px;

	font-weight: 700;

	color: #999 !important;

	width: inherit;

	font-size: 2rem;

}

.producto a {

	overflow: hidden;

	width: 100%;

	max-height: 208px;

}

.agregar-carro {

	width: auto !important;

	text-align: center;

	float: right !important;

	color: #fff;

	background: darkseagreen;

	border: 1px solid #04a6a7;

	padding: 8px 10px;

	margin-right: 5%;

	position: absolute;

	bottom: 3%;

	right: 0;

	z-index: 11;

	border: 2px solid #fff;

}

.agregar-carro:hover {

	color: #999;

	border: 2px solid #999;

	background: #fff;

}

.etiqueta-nuevo {

	background: lightslategrey;

	color: white;

	padding: 12px;

	position: absolute;

	top: -1px;

	right: 5%;

}

.etiqueta-oferta {

	background: mediumturquoise;

	color: white;

	padding: 12px;

	position: absolute;

	top: -1px;

	right: 5%;

}

.carro {

	width: auto;

	height: auto;

	float: right;

	margin: 6% 0 0 0;

}

.carro a {

	color: #666;

	font-size: 1.6rem;

	font-weight: 300;

	transition: 0.8s;

}

.carro a:hover {

	color: #ccc;

	transition: 0.8s;

}

.carro a strong {

	color: #666;

	font-size: 1.7rem;

	font-weight: 600;

}

.carro i {

	color: #666;

	font-size: 1.7rem;

}

.big-title {

	float: left;

	width: 100%;

}

.big-title h2 {

	color: #fff;

	font-weight: normal;

	padding: 18px 0 0 30px;

	display: inline-block;

	width: auto;

	font-size: 4rem;

}

.big-title h3 {

	color: #333;

	font-size: 25px;

	font-weight: normal;

	padding: 2% 3%;

	margin: 0;

	display: inline-block;

	width: auto;

}



ul.lista-datos {

	list-style: none;

	float: left;

	margin: 0 5% 3% 5%;

	width: 90%;

}



ul.lista-datos li {

	border-bottom: 1px solid #454545;

	padding-bottom: 4px;

	width: 100%;

}



ul.lista-datos li span {
	color      : #2ca735;
	font-size  : 13px;
	margin     : 0;
	padding    : 0;
	line-height: normal;
}

ul.lista-datos li p {
	color      : #fff;
	font-size  : 18px;
	margin     : 0;
	padding    : 0;
	line-height: normal;
}

ul.lista-datos li h4 {
	color      : #fff;
	font-size  : 14px;
	margin     : 0;
	padding    : 0;
	line-height: normal;
}





/* Menu izq */

ul.menu-izq {

	list-style: none;

	float: left;

	width: 100%;

}



ul.menu-izq li {

	border-bottom: 1px solid #bfbfbf;

	width: 100%;

	float: left;

	margin: 0;

}



ul.menu-izq li a {

	color: #222222;

	display: block;

	float: left;

	font-size: 14px;

	padding: 2% 5%;

	width: 90%;

}



ul.menu-izq li a:hover {

	background: #1b8823;

	color: #fff;

}



/* Menu navegador */

ul.menu-navegador {

	list-style: none;

	float: left;

	margin: 0 0 1% 0;

	width: 100%;

}



ul.menu-navegador li {

	color: #fff;

	display: inline;

	float: left;

	font-size: 13px;

	margin: 0;

}



ul.menu-navegador li a {
	color          : #fff;
	text-decoration: underline;
}

ul.menu-navegador li a:hover {
	color: #a6b5c1;
}



ul.menu-navegador li i {
	color : #6f7b83;
	margin: 0 2px;
}



.cenefa-head {
	background: #45515a url(../imagenes/bg-cenefa.png) right top;
}

.cenefa-head h2 {

	color: #fff;

	font-size: 30px;

	font-weight: bold;

	font-family: 'Open Sans Condensed', sans-serif;

	width: 100%;

	margin: 2% 0 2% 0;

}



.box-descarga {

	background: #fbfbfb;

	border-bottom: 5px solid #eeeeee;

	-webkit-border-radius: 5px;

	border-radius: 5px;



	float: left;

	overflow: hidden;

	padding: 2% 3%;

	margin: 1% 0;

	width: 94%;

	transition-duration: 0.3s;

}

.box-descarga:hover {

	background: #eeeeee;

	border-bottom: 5px solid #d5d5d5;

	transition-duration: 0.3s;

}



.box-descarga i {
	color    : #222222;
	font-size: 34px;
}

.box-descarga span {
	color      : #222222;
	font-size  : 24px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
}



.bloque-texto {}

.bloque-texto h2 {
	color      : #222222;
	font-size  : 24px;
	line-height: 1.4em;
	font-family: 'Open Sans', sans-serif;
}

.bloque-texto p {
	color      : #222222;
	font-size  : 13px !important;
	line-height: 1.8em;
}





.banner-48 {}

.banner-48 a {
	transition: 0.3s;
}

.banner-48 a:hover {
	opacity   : 0.6;
	transition: 0.3s;
}

.banner-48 img {
	width: 100%;
}



.crumbreed {

	width: auto;

	float: left;

	display: inline-block;

	padding: 32px 35px;

	color: #ccc;

}

.crumbreed a {

	color: #333;

	padding: 0 5px;

}

.crumbreed a:hover {

	color: #ccc;

	text-decoration: underline;

}

.filter {

	width: 20%;

	float: right;

	display: inline-block;

	padding: 0px 35px;

}

.filter select {

	background: #fff;

	border: 1px solid #c2c2c2;

	-webkit-border-radius: 3px;

	border-radius: 3px;

	display: block;

	font-size: 13px;

	float: right !important;

	height: 40px;

	padding: 5px;

	margin: 20px 10px 0 0;

	transition-duration: 0.3s;

	width: 98%;

}



.filter select option {

	padding: 10px;

}



.purple {
	background: #9584c1;
}

.orange {
	background: #ff7d27;
}

.green {
	background: #1b8823;
}

.black {
	background: #0e628b;
	border-top: 1px solid #2177a1;
}

.black-dos {
	background: #0090cd
}

.grey {
	background: #d4d4d4;
}

.blue {
	background: #0078b2;
}

.blue-dos {
	background: #0f5070;
}

.blue-tres {
	background: #0a3a51;
}



.foot-telefono {
	color                : #fff;
	font-family          : 'Open Sans', sans-serif !important;
	font-size            : 15px;
	border               : 1px solid rgba(255, 255, 255, 0.3);
	padding              : 1%;
	-webkit-border-radius: 25px;
	border-radius        : 25px;
}

.foot-telefono:hover {
	color : rgba(255, 255, 255, 0.6);
	border: 1px solid #fff;
}



.foot-link {
	color                : #fff;
	background           : #222222;
	font-family          : 'Open Sans', sans-serif !important;
	font-size            : 15px;
	border               : 1px solid rgba(255, 255, 255, 0.3);
	padding              : 1%;
	-webkit-border-radius: 25px;
	border-radius        : 25px;
	margin               : 0 1%;
	text-transform       : uppercase;
}

.foot-link:hover {
	color                : #fff;
	background           : #333333;
	font-family          : 'Open Sans', sans-serif !important;
	font-size            : 15px;
	border               : 1px solid rgba(255, 255, 255, 0.3);
	padding              : 1%;
	-webkit-border-radius: 25px;
	border-radius        : 25px;
}



.cont-us {

	max-width: 1200px;

	margin: 0 auto;

	overflow: hidden;

	padding: 20px 0;

	color: #fff;

}

.cont-us a {

	color: #fff;

	float: left;

	padding: 10px 5px;

	display: inline-block;

	width: auto;

}

.cont-us p {

	color: #fff;

	float: left;

	display: inline-block;

	width: auto;

	padding-top: 6px;

	margin-left: 30px;

	margin-bottom: 0;

}

.last-foot {

	max-width: 100%;

	margin: 0 auto;

	overflow: hidden;

	padding: 40px 0 20px 0;

	color: #333;

}

.last-foot p {

	display: block;

	text-align: center;

	width: 100%;

	color: #fff;

	font-size: 12px;

	margin: 0;

}

.tw-foot {

	width: 10%;

	float: left;

	margin: 0 0.5%;

}



.tw-foot h2 {
	color        : #fff;
	text-align   : left;
	font-size    : 17px;
	font-weight  : bold;
	margin-bottom: 5px;
	width        : 100%;
}

.tw-foot span {
	color      : #fff;
	text-align : left;
	font-size  : 12px;
	font-weight: normal;
	width      : 100%;
}

.tw-foot a {
	width     : 100%;
	float     : left;
	margin-top: 10px;
}

.tw-foot i {
	color     : #fff;
	text-align: left;
	font-size : 20px;
	width     : 100%;
}





.last-foot a {}

.last-foot a img {}

.last-foot img {

	display: block;

	margin: 0 auto;

}



.categoria {

	width: 100%;

	display: block;

	position: relative;

	float: left;

}

.categoria img {

	width: 100%;

	float: left;

}

.categoria h4 {

	display: block;

	float: left;

	top: 160px;

	color: #fff;

	position: absolute;

	font-weight: 700;

	text-align: center;

}

.categoria p {

	display: block;

	float: left;

	text-align: center;

	margin: 5px 0;

	font-weight: 700;

	color: #fff;

	width: inherit;

	position: absolute;

	top: 60%;

}

.categoria a {

	position: absolute;

	bottom: 12%;

	padding: 10px;

	background: #fff;

	color: #333;

	/* border-radius: 10px; */

	display: block;

	left: 29%;

	transition: 0.7s;

}

.categoria a:hover {

	opacity: 0.6;

	transition: 0.7s;

}

.genero {

	width: 100%;

	display: block;

	position: relative;

	float: left;

}

.genero img {

	width: 100%;

	float: left;

}

.genero h4 {

	display: block;

	float: left;

	top: 80px;

	color: #fff;

	position: absolute;

	font-weight: 700;

	text-align: center;

}

.genero p {

	display: block;

	float: left;

	text-align: center;

	margin: 5px 0;

	font-weight: 700;

	color: #fff;

	width: inherit;

	position: absolute;

	top: 60%;

}

.genero a {

	position: absolute;

	bottom: 25%;

	padding: 10px;

	background: #fff;

	color: #333;

	/* border-radius: 10px; */

	display: block;

	left: 35%;

	transition: 0.7s;

}

.genero a:hover {

	opacity: 0.6;

	transition: 0.7s;

}

.n-m {

	margin: 0 !important;

}

.tipo {

	padding: 10px;

	display: inline-block;

	margin: 0 0 10px 0;

	color: #fff;

}

.info-prod h5 {

	padding: 15px 0;

	font-size: 3rem;

	color: #999;

}

.info-prod h4 {

	padding: 10px 0;

	font-size: 3rem;

}

.info-prod li {

	background-image: url(sqpurple.png);

	background-repeat: no-repeat;

	background-position: 0px 5px;

	padding-left: 18px;

}

.selector {

	width: 100%;

	display: block;

}

.selector label {

	display: block;

	float: left;

	font-size: 14px;

	font-family: 'Open Sans', sans-serif;

	margin: 10px;

	text-align: left;

	width: 128px;

}

.selector select {

	background: #fff;

	border: 1px solid #c2c2c2;

	-webkit-border-radius: 3px;

	border-radius: 3px;

	display: block;

	font-size: 13px;

	float: left !important;

	height: 40px;

	padding: 5px;

	margin: 0px 10px 0 0;

	transition-duration: 0.3s;

	width: 100%;

}

.selector select option {

	padding: 10px;

}

.btn-prod {

	padding: 10px 0;

	font-size: 2rem;

	color: #fff;

	display: block;

	text-align: center;

	margin: 18px 0;

	float: left;

	width: 100%;

	transition: 0.7s;

}

.btn-prod:hover {

	opacity: 0.6;

	transition: 0.7s;

}

.horizontal-line {

	width: 100%;

	float: left;

	height: 2px;

	background: #ccc;

}

.share {

	width: 100%;

	float: left;

	margin: 20px 0;

}

.noticia {

	width: 92%;

	float: left;

	background: #fff;

	padding: 10px;

	position: relative;

	transition: 0.7s;

}

.noticia:hover {

	opacity: 0.6;

	transition: 0.7s;

}

.noticia img {

	width: 100%;

	display: block;

	float: left;

}

.noticia h4 {

	color: #333;

	padding: 5px 0;

	float: left;

	margin-bottom: 0;

	font-size: 18px;

	line-height: 22px;

}

.noticia p strong {

	color: #2ca735;

	font-size: 13px;

	float: left;

	margin-bottom: 0;

	font-weight: normal;

}

.noticia p {

	color: #4c4c51;

	padding: 5px 0;

	float: left;

	margin-bottom: 0;

	font-size: 14px;

	line-height: 20px;

}

/* Proyecto home */



.proyecto-h {

	width: 100%;

	float: left;

	background: #fff;

	margin: 1.5% 0;

	position: relative;

	transition: 0.7s;

}

.proyecto-h:hover {

	opacity: 0.6;

	transition: 0.7s;

}

.proyecto-h figure {

	width: 40%;

	display: block;

	float: left;

}

.proyecto-h figure img {

	width: 100%;

}

.proyecto-h figcaption {

	float: right;

	margin: 0 3%;

	width: 54%;

}

.proyecto-h figcaption h4 {

	color: #333;

	padding: 5px 0;

	float: left;

	margin-bottom: 0;

	font-size: 18px;

	line-height: 22px;

}

.proyecto-h figcaption p strong {

	color: #2ca735;

	font-size: 13px;

	float: left;

	margin-bottom: 0;

	font-weight: normal;

}



.proyecto-h figcaption p {

	color: #4c4c51;

	padding: 5px 0;

	float: left;

	margin-bottom: 0;

	font-size: 14px;

	line-height: 20px;

}







.box-cat {

	width: auto;

	position: absolute;

	top: 39.6%;

	left: 10px;

	background: #ee621e;

	padding: 10px;

	color: #fff;

}



nav#menu-foot {

	width: 100%;

	overflow: hidden;

	margin: 0 auto;

	margin-top: 20px;

}

nav#menu-foot ul {

	overflow: hidden;

}

nav#menu-foot ul li {

	float: left;

	display: block;

	margin: 0 0px;

	overflow: hidden;

	padding-right: 15px;

}

nav#menu-foot ul li a {

	padding: 5px 18px;

	display: block;

	float: left;

	text-decoration: none;

	font-size: 16px;

	font-weight: normal;

	color: #333;

	/* text-transform: uppercase; */

	font-family: 'Open Sans', sans-serif;

	border-right: 1px solid #ccc;

}

nav#menu-foot ul li a:hover {

	/*background-color: #FFF;*/

	color: #999;

}



/* Formulario */



#contact-wrapper-c {

	width: 95%;

	border: none;

	padding-bottom: 30px;

	margin: 0 auto;

	overflow: hidden;

	float: right;

}



#contact-wrapper-c div {

	clear: both;

	margin: 1em 0;

}



#contact-wrapper-c label {

	display: block;

	float: left;

	font-size: 14px;

	font-family: 'Open Sans', sans-serif;

	margin: 20px 0 0px 0;

	text-align: left;

	width: auto;

}



form#contactform-c input {

	border: 1px solid #ccc;

	-webkit-border-radius: 3px;

	border-radius: 3px;

	display: block;

	font-size: 13px;

	float: right !important;

	height: 40px;

	padding: 0 15px 0 15px;

	margin: 10px;

	transition-duration: 0.3s;

	width: 93.6%;

}



form#contactform-c input:hover {

	-webkit-box-shadow: 0px 0px 5px 0px #e0e0e0;

	box-shadow: 0px 0px 5px 0px #e0e0e0;

	transition-duration: 0.3s;

}



form#contactform-c textarea {

	background: #fff;

	border: 1px solid #c2c2c2;

	-webkit-border-radius: 3px;

	border-radius: 3px;

	display: block;

	font-size: 13px;

	float: right !important;

	padding: 10px 15px;

	margin: 10px;

	transition-duration: 0.3s;

	width: 92%;

	font-family: 'Open Sans', sans-serif;

}



form#contactform-c textarea:hover {

	-webkit-box-shadow: 0px 0px 5px 0px #e0e0e0;

	box-shadow: 0px 0px 5px 0px #e0e0e0;

	transition-duration: 0.3s;

}



form#contactform-c select {

	background: #fff;

	border: 1px solid #c2c2c2;

	-webkit-border-radius: 3px;

	border-radius: 3px;

	display: block;

	font-size: 13px;

	float: right !important;

	height: 40px;

	padding: 5px;

	margin: 20px 10px 0 0;

	transition-duration: 0.3s;

	width: 98%;

}



form#contactform-c select option {

	padding: 10px;

}



form#contactform-c input.check {

	background: #fff;

	border: 1px solid #c2c2c2;

	display: block;

	float: left !important;

	height: auto !important;

	width: auto !important;

	margin: 0 !important;

}



.link-n {
	color          : #fff !important;
	text-decoration: underline;
}

.link-n:hover {
	text-decoration: none;
}



.btn-c {

	background: #666 !important;

	border: 0 !important;

	color: #fff !important;

	font-family: 'Open Sans', sans-serif;

	font-size: 14px !important;

	font-weight: normal;

	padding: 10px 15px !important;

	text-decoration: none;

	transition-duration: 0.3s;

	float: left;

	margin: 5px !important;

	-webkit-border-radius: 5px;

	border-radius: 5px;

	width: auto !important;

	height: auto !important;

}



.btn-c:hover {

	background: #999 !important;

	text-decoration: none !important;

	transition-duration: 0.3s !important;

}

.brand {

	width: 100%;

}

.brand img {

	width: 100%;

	float: left;

}

.brand img {

	opacity: 0.6;

	transition: 0.7s;

}

.brand img:hover {

	opacity: 1;

	transition: 0.7s;

}

.top-banner {

	width: 100%;

	height: auto;

}

.top-banner img {

	width: 100%;

	height: auto;

	text-align: center;

}

.grey {

	background: #f3f3f3;

}

.d-grey {

	background: #e3e3e3;

}

.txt-grey {

	padding: 40px 48px;

	min-height: 240px;

	max-height: 240px;

}

.txt-grey h4 {

	font-size: 3rem;

	color: #333;

	padding-bottom: 20px;

}

.txt-grey p {

	color: #333;

	font-size: 1.8rem;

	line-height: 2.5rem;

}

.info-prod {

	width: 95%;

	height: auto;

	padding: 2% 2%;

}

.info-prod h2 {

	padding: 15px 0;

	font-size: 5rem;

	color: #3e3e3e;

	font-weight: 100;

}

.info-prod p {

	padding: 10px 0;

	font-size: 1.6rem;

	line-height: 3rem;

}

.info-prod li {

	background-image: url(sqpurple.png);

	background-repeat: no-repeat;

	background-position: 0px 5px;

	padding-left: 18px;

}

.info-c {}

.info-c p {

	border-bottom: 1px solid #ccc;

	padding: 10px 0;

}



/*** PAGINADOR ***/



#paginado {

	display: block;

	width: 100%;

	margin-top: 30px;

	margin-bottom: 10px;

	text-align: center;

	float: left;

}



/* paginado */

#paginado a {
	font-family    : 'Ubuntu', sans-serif;
	font-size      : 11px;
	padding        : 10px;
	color          : #999999;
	border         : 1px solid #e4e4e4;
	text-decoration: none;
	width          : auto !important;
	margin         : 1px !important;
	float          : none;
	display        : inline-block;
}

#paginado a:hover {
	color : #0e628b;
	border: 1px solid #0e628b;
}



#paginado a.paginado-marca {
	background: #0e628b;
	color     : #fff;
	border    : 2px solid #0e628b;
}







.buscador {

	width: 30%;

	float: left;

	margin: 35px 25px;

}

.buscador-rap {

	float: left;

}

.buscador-rap input {

	float: left;

	width: 230px !important;

	padding: 10px;

	color: #fff;

	border: 1px solid #ccc;

	/* border-bottom: 1px solid #535353 !important; */

	background: #ccc;

	margin-left: 10px;

	margin-top: 7px;

	height: 35px;

}

.buscador-rap input[type="text"]::-webkit-input-placeholder {

	color: white;

}

.buscador-rap a {

	float: left;

	/* margin-left: 5px; */

	border: 0;

	padding: 19px;

	background-color: #666;

	margin-top: 7px;

}

.buscador-rap a img {

	padding: 0;

	border: 0;

}

.mini-logo {

	width: 28%;

	float: left;

	height: auto;

	display: inline-block;

}

.mini-logo img {

	width: 85%;

	float: left;

}

.ficha figcaption {

	float: right;

	display: inline-block;

	width: 65%;

}

.ficha figcaption h4 {

	font-size: 4rem;

	font-weight: 100;

	line-height: 4.5rem;

}

.ficha p {

	float: left;

}

.ficha figcaption p {

	font-size: 1.4rem;

	font-weight: 400;

	line-height: 3rem;

}

.ficha figcaption p strong {

	font-weight: 700;

}

.ficha-sel {

	width: 47%;

	float: left;

	/* display: inline-block; */

	padding: 0;

	margin: 2% 1.5% 4% 1.5%;

}

.ficha-sel select {

	background: #fff;

	border: 1px solid #c2c2c2;

	-webkit-border-radius: 3px;

	border-radius: 3px;

	display: block;

	font-size: 13px;

	float: left !important;

	height: 40px;

	padding: 5px;

	margin: 20px 10px 0 0;

	transition-duration: 0.3s;

	width: 100%;

}



.ficha-sel select option {

	padding: 10px;

}

.big-btn {

	width: 90%;

	float: left;

	margin: 10px 0;

	padding: 5px 30px;

	background-color: #333;

	color: #fff;

}

.big-btn:hover {

	color: darkseagreen;

	transition: 0.7s;

	opacity: 0.7;

}

.big-btn p {

	float: left;

	width: auto;

	padding-top: 15px;

}

.big-btn span {

	float: right;

	font-size: 2rem;

	padding-top: 15px;

}

.mobile-slide {

	display: none;

	width: 100%;

}

.share-new {

	float: left;

	width: 100%;

	text-align: right;

	margin-top: 20px;

}

.share-new a {

	display: inline-block;

	padding: 10px 10px;

	color: #fff;

	border-radius: 0px;

	font-size: 20px;

	margin-left: 5px;

}

.share-new a:hover {

	border-radius: 20px;

}

.share-new a span {

	font-size: 13px;

	display: inline-block;

	vertical-align: middle;

}

a.fb {

	background: #4460ae;

}

a.tt {

	background: #058cb9;

}

a.gp {

	background: #dc3329;

}

a.wh {

	background: #71c03e;

	display: none;

}

.info-head {

	color: #fff;

	padding: 8px 0;

	font-size: 1.2rem;

	float: right !important;

	margin-bottom: 0;

	text-align: right;

}

.calendar {

	width: auto;

	background: #e4f1f7;

	padding: 10%;

	float: left;

	position: relative;

}

.calendar h4 {

	font-size: 1.8rem;

	color: #333333;

}

.calendar p {

	font-size: 1.4rem;

	font-style: italic;

	color: #333;

	margin-bottom: 0;

}

.calendar p strong {

	font-size: 1.4rem;

	font-style: italic;

	color: #0078b2;

}

.line-calendar {

	width: 40%;

	border-bottom: 2px solid #333;

	height: 1px;

	margin: 10px 0;

}

.calendar-detail {

	width: 25px;

	height: 25px;

	position: absolute;

	top: 0;

	right: 0;



	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b6d5e4+51,ffffff+51 */



	background: rgb(182, 213, 228);
	/* Old browsers */



	background: -moz-linear-gradient(45deg, rgba(182, 213, 228, 1) 51%, rgba(255, 255, 255, 1) 51%);
	/* FF3.6+ */



	background: -webkit-gradient(linear, left bottom, right top, color-stop(51%, rgba(182, 213, 228, 1)), color-stop(51%, rgba(255, 255, 255, 1)));
	/* Chrome,Safari4+ */



	background: -webkit-linear-gradient(45deg, rgba(182, 213, 228, 1) 51%, rgba(255, 255, 255, 1) 51%);
	/* Chrome10+,Safari5.1+ */



	background: -o-linear-gradient(45deg, rgba(182, 213, 228, 1) 51%, rgba(255, 255, 255, 1) 51%);
	/* Opera 11.10+ */



	background: -ms-linear-gradient(45deg, rgba(182, 213, 228, 1) 51%, rgba(255, 255, 255, 1) 51%);
	/* IE10+ */



	background: linear-gradient(45deg, rgba(182, 213, 228, 1) 51%, rgba(255, 255, 255, 1) 51%);
	/* W3C */



	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b6d5e4', endColorstr='#ffffff', GradientType=1);
	/* IE6-9 fallback on horizontal gradient */





}

.b-ban {

	padding: 23px;

	float: left;

	min-height: 110px;

	transition: 0.8s;

}

.b-ban:hover {

	opacity: 0.7;

	transition: 0.8s;

}

.b-ban h4 {

	font-size: 3rem;

	color: #fff;

}

.b-ban p strong {

	font-size: 1.8rem;

	color: #fff;

	font-weight: 700;

	text-transform: uppercase;

}

.b-ban p {

	font-size: 1.4rem;

	color: #fff;

	font-weight: 300;

	margin-bottom: 10px;

}

.b-f {

	background: url(../imagenes/b-f-1.jpg) bottom center no-repeat;

	background-size: 100%;

}

.loadmore {

	padding: 10px;

	background: #ddd;

	color: #fff;

	text-transform: uppercase;

	letter-spacing: 3px;

	font-weight: 700;

	text-align: center;

	cursor: pointer;

	margin: 10px 4px;

	display: none;

}



.loadmore:hover {

	background: #333;

}



.txt-orange {

	padding: 16px;

	border-right: 1px solid #e67223;

	width: 85%;

	text-align: right;

	margin-bottom: 20px;

}

.txt-orange p {

	font-size: 1.5rem;

	color: #e67223;

	font-style: italic;

	line-height: 3rem;

}

.txt-orange-dos {

	padding: 16px;

	border-left: 1px solid #e67223;

	width: 85%;

	text-align: left;

	margin-bottom: 20px;

}

.txt-orange-dos p {

	font-size: 1.5rem;

	color: #e67223;

	font-style: italic;

	line-height: 3rem;

}

#menu-footer {

	padding-left: 20px;

}

#menu-footer li {

	margin-bottom: 10px;

	width: 90%;

	border-bottom: 1px solid #ccc;

	padding-bottom: 5px !important;

	padding-top: 10px;

}

#menu-footer li a {

	color: #666;

	/* border-bottom: 1px solid #666; */

	line-height: 1.6rem !important;

	padding-bottom: 5px;

	width: 100%;

}

#menu-footer li a:hover {

	color: #ccc;

}

.s-col {

	width: 32% !important;

	margin: 0.5% !important;

}



.box-botonera-2 {
	min-height: 65px;
	width     : 52%;
	text-align: center;
}







/* ==========================================================================

   Media Queries

   ========================================================================== */

/* Estilos para dispositivos de tipo ipad en formato portrait */

@media only screen and (max-width: 768px) {

	.desaparecer {

		display: none !important;

	}

	.aparecer {

		display: block !important;

	}

	.wrap {

		width: 100%;

	}


	.w-80 {
		width  : 90%;
		padding: 0 5%;
	}

	.w-20 {
		width  : 90%;
		padding: 0 5%;
	}

	.w-40 {
		width  : 90%;
		padding: 0 0;
	}

	.w-50 {
		width  : 90%;
		padding: 0 5%;
	}

	.w-55 {
		width  : 90%;
		padding: 0 5%;
	}

	.bg-home-01 h2 {
		font-size: 30px;
	}

	.bg-home-01 h3 {
		font-size  : 22px;
		line-height: 28px;
	}

	.alt-50 {
		height: 30px;
	}

	.bg-home-02 {
		background: url(../imagenes/bg-next-generation.jpg) left;
	}

	.bg-qs {
		background: #dadada;
	}

	.box-botonera-2 {
		width: 100%;
	}



	.cd-dropdown-trigger {

		display: block;

		top: 62px;

	}

	header #logo {

		/*width: 200px;*/

		margin-left: 15px;

	}

	.contenedor-caption {

		width: 95% !important;

		margin-left: 0% !important;

		margin-right: 5% !important;

		/*		background: rgba(255, 255, 255, 0.5);*/

	}

	.contenedor-caption h1 {

		font-size: 3rem !important;

	}

	.contenedor-caption p {

		display: none !important;

	}

	.theme-default .nivoSlider {

		min-height: 0 !important;

	}

	#menu-footer {

		display: none;

	}

	#datos-footer {

		width: 96%;

	}

	.newsletter {

		width: 96%;

	}

	footer {

		background: #fff;

	}

	.fb-like {

		width: 96%;

		margin: 2%;

	}

	.like-fb {

		display: none;

	}

	#datos-footer ul li {

		text-align: center;

	}

	.cont-4 a {

		width: 45%;

	}

	.navegacion nav {

		display: none;

	}

	.asociados a {

		width: 45%;

	}

	.navegacion {

		width: 90% !important;

		padding: 5%;

		margin: -40px 0 20px 0;

	}

	.cont-5 a {

		width: 45% !important;

	}

	form.contacto div label {

		width: 100%;

	}

	form.contacto div label {

		width: 100%;

	}

	form select {

		width: 100%;

	}

	form input[type="text"] {

		width: 97%;

	}

	.euro strong {

		font-size: 25px;

	}

	.hora div p {

		font-size: 1.2rem;

	}

}

/* Estilos para smartphones tipo iphone */

@media only screen and (max-width: 640px) {

	.contenedor section {

		width: 100%;

		display: block;

	}

	.iframe-buscador,
	.bnr-135x164px {

		display: none;

	}


	.slide-responsive figure {
		float: left;
	}

	.slide-responsive figure img {
		width : 100%;
		height: auto;
	}





	.contenedor aside {

		width: 100%;

		margin: 0;

	}

	.contenedor-caption {

		top: 50% !important;

		position: absolute;

	}

	.contenedor-caption h1 {

		font-size: 3rem !important;

		/*		text-shadow: 0px 2px 5px rgba(0,0,0,0.5);*/

		font-weight: 500 !important;

		padding-bottom: 10px;

	}

	.nivoSlider img {

		height: 100% !important;

		width: auto !important;

		height: 450px !important;

		margin-left: -20%;

	}

	.nivo-caption {

		bottom: 0px;

		top: auto;

	}

	.nivo-controlNav {

		display: none;

	}

	.cont-4 a {

		width: 96%;

	}

	.cont-quienes-somos figure {

		width: 100% !important;

		margin: 0 !important;

	}

	.asociados a {

		width: 96%;

		min-height: 0;

	}

	.buscar-rubro form select {

		float: left;

		height: 50px;

		width: 200px;

	}

	.cont-5 a {

		width: 96% !important;

	}

	form textarea {

		width: 95%;

		padding: 2%;

	}

	.euro-hora div,
	.euro-hora div {

		width: 92%;

		height: auto;

		overflow: hidden;

	}

	.btn-slide {

		display: block !important;

		margin-top: 10px;

		font-size: 1.5rem !important;

	}

	.box-iconos figcaption {
		margin    : 1%;
		display   : inline-block;
		width     : 45%;
		text-align: center;
	}

	.titulo-circline h2 {
		font-weight: 500;
		padding    : 8.5% 0 !important;
		font-size  : 27px !important;
	}

	.btn {
		width: 86%;
	}

	header #logo {
		width: 60%;
	}

	.imagen-principal {
		background: #0d3843 url(../imagenes/slide-mg2-responsive.jpg) center top !important;
	}

	.box-solicita {
		text-align: center;
	}


	.box-solicita h3 {
		font-size: 24px !important;
	}







	.contenedor-noticias article {
		width : 80%;
		margin: 10%;
	}

	.banner h4 {

		top: 20%;

		padding: 0;

		margin-left: 25px;

		width: auto;

	}

	.banner p {

		display: none;

	}

	.mid-banner a {

		top: 52%;

		left: 95px;

	}

	.mid-banner p {

		display: none;

	}

	.hack-txt {

		top: 35% !important;

	}

	.producto {

		width: 96%;

		margin: 1.8%;

		min-height: 400px;

	}

	.producto img {

		width: 90%;

		float: left;

		padding: 5%;

	}

	.cont-us div {

		width: 100%;

		float: left;

		text-align: center;

	}

	.cont-us a {

		font-size: 1.6rem;

	}

	.cont-us p {

		font-size: 1.6rem;

	}

	.hack-mid {

		width: 100% !important;

		margin: 1% !important;

	}

	.big-title {

		padding: 0 10px;

		width: 93%;

	}

	.big-title h3 {

		font-size: 2.2rem;

	}

	.crumbreed a {

		font-size: 1.2rem;

	}

	.categoria h4 {

		top: 60px;

	}

	.categoria a {

		bottom: 20%;

		left: 14%;

		display: block;

	}

	.n-m {

		margin: 1% !important;

	}

	.info-prod {

		padding: 10px;

	}

	.noticia {

		width: 84%;

		margin: 2%;

	}

	.noticia p {

		display: none;

	}

	#contact-wrapper-c {

		float: left;

	}

	#contact-wrapper-c label {

		display: block;

		float: left;

		font-size: 14px;

		font-family: 'Open Sans', sans-serif;

		margin: 5px 10px;

		text-align: left;

		width: auto;

	}

	form#contactform-c input {

		float: left !important;

		padding: 0 10px;

		margin: 20px 0px 12px 10px;

		width: 85%;

	}

	form#contactform-c textarea {

		padding: 8px;

		margin: 8px 10px 0 0;

		width: 86%;

		float: left !important;

		margin-left: 10px;

	}

	.buscador {

		display: none;

	}

	.carro {

		display: none;

	}

	.w-25 {

		width: 48%;

	}

	.categoria p {

		display: none;

	}

	.producto p {

		display: none;

	}

	.producto h4 {

		width: auto;

		font-size: 2rem;

	}

	.agregar-carro {

		left: 10px;

	}

	/*.etiqueta-nuevo{

		font-size: 12px;

		padding: 8px;

	}

	.etiqueta-oferta{

		font-size: 12px;

		padding: 8px;

	}*/

	.genero h4 {

		font-size: 26px;

		top: 40px;

		color: #fff;

		text-shadow: 1px 1px 2px #363636;

	}

	.genero {

		height: 150px;

		overflow: hidden;

	}

	.genero a {

		font-size: 10px;

		left: 12%;

		bottom: 12%;

	}

	.genero img {

		opacity: 0.8;

		width: 170%;

		margin-left: -40px !important;

	}

	.w-50 {

		width: 100%;

	}

	.ficha {

		margin: 4%;

		margin-top: 10%;

	}

	.ficha figcaption h4 {

		font-size: 2.5rem;

		line-height: 3rem;

	}

	.big-btn {

		width: 80%;

	}

	#example3 {

		display: none !important;

	}

	.mobile-slide {

		display: block;

	}

	.share-new {

		text-align: center;

	}

	a.wh {

		display: inline-block;

	}

	.share-new {

		text-align: center;

	}

	.share-new a {

		width: 15%;

		margin: 0;

		text-align: center;

	}

	.share-new a span {

		display: none;

	}

	nav#menu-foot {

		padding-left: 25px;

	}

	nav#menu-foot ul li a {

		border-right: inherit;

	}

	.last-foot {

		text-align: center;

	}

	.last-foot img {

		padding-left: 25px;

	}

	.last-foot a img {}

	.txt-grey {

		padding-bottom: 150px;

	}

	footer span {
		width     : 100%;
		text-align: center;
	}

	.s-col {

		width: 47%;

		margin: 1%;

	}

	.foot-telefono {
		width : 88%;
		margin: 5%;
	}

	.indica {
		background           : #0e5b81;
		border               : 1px solid #2177a1;
		width                : 90%;
		margin               : 0 5%;
		-webkit-border-radius: 15px;

		border-radius: 15px;
	}



}



/*MENSAJE DE ERROR*/

.error-message,
label.error {

	display: block;

	color: #EC0101;

	font-family: Verdana, Geneva, sans-serif;

	font-size: 9px;

	font-weight: bold;

	margin: 0;

}



@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 1) {



	header #logo {
		margin: 0 0 0 20px;
	}

	header nav#menu-principal {
		width : 100%;
		float : left;
		margin: 10px 0;
	}

	nav#menu-principal ul#menu li a {
		font-size: 16px !important;
		padding  : 10px 18px !important;
	}



	.btn {
		width: 18%;
	}

	.nivo-caption {
		bottom: 0;
		top   : 280px !important;
	}

	.theme-default .nivoSlider {
		min-height: 300px !important;
	}

	.store {
		bottom: 80px !important;
	}



	.desaparecer2 {
		display: none !important;
	}

	.aparecer {
		display: block !important;
	}

}

.social-circle {
	display              : inline-block;
	position             : relative;
	cursor               : pointer;
	width                : 50px;
	height               : 50px;
	border               : 2px solid #fff;
	padding              : 0px;
	text-decoration      : none;
	text-align           : center;
	color                : #fff;
	font-size            : 25px;
	font-weight          : normal;
	line-height          : 2em;
	border-radius        : 27px;
	-moz-border-radius   : 27px;
	-webkit-border-radius: 27px;
	display              : block;
	margin-left          : auto;
	margin-right         : auto;
	margin-bottom        : 5px;
}

.social-circle:hover {
	background-color: #FFFFFF;
	color           : #297cc3;
	border          : 2px solid #FFFFFF;
}




/***
CUSTOM 2
***/

.social-box-twitt {
	max-width: 600px;
	width    : 80%;
	margin   : 4em auto;
}

.up:hover {
	background: rgba(255, 255, 255, 0.83);
}

.up:hover i {
	border-color: rgb(6, 142, 202);
}


.up {
	position     : fixed;
	bottom       : 99px;
	right        : 15px;
	color        : white;
	z-index      : 999;
	background   : rgba(6, 142, 202, 0.82);
	border       : 3px solid #068eca;
	border-radius: 50%;
	transition   : all .3s;
	cursor       : pointer;
	height       : 60px;
	width        : 60px;
}

.box-equipo-3 {
	width: 31.333333%;
}

.trades-porcentajes img {
	max-width: 800px;
	width    : 90%;
}

.trades-porcentajes {
	text-align: center;
	padding   : 4em 0 0 0;
	float     : left;
	width     : 100%;
}

.row-general {
	overflow: hidden;
}

.cover-img-instrumentos {}

.img-instrumentos {
	width  : 90%;
	display: block;
	margin : 0 auto;
}

@media only screen and (max-width: 768px) {
	.box-equipo {
		width   : 90%;
		float   : none;
		overflow: hidden;
		margin  : 35px auto;
	}
}

@media only screen and (max-width: 480px) {
	.box-equipo {
		/* width: 98%; */
	}
}

.responsive-image {
	width    : 100%;
	max-width: 200px;
}

.h2prueba {
	font-size: 15em;
}

.parrafo p.small {
	font-size  : .8em;
	line-height: 1.5em;
}

.mt-20 {
	margin-top: 20px;
}

.rec_tel {
	background   : #137ed0;
	color        : white !important;
	border-radius: 4px;
	padding      : 2px 10px 4px 10px;
	font-size    : .9em;
	display      : inline-block;
	margin       : 2px 4px;
}

.firma img {
	width: auto;
}

.menu-footer {
	margin-bottom: 30px;
}

.menu-footer a {
	color: #fff;
}

.menu-footer h2 {
	color         : #fff;
	margin-bottom : 8px;
	text-transform: uppercase;
}

.menu-footer>ul {
	display        : flex;
	max-width      : 900px;
	justify-content: space-between;
	margin         : 0 auto;
	flex-wrap      : wrap;
}

.menu-footer ul ul li {
	color          : #fff;
	list-style-type: disc;
	line-height    : 22px;
	margin-bottom  : 4px;
}

.menu-footer ul ul li a {
	font-size: 15px;
}

.contain-w70 {
	padding: 0 20px;
}

.cont-1200 {
	padding: 0 20px;
}


#cfds-bloque {
	min-height     : 600px;
	display        : flex;
	margin         : 0;
	float          : none;
	align-items    : flex-start;
	flex-direction : column;
	justify-content: center;
}


@media (min-width: 1220px) {
	.texts-cfd-que {
		width: 55% !important;
	}
}

@media (max-width: 1220px) {
	#somos .w-55 {
		width: 40%;
	}
}


@media (min-width: 1024px) {
	.contain-w70 {
		width: 70%;
	}
}

@media (max-width: 1024px) {
	.inner-header #menu-principal {
		width: auto !important;
		float: none;
	}

	#intrumentos-boxes .box-ico-txt-48-2 {
		width: 31%;
	}

	#cfds-bloque p {
		color      : #fff;
		text-shadow: 2px 2px black;
	}

	#cfds-bloque h1 {
		color      : #fff;
		text-shadow: 2px 2px black;
	}
}


@media (min-width: 769px) {
	.cd-dropdown-wrapper {
		display: none !important;
	}
}

@media (max-width: 900px) {
	.menu-footer {
		padding: 0 20px;
	}

	.menu-footer ul {}

	.menu-footer ul>li {
		margin-bottom: 25px;
	}

	.menu-footer li {
		text-align: left;
	}
}

.inner-header {
	padding        : 21px 0;
	overflow       : hidden;
	display        : flex;
	align-items    : center;
	justify-content: space-between;
}

.inner-header #logo {
	margin: 0;
}

.inner-header #menu-principal {
	margin: 0;
}

.bloques-noso {
	display        : flex;
	justify-content: space-between;
	width          : 100%;
	flex-wrap      : wrap;
}

.bg-cover {
	background-size: cover;
}

.botones-ng-noso {
	clear          : both;
	width          : 100%;
	margin-top     : 61px;
	display        : flex;
	align-items    : center;
	justify-content: flex-start;
	flex-wrap      : wrap;
	flex-direction : row;
}

.botones-ng-noso a:first-child {
	max-width    : 217px;
	width        : 100%;
	margin-bottom: 21px;
}

.botones-ng-noso a:last-child {
	max-width    : 153px;
	width        : 100%;
	margin-bottom: 21px;
}

.up .arrow {
	border      : solid #fff;
	border-width: 0 3px 3px 0;
	display     : inline-block;
	padding     : 3px;
}

.up .upp {
	transform        : rotate(-135deg);
	-webkit-transform: rotate(-135deg);
}

.slide-movil {
	display: none;
}

.salto-por {
	font-weight: 300 !important;
	font-family: 'Lato', sans-serif !important;
	color      : #3c3c3c !important;
}

@media (max-width: 768px) {
	.bloques-noso .box-ico-txt-48 figcaption {
		width: 70%;
	}

	#somos .w-55 {
		width  : 100%;
		padding: 0;
	}

	#somos .alt-30 {
		display: none;
	}

	.cd-dropdown-wrapper {
		display: inline-block !important;
	}

	.inner-header {
		padding: 21px 0;
	}

	#next-generation .w-50 {
		width: auto !important;
	}

	.w-50 {
		padding: 0 !important;
	}

	#intrumentos-boxes {
		display  : flex;
		flex-wrap: wrap;
		width    : 100%;
	}

	#intrumentos-boxes .box-ico-txt-48-2 {
		width: 47%;
	}

	.bg-cfd {
		background-position: left;
	}

	.w-40 {
		width: 100%;
	}

	.contenedor-cenefa h2 {
		width: 100%;
	}

	.slide-responsive {
		display: block;
		width  : 100%;
	}

	.slide-movil {
		display: block;
	}

	.slide-web {
		display: none;
	}

	.slide-responsive .btn.b-calipso {
		min-width: 184px;
		width    : auto;
	}

	.img-der-bono {
		width     : 100%;
		margin-top: 35px;
	}

}


@media (max-width: 706px) {
	#intrumentos-boxes {
		width         : 100%;
		flex-direction: column;
	}

	#intrumentos-boxes .box-ico-txt-48-2 {
		width     : 100%;
		background: #fafafa;
		margin    : 0 0 21px 0;
		min-height: inherit;
	}
}


@media (max-width: 640px) {
	#ng-block-1 {
		display        : flex;
		flex-direction : column;
		justify-content: center;
		align-items    : center;
		flex-wrap      : wrap;
	}

	#ng-block-1 .img-resp {
		margin-bottom: 20px;
	}

	#ng-block-1 .ul-ng {
		width: 100%;
	}

	#ng-block-2 {
		display        : flex;
		flex-direction : column;
		align-items    : center;
		justify-content: center;
		flex-wrap      : wrap;
	}

	#ng-block-2 ul {
		width: 100%;
	}

	#ng-block-3 {
		display        : flex;
		flex-direction : column;
		align-items    : center;
		justify-content: center;
		flex-wrap      : wrap;
	}

	#ng-block-3 ul {
		width: 100%;
	}



}

@media (max-width: 600px) {
	.bloques-noso .box-ico-txt-48 {
		width: 100%;
	}

	.bloques-noso .box-ico-txt-48 figcaption {
		width: 100%;
	}

	.bloques-noso .box-ico-txt-48 i {
		margin         : 0 auto 26px auto;
		width          : 69px;
		display        : flex;
		align-items    : center;
		overflow       : hidden;
		float          : none;
		justify-content: center;
	}

	.tab-content .inner-tab {
		display       : flex;
		flex-direction: column;
		align-items   : center;
	}

	.tab-content .inner-tab img {
		margin: 10px 0;
	}

	.tab-content .inner-tab ul {
		width: 100% !important;
	}

	.tab-content .inner-tab ul li {
		font-size: 18px !important;
	}

	.last-foot .firma img {
		padding-left: 0;
	}

	.bloques-noso i::before {
		width: auto;
	}

	.bloques-noso i {
		height: 67px;
	}

	.bg-home-06 .w-70,
	.bg-home-05 .w-70,
	.bg-home-04 .w-70,
	.bg-home-03 .w-70 {
		width: 100%;
	}

	span.salto-por {
		display: block;
	}

	#nosotros-bloque-prin .bloques-noso i {
		height   : 67px;
		font-size: 2.7em;
	}

}

@media (max-width: 500px) {
	.titulo-bb {
		font-size: 40px;
	}

	.menu-footer ul {
		flex-direction: column;
	}

	.links-foot {
		line-height: 27px;
	}

}

.hidden {
	overflow: hidden;
}

.nivo-caption .b-calipso {
	min-width: 302px;
}

nav#menu-principal ul#menu li a {
	min-width : 81px !important;
	padding   : 4px 10px !important;
	text-align: center !important;
}

@media only screen and (max-width: 768px) {
	.w-80 {
		width  : 100% !important;
		padding: 0 !important;
	}

	.w-55 {
		width  : 100% !important;
		padding: 0 !important;
		float  : none !important;
	}
}