/* jj styles */

.color-000 {
	color: #000 !important;
}

.color-222 {
	color: #222 !important;
}

.color-444 {
	color: #444 !important;
}

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

.color-logo {
	color: #13216a !important;
}

.fuente-logo {
	font-family: 'blair-light' !important;
}

.fuente-logo2 {
	font-family: 'myriadpro-light' !important;
}

.tam-10 {
	font-size: 10px !important;
}

.tam-12 {
	font-size: 12px !important;
}

.tam-14 {
	font-size: 14px !important;
}

.tam-16 {
	font-size: 16px !important;
}

.tam-18 {
	font-size: 18px !important;
}

.tam-20 {
	font-size: 20px !important;
}

.tam-22 {
	font-size: 22px !important;
}

.tam-60 {
	font-size: 60px !important;
}

.width-730 {
	max-width:730px;
}

.centrado {
	margin: 0 auto;
}

.pad-10 {
	padding: 10px;
}

.pad-40 {
	padding: 40px;
}

.pad-top-bottom-20 {
	padding: 20px 0 !important;
}

.pad-top-bottom-60 {
	padding: 60px 0 !important;
}

.pad-top-20 {
	padding-top: 20px!important;
}

.pad-top-40 {
	padding-top: 40px!important;
}

.pad-top-60 {
	padding-top: 60px!important;
}

.pad-bottom-20 {
	padding-bottom: 20px!important;
}

.pad-bottom-40 {
	padding-bottom: 40px!important;
}

.pad-bottom-60 {
	padding-bottom: 60px!important;
}

.pad-right-20 {
	padding-right: 20px!important;
}

.pad-right-40 {
	padding-right: 40px!important;
}

.pad-left-right-40 {
	padding-left: 40px!important;
	padding-right: 40px!important;
}

.pad-left-right-10 {
	padding-left: 10px!important;
	padding-right: 10px!important;
}

.mar-bottom-10 {
	margin-bottom: 10px!important;
}

.mar-bottom-40 {
	margin-bottom: 40px!important;
}

.mar-bottom-60 {
	margin-bottom: 60px!important;
}

.border-top-blue {
	border-top: 2px #13216a solid;
}

.fondo-blanco-trans {
	background-color:rgba(255,255,255,0.6);
}

.bordes-abajo-red {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius:4px;
}

/* LINKS */

a.enlace_azul {
	color: #337ab7;
	text-decoration: none;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

a.enlace_azul:focus, a.enlace_azul:hover {
	color: #23527c;
}

/* ICON */

div.jj-icon{
	width:70px;
	height: 70px;
	display: inline-block;
	background-color:#2a2a2a;
	border-top-left-radius: 7px;
	border-bottom-right-radius:7px;
	position: relative;
	font-size:28px;
	line-height: 70px;
}

div.jj-icon i{
	position: relative;
	color: white;
}

/* IMAGE */

img.redim {
	width: 100% !important;
	max-width: 100% !important;
	height: auto;
}

/* images */

div.marca {
	width: 19.5%;
	position: relative;
	height: auto;
	display: inline-block!important;
	margin-bottom: 10px;
}

div.w30 {
	width: 30%;
	position: relative;
	height: auto;
	display: inline-block!important;
}

div.w24 {
	width: 24%;
	position: relative;
	height: auto;
	display: inline-block!important;
}

a.changeable-img img{
	opacity: 0.8;
    /*filter: alpha(opacity=40);*/
    /*width: 100%;*/
    max-width: 100%;

    -webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

a.changeable-img img:hover{
	opacity: 1.0;
    /*filter: alpha(opacity=100);*/
}

a.no-changeable-img img{
}

/*a.changeable-img:before{
	width:35px;
	height: 70px;
	content:'';
	position: absolute;
	right: 0;
	top: 0;
	display: inline-block;
	background-color:#3a3a3a;
	border-top-left-radius: 7px;
	border-bottom-right-radius:7px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

a.changeable-img:after{
	width:100%;
	height: 100%;
	display: block;
	background-color:transparent;
	content: '';
	left:0;
	border:1px solid #3a3a3a;
	top:0;
	opacity: 0;
	border-top-left-radius: 7px;
	border-bottom-right-radius:7px;
	position: absolute;
	font-size:28px;
	line-height: 70px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

a.changeable-img:after{
	opacity: 1;
	-webkit-transform: scale(1.12);
	-moz-transform: scale(1.12);
	-ms-transform: scale(1.12);
	transform: scale(1.12);
}*/

.blue{
	color: steelblue !important;
}

.border_abajo {
	border-bottom:1px solid steelblue;
	margin-bottom: 15px;
}

.border_abajo2 { 
    margin: 25px 0;
    height: 1px;
    background: steelblue;
    background: -webkit-gradient(linear, 0 0, 100% 0, from(white), to(white), color-stop(50%, steelblue));
}

.fondo1 {
	background-image:url(../images/fondo_darlim_1.jpg);
	background-position: center center;
	background-size: auto;
	background-repeat: no-repeat;
	/*background-color:rgba(255,255,255,0.2);*/
	padding: 10px 0px 10px 0px;
	/*opacity: 0.3;*/
	border-radius: 4px;
}

.fondo2 {
	background-image:url(../images/fondo_darlim_2.jpg);
	background-position: center center;
	background-size: auto;
	background-repeat: no-repeat;
	/*background-color:rgba(255,255,255,0.2);*/
	padding: 10px 0px 10px 0px;
	/*opacity: 0.3;*/
	border-radius: 4px;
}

.fondo3 {
	background-image:url(../images/fondo_darlim_3.jpg);
	background-position: center center;
	background-size: auto;
	background-repeat: no-repeat;
	/*background-color:rgba(255,255,255,0.2);*/
	padding: 10px 0px 10px 0px;
	/*opacity: 0.3;*/
	border-radius: 4px;
}

.fondo4 {
	background-image:url(../images/fondo_darlim_4.jpg);
	background-position: center center;
	background-size: auto;
	background-repeat: no-repeat;
	/*background-color:rgba(255,255,255,0.2);*/
	padding: 10px 0px 10px 0px;
	/*opacity: 0.3;*/
	border-radius: 4px;
}

.texto_con_fondo {
	background-color:rgba(0,0,0,0.5);
}

.texto_con_fondo_blanco {
	background-color:rgba(255, 255, 255, 1);
}

.separacion {
	border-bottom: 1px solid steelblue;
	width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
}

.separacion2 { 
    margin: 0 0 25px 0;
    height: 1px;
    background: steelblue;
    background: -webkit-gradient(linear, 0 0, 100% 0, from(white), to(white), color-stop(50%, steelblue));
}

/* TRI DISENO */

span.tri{
	position: absolute;
	left:0px;
	/*top:50%;*/
	top:0px;
	/*margin-top:-10px;*/
	content:'';
	border-bottom: 20px solid transparent;
	/*border-top: 10px solid transparent;*/
	/*border-top: 10px solid;*/
	/*border-left: 10px solid rgba(0,0,0,1);*/
	/*border-left: 10px solid;*/
	/*border-right: 20px solid rgba(0,0,0,1);*/
	opacity: 1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

span.tri.tri1 {
	border-right: 20px solid #223161;
}

span.tri.tri2 {
	border-right: 20px solid #eb2628;
}

span.tri.tri3 {
	border-right: 20px solid #ada8cc;
}

/*
span.tri:before{
	position: absolute;
	left:-10px;
	top:10px;
	content:'';
	width: 10px;
	height: 73px;
	background-color:transparent;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

span.tri:after{
	position: absolute;
	left:-10px;
	bottom:10px;
	content:'';
	width: 10px;
	height: 73px;
	background-color:transparent;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
*/
/* END */

/* IMAGENES */

.img-izq {
	margin-right: 10px;
	float: left;
}

.img-borde {
	/*float: left;
	position: relative;
	overflow: hidden;
	width: 180px;
	height: 100px;*/
	margin-bottom: 10px;
	/*background: url(../images/plus-sign.png) no-repeat center center;*/
	border: 1px solid #fff;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	/*background-color:#fff;*/
}

/* END IMAGENES */

/* esquina */
.rect-jj {

}

.rect-jj:after {
	content: '';
    line-height: 0;
    font-size: 0;
    width: 0;
    height: 0;
    border-top: 187px solid rgba(255,255,255,0.2);
    border-bottom: 0px solid transparent;
    border-left: 50px solid transparent;
    border-right: 0px solid transparent;
    position: absolute;
    top: 0;
    /*right: 200px;*/
    left: 0px;
}

/* para las cabeceras */

.esq-jj {

}

.esq-jj:after {
	content: '';
    line-height: 0;
    font-size: 0;
    width: 0;
    height: 0;
    border-top: 123px solid rgba(255,255,255,0.9);
    border-bottom: 0px solid transparent;
    border-left: 51px solid transparent;
    border-right: 0px solid transparent;
    position: absolute;
    top: 40px;
    /*right: 200px;*/
    left: 40px;
}

.esq-jj-2 {

}

.esq-jj-2:after {
	content: '';
    line-height: 0;
    font-size: 0;
    width: 0;
    height: 0;
    border-top: 123px solid rgba(255,255,255,0.9);
    border-bottom: 0px solid transparent;
    border-left: 51px solid transparent;
    border-right: 0px solid transparent;
    position: absolute;
    top: 101px;
    /*right: 200px;*/
    left: 40px;
}

/* iconos para los titulos */
.tit-ico1 {
	padding-left: 20px !important;
	background-image:url(../images/ico_logo_6.png);
	background-position: left center;
	background-size: 16px;
	background-repeat: no-repeat;
}

.tit-ico2 {
	padding-left: 20px !important;
	background-image:url(../images/ico_logo_7.png);
	background-position: left center;
	background-size: 16px;
	background-repeat: no-repeat;
}

.tit-ico3 {
	padding-left: 20px !important;
	background-image:url(../images/ico_logo_3.png);
	background-position: left top;
	background-size: 16px;
	background-repeat: no-repeat;
}

.tit-ico4 {
	padding-left: 20px !important;
	background-image:url(../images/ico_logo_4.png);
	background-position: left top;
	background-size: 16px;
	background-repeat: no-repeat;
}

.tit-ico11 {
	padding-left: 28px !important;
	background-image:url(../images/ico_logo_4.png);
	background-position: left top;
	background-size: 22px;
	background-repeat: no-repeat;
}

.tit-ico12 {
	padding-left: 28px !important;
	/*background-image:url(../images/ico_logo_4.png);*/
	background-image:url(../images/ico_logo_42.png);
	background-position: left top;
	background-size: 22px;
	background-repeat: no-repeat;
}

.tit-ico122 {
	padding-left: 14px !important;
	/*background-image:url(../images/ico_logo_4.png);*/
	background-image:url(../images/ico_logo_42.png);
	background-position: left top;
	background-size: 12px;
	background-repeat: no-repeat;
}

.tit-ico123 {
	padding-left: 16px !important;
	/*background-image:url(../images/ico_logo_4.png);*/
	background-image:url(../images/ico_logo_42.png);
	background-position: left center;
	background-size: 12px;
	background-repeat: no-repeat;
}

.tit-ico-cab2 {
	padding-left: 20px !important;
	background-image:url(../images/ico_logo_12.png);
	background-position: left center;
	background-size: 16px;
	background-repeat: no-repeat;
}

.tit-ico-cab1 {
	padding-left: 28px !important;
	background-image:url(../images/ico_logo_13.png);
	background-position: left center;
	background-size: 24px;
	background-repeat: no-repeat;
}

.tit-ico-cab3 {
	padding-left: 28px !important;
	background-image:url(../images/ico_logo_14.png);
	background-position: left center;
	background-size: 24px;
	background-repeat: no-repeat;
}

/* para las cabeceras */
.fondo-tile {
	/*background-image:url(../images/bg_azul.jpg);*/
	background-image:url(../images/tile.png);
	background-position: center center;
	background-repeat: repeat;
}

.azul_logo {
	color: #002369;
}

/* titulo videos */

#videos .center-details{
	background-color: #fff;
	border:1px solid #f0f0f0;
}

#videos .center-details .details{
	padding:15px 20px;
	text-align: left;
}

#videos .center-details .details h2, #videos .center-details .details h2 + p{
	margin:0;
	padding:0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

#videos .center-details .details h2{
	font-size:18px;
	font-weight: 300;
}

#videos .center-details .details p{
	font-size:13px;
	font-weight: 300;
}

/* titulo novedades */

#novedades .center-details{
	background-color: #fff;
	border:1px solid #f0f0f0;
}

#novedades .center-details .details{
	padding:15px 20px;
	text-align: left;
}

#novedades .center-details .details h2, #novedades .center-details .details h2 + p{
	margin:0;
	padding:0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

#novedades .center-details .details h2{
	font-size:18px;
	font-weight: 300;
}

#novedades .center-details .details h2 a{
	font-size:18px;
	font-weight: 300;
	color: #337ab7;
	text-decoration: underline;
	transition: all 0.5s;
}

#novedades .center-details .details h2 a:hover{
	/*color: #23527c;*/
	color: #000080;
}

#novedades .center-details .details p{
	font-size:13px;
	font-weight: 300;
}

#novedades img {
	display: block;
	width: auto;
	height: auto;
	min-width: 100%;
	max-width: 100%;
}

.enlace{
	color: steelblue;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
	text-decoration: underline;
}

.enlace:hover{
	color: #000080;
	text-decoration: underline;
}

.display-none {
	display: none;
}

.display-inline {
	display: inline;
}

/* iconos enlaces */

.iconos {

}

.top-iconos {
	margin-top: 4px;
}
.iconos .icono1, .top-iconos .icono1 {
	display: inline-block;
}

.iconos .icono1 a, .top-iconos .icono1 a {

	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;

	
	display: inline-block;
	/*background-color:#2a2a2a;*/
	border-radius: 3px;
	/*position: relative;*/
	/*font-size:28px;*/

	color: #8a8a8a;
	

	border: 0px !important;
}

.iconos .icono1 a {
	width:48px;
	height:48px;
	background-color:#5c5c5c;
}

.top-iconos .icono1 a {
	width:32px !important;
	height:32px !important;
	background-color:#eaeaea;
}

.iconos .icono1 a:hover {
	background-color:#424242 !important;
	color: white;
}

.top-iconos .icono1 a:hover {
	background-color:#f35050 !important;
	color: white;
}

/*.iconos .icono1 a.changeable-icon i{
	position: relative;
}

.iconos .icono1 a.changeable-icon:before{
	width:35px;
	height: 35px;
	content:'';
	position: absolute;
	right: 0;
	top: 0;
	display: inline-block;
	background-color:#3a3a3a;
	border-radius: 3px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.iconos .icono1 a.changeable-icon:after{
	width:100%;
	height: 100%;
	display: block;
	background-color:transparent;
	content: '';
	left:0;
	border:1px solid #3a3a3a;
	top:0;
	opacity: 0;
	border-radius: 3px;
	position: absolute;
	font-size:28px;
	line-height: 70px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.iconos .icono1:hover a.changeable-icon:after{
	opacity: 1;
	-webkit-transform: scale(1.12);
	-moz-transform: scale(1.12);
	-ms-transform: scale(1.12);
	transform: scale(1.12);
}*/

/* iconos pie */
.ped-ico {
	background-position: center center;
	background-repeat: no-repeat;
}

.ped-ico-size-32 {
	background-size: 32px 32px;
}

.ped-ico-size-32-21 {
	background-size: 32px 21px;
}

.ped-ico-size-24 {
	background-size: 24px 24px;
}

.ped-ico-size-24-16 {
	background-size: 24px 16px;
}

.ped-ico1 {
	/*padding: 10px !important;*/
	background-image:url(../images/ico_catalogo.png);
}

.ped-ico2 {
	/*padding: 10px !important;*/
	background-image:url(../images/ico_fichas_tecnicas.png);
}

.ped-ico3 {
	/*padding: 10px !important;*/
	background-image:url(../images/ico_galicia.png);
}

.ped-ico4 {
	/*padding: 10px !important;*/
	background-image:url(../images/ico_madrid.png);
}

/* enlaces pie */

a.enlace-pie {
	color: #8a8a8a;
	text-decoration: underline;
}

a.enlace-pie:hover {
	color: #eee !important;
	opacity: 1 !important;
}

/* DIRECCION */

ul.direccion {
	/*margin: 30px 0 0;*/
	padding-left:20px;
	list-style:none;
}

ul.direccion li{
	/*display: block;*/
	/*line-height: 30px;*/
	/*font-family: 'Open Sans', sans-serif;
	font-size: 14px;*/
	margin-bottom: 10px;
}

ul.direccion li.dir:before {    
    font-family: 'FontAwesome';
    content: '\f015';
    margin:0 5px 0 -18px;
    font-size: 14px;
}

ul.direccion li.tel:before {    
    font-family: 'FontAwesome';
    content: '\f098';
    margin:0 5px 0 -18px;
}

ul.direccion li.fax:before {    
    font-family: 'FontAwesome';
    content: '\f1ac';
    margin:0 5px 0 -18px;
}

ul.direccion li.email:before {    
    font-family: 'FontAwesome';
    content: '\f0e0';
    margin:0 5px 0 -18px;
}

ul.direccion li.hor:before {    
    font-family: 'FontAwesome';
    content: '\f017';
    margin:0 5px 0 -18px;
}

/* END DIRECCION */

.ico-catalogo-pdf {
	background: url("../images/ico_pdf.png") no-repeat left center;
	background-size: 20px 20px;
	padding-left: 30px;
}

/* CONTACTO */

#contact_form .error_message,
#contact_form .submit_message{
	display: none;
	text-align: left;
	padding:15px 20px;
	background-color:#eee;
	margin-top:15px;
	color:#000;
	border-radius: 4px;
	border-color:#aaa !important;
	border: 1px solid;
}

#contact_form .error_message p,
#contact_form .submit_message p{
	margin: 0px;
}

#contact_form .error_message i{
	color:#ffa200;
	margin-right: 5px;
}

#contact_form .submit_message i{
	color:#2dbde1;
	margin-right: 5px;
}

#contact_form .confirmacion {
	text-align: left !important;
}

#contact_form input.cb {
    vertical-align: bottom;
    position: relative;
    top: -2px;
    *overflow: hidden;
	width: auto;
}

#contact_form label.cb {
	float: left;
    font-size: 14px;
    font-weight: normal;
    font-family: inherit;
	color: #000 !important;
}

ul.sub {
	margin-left: 30px;
}

ul.sub li {
	list-style-type: disc;
}