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

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


/* CSS Document */

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, 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, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin:0;
	padding:0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* 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;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* -------------------------------------------------------------------- */

a{outline:none;}

img{outline:none;}

body{
	
	 color:#C6C;
	 font-family: 'Raleway', sans-serif;
	 background-image:url(../img/lines3.gif);
	 background-repeat:repeat-x repeat-y;}

#up{
	background-image:url(../img/bg15.jpg);
	background-repeat:repeat-x;
	width:100%;
    height:10px;
	position:relative;
	z-index: 0;}
	

					
/* ----HEADER------ */				
#cjn_header{width:100%; height:180px; background-image:url(../img/lines3.gif); background-repeat:repeat-x repeat-y;}
		   
#cjn_header #header{
	    margin-left:auto;
   		margin-right:auto;
		position:relative;
	    width:960px; height:185px;
		}
	
#cjn_header #header h1{
	       width:240px;
	       height:145px;
	       background-image:url(../img/logo_reparamas_bueno_big.png);
	       background-repeat:no-repeat;
	       text-indent: -9999px;
		   position:absolute; left:66px; top:18px;  box-shadow: -8px -1px 9px #D5D5D5; border-radius: 10px;}
		   
#cjn_header #header h2{
	       width:160px;
	       height:131px;
	       background-image:url(../img/logo_rational_4.png);
	       background-repeat:no-repeat;
	       text-indent: -9999px;
		   position:absolute; left:731px; top:10px;
		   border-bottom: 1px solid #818181;}
		   
#cjn_header #header p{color: #787878; font-family: Verdana,Geneva,sans-serif; font-size: 14px; font-weight: 600; left: 722px; position: absolute; top: 152px;}
#cjn_header #header p a{ text-decoration:none; color:#009DCA; font-weight: 600;}
#cjn_header #header p a:hover{ text-decoration:none; color:#A8A8A8;}
		   
/* ----CJN SOCIAL------ */
#cjn_nav ul.socialsC {
	list-style: none;
	overflow: hidden; position:absolute; left:758px; top:6px; clear:both; width:195px; z-index: 99999;}

#cjn_nav ul.socialsC li a {
	background-image:url(../img/sprite_dos.png);
	background-repeat: none;
	height: 20px;
	width: 20px;
	float: left;
	margin-right: 10px;
}

#cjn_nav .socialsC .social-1 {
	background-position: 0 0;

	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
}


#cjn_nav .social-1:hover {
	background-position: 20px 0;
}



#cjn_nav .socialsC .social-3 {
	background-position: 0 -40px;

	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
}

#cjn_nav .social-3:hover {
	background-position: 20px -40px;
}


#cjn_nav .socialsC .social-9 {
	background-position: 0 -160px;

	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
}

#cjn_nav .social-9:hover {
	background-position: 20px -160px;
}

#cjn_nav .socialsC .social-11 {
	background-position: 0 -200px;

	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
}

#cjn_nav .social-11:hover {
	background-position: 20px -200px;
}
							

/* ------NAV------ */

#cjn_nav{width:100%; height:30px; background-image:url(../img/bg15.jpg); background-repeat:repeat-x repeat-y; border-bottom:4px solid #009dca; border-top: 2px solid #6B6B6B; }

#interior_nav{ width:960px; height:34px; margin-left:auto; margin-right:auto; position:relative;}


#blob {
    background: #009DCA;
    border-right: 1px solid #009DCA;
    border-left: 1px solid #009DCA;
    position: absolute;
    z-index: 1;
    top: 0;
    background: -moz-linear-gradient(top, #015A87, #009DCA);
    background: -webkit-gradient(linear, left top, left bottom, from(#015A87), to(#009DCA));
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-box-shadow: 2px 3px 5px #011331;
    -webkit-box-shadow: 2px 3px 5px #011331;
}
		   
#cjn_nav #nav {
    position: relative;
    background: #181818;
    float: left;
	width:960px;
	height:30px;
	background-image:url(../img/bg15..jpg); background-repeat:repeat-x repeat-y;
}

#cjn_nav #nav li {
    float: left;
    list-style: none;
    border-right: 1px solid #555555;
	height:30px;
	
}

#cjn_nav #nav li a {
    color: #BDBDBD;
    z-index: 2;
    position: relative;
    cursor: pointer;
    float: left;
    font-size: 12px;
    font-family: 'Raleway', sans-serif;
	text-transform:uppercase;
    text-decoration: none;
    padding: 8px 29px;
	font-weight:600;
	text-decoration:none;

}
	
/* ------SLIDE------ */

#cjn_slide{width:100%; height:350px; border-bottom: 1px solid #B7B7B7; margin-bottom:30px; padding-top:20px; background-image:url(../img/pattern.png); 
			background-repeat:repeat-x repeat-y; }
#cjn_slide #slide{ width:960px; height:300px; margin-left:auto; margin-right:auto; background-color:#eee; border:2px solid #B7B7B7;}

/* ------WRAPPER------ */

#wrapper{
		 margin-left:auto;
		 margin-right:auto;
         position:relative;
	     width:960px;
         height:1365px;
		 outline:none;
		 }
		 
/* ------CONTENIDO------ */	

.text_centro{width:920px; height:83px; margin-top:15px; margin-bottom:30px; text-align:center; padding:20px;}
.text_centro #text_cabecera_index{font-size: 25px; font-family: 'Raleway', sans-serif; color:#575757; width:700px; margin:0 auto; text-shadow: 1px 1px 1px #DEDEDE;}	 
.text_centro #text_cabecera_centro{font-size: 16px; font-family: 'Raleway', sans-serif; color:#575757; width:700px; margin:0 auto; margin-top:20px; }

.quote{ width:28; height:24px; margin-top:-25px; margin-right:12px; }		 
		 
.divider{width:940px; height:6px; margin:0 auto; clear:both; margin-left:10px;}

.divider_dos{width:802px; height:17px; margin:20px auto 20px 80px; clear:both;}
		 
#envoltorio_cjn_circulo{ width:960px; height:240px; margin-left:auto; margin-right:auto; margin-top:25px; margin-bottom:45px;}
.cjn_uno_circulo{width:200px; height:220px; text-align:center; padding:20px; float:left; border-radius:5px;}	
.cjn_uno_circulo img{margin-top:-5px;}
#text_cabecera_uno_circulo{text-shadow: 1px 1px 1px #DEDEDE; font-size: 23px; font-family: 'Raleway', sans-serif; color:#009DCA; width:200px; margin:0 auto; margin-top:0; 
							border-bottom:2px dotted #969696; height:33px;}
#text_cabecera_uno_circulo a{text-decoration:none; color:#009DCA;}
#text_cabecera_uno_circulo a:hover{color:#575757;}
#text_contenido_uno_circulo{font-size: 13px; font-weight:500; font-family: 'Raleway', sans-serif; color:#575757; width:200px; margin:0 auto; margin-top:14px; }
.cjn_dos_circulo{width:200px; height:220px; margin-left:126px; text-align:center; padding:20px; float:left; border-radius:5px;}
.cjn_dos_circulo img{margin-top:-5px;}	
#text_cabecera_dos_circulo{text-shadow: 1px 1px 1px #DEDEDE; font-size: 23px; font-family: 'Raleway', sans-serif; color:#009DCA; width:200px; margin:0 auto; margin-top:0; 
							border-bottom:2px dotted #969696; height:33px;}	
#text_cabecera_dos_circulo a{text-decoration:none; color:#009DCA;}
#text_cabecera_dos_circulo a:hover{color:#575757;}	 
#text_contenido_dos_circulo{font-size: 13px; font-weight:500; font-family: 'Raleway', sans-serif; color:#575757; width:200px; margin:0 auto; margin-top:14px; }
.cjn_tres_circulo{width:200px; height:220px; text-align:center; padding:20px; float:right; border-radius:5px;}
.cjn_tres_circulo img{margin-top:-5px;}	
#text_cabecera_tres_circulo{text-shadow: 1px 1px 1px #DEDEDE; font-size: 23px; font-family: 'Raleway', sans-serif; color:#009DCA; width:200px; margin:0 auto; margin-top:0; 
							border-bottom:2px dotted #969696; height:33px;}
#text_cabecera_tres_circulo a{text-decoration:none; color:#009DCA;}
#text_cabecera_tres_circulo a:hover{color:#575757;}		 
#text_contenido_tres_circulo{font-size: 13px; font-weight:500; font-family: 'Raleway', sans-serif; color:#575757; width:200px; margin:0 auto; margin-top:14px; }	
		 
#cjn_boton_contacto{width:920px; height:35px; background-color:#009DCA; padding:20px; margin-left:auto; margin-right:auto; margin-top:30px; text-align:left; border-bottom:4px solid #9D9D9D; 		
					position:relative; border-radius:5px;}
#cjn_boton_contacto p{font-size: 20px; font-family: 'Raleway', sans-serif; color:#FFF; width:620px; margin-left:0; margin-top:0; text-shadow: 1px 1px 1px #6D6D6D;}
#cjn_boton_contacto p img{margin-right:20px; width:40px; height:40px; margin-top:-3px;}	
#cjn_boton_contacto a{background-image: url("../img/btn_cjn_contacta.png"); background-repeat: no-repeat; color: #575757; font-family: 'Raleway',sans-serif; font-size: 14px; height: 18px;
     				left: 736px; padding: 13px; position: absolute; text-align: center; text-decoration: none; top: 17px; width: 177px; font-weight:500;}
#cjn_boton_contacto a:hover{color:#009DCA; background-image:url(../img/btn_cjn_contacta_hover.png); background-repeat:no-repeat; }

#cjn_fotos_principal{width:960px; height:250px; margin-top:-12px; clear:both; position:relative;}		 
#cjn_fotos_principal #text_fotos_principal_uno{font-size: 23px; font-family: 'Raleway', sans-serif; color:#009DCA; width:400px; margin-top:35px; text-align:center; font-weight: 500; 		
												margin-left:auto; margin-right:auto; text-shadow: 1px 1px 1px #DEDEDE; border-bottom:2px dotted #e3e4e6; 
												}		 
#cjn_fotos_principal #text_fotos_principal_dos{font-size: 14px; font-family: 'Raleway', sans-serif; color:#575757; width:470px; margin-top:-10px; text-align:center; 	
												margin-left:auto; margin-right:auto; font-weight:500;}	
/* ------EFECT IMAGENES------ */	
#cjn_fotos_principal .grid {
	margin: 0 auto;
	list-style: none;
	text-align: center;
}

#cjn_fotos_principal .grid li {
	display: inline-block;
	width: 225px;
	margin: 0;
	text-align: left;
	position: relative;
}

#cjn_fotos_principal .grid figure {
	margin: 0;
	position: relative; border:1px solid #B7B7B7;
}

#cjn_fotos_principal .grid figure img {
	max-width: 100%;
	display: block;
	position: relative;
}

#cjn_fotos_principal .grid figcaption {
	position: absolute;
	top: 0;
	left: 0;
	background-image:url(../img/bg_azul.jpg); background-repeat:repeat-x repeat-y;
	color: #fff;
}

#cjn_fotos_principal .grid figcaption h3 {
	margin: 0;
	padding: 0;
	color: #fff;
}

#cjn_fotos_principal .grid figcaption span:before {
	
}

#cjn_fotos_principal .grid figcaption a {
	text-align: center;
	padding: 5px 10px;
	border-radius: 2px;
	display: inline-block;
	background: #009DCA;
	color: #fff;
}

/* Caption Style 5 */
.cs-style-5 figure img {
	z-index: 10;
	-webkit-transition: -webkit-transform 0.4s;
	-moz-transition: -moz-transform 0.4s;
	transition: transform 0.4s;
}

.no-touch .cs-style-5 figure:hover img,
.cs-style-5 figure.cs-hover img {
	-webkit-transform: scale(0.4);
	-moz-transform: scale(0.4);
	-ms-transform: scale(0.4);
	transform: scale(0.4);
}

.cs-style-5 figcaption {
	height: 100%;
	width: 100%;
	opacity: 0;
	-webkit-transform: scale(0.7);
	-moz-transform: scale(0.7);
	-ms-transform: scale(0.7);
	transform: scale(0.7);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
	-moz-transition: -moz-transform 0.4s, opacity 0.4s;
	transition: transform 0.4s, opacity 0.4s;
}

.no-touch .cs-style-5 figure:hover figcaption,
.cs-style-5 figure.cs-hover figcaption {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

.cs-style-5 figure a {
	position: absolute;
	bottom: 20px;
	right: 20px;
}

#envoltorio_cjn_certificado{ width:960px; height:220px; margin-left:auto; margin-right:auto; margin-top:70px; background-repeat:no-repeat; 
							background-image:url(../img/img_certificado_uno.png); background-position:130px 5px;}
.cjn_certificado{width:410px; height:170px; border-left:2px solid #E1E1E1; text-align:left; padding:20px; margin-left:481px; float:left;}	
#text_cabecera_uno_certificado{font-size: 23px; font-family: 'Raleway', sans-serif; color:#575757; border-bottom:1px solid #E1E1E1; height:33px;}	
#text_cabecera_uno_certificado img{margin-right:10px; width:20px; height:20px;}
.text_contenido_certificado{font-size: 14px; font-family: 'Raleway', sans-serif; color:#575757; line-height:21px; font-weight:400; }


/* ------FOOTER------ */
#footer{position:relative; clear:both; width:100%; height:150px; border-top: 45px solid #009DCA; border-bottom: 35px solid #525252; margin-top:30px; background-image:url(../img/bg15.jpg);		
        background-repeat:repeat-x repeat-y;}
#footer #footer_in{position:relative; clear:both; width:960px; margin-left:auto; margin-right:auto; margin-top:0;}	   
#footer #footer_in .marcas{}
#footer #footer_in #envoltorio_marcas{position:absolute; left:516px; top:-28px; width:418px;}
#footer #footer_in .transporte_foot{position:absolute; color: #fff; font-family: 'Raleway',sans-serif; font-size: 18px; left: 104px; top: -82px; width: 360px; text-shadow: 1px 1px 1px #414141;}
#footer #footer_in .transporte_foot_dos{position:absolute; color: #009DCA; font-family: 'Raleway',sans-serif; font-size: 14px; left: 583px; top: 113px; font-weight:bold; 
										text-shadow: 1px 1px 1px #414141;}
#footer #footer_in .transporte_foot img{margin-right:20px; width:32px; height:32px;}
#footer #footer_in .transporte_foot_dos img{margin-right:20px; width:22px; height:22px;}
#footer #footer_in ul{margin-left: 133px; margin-top: 44px; width: 300px;}
#footer #footer_in ul a{text-decoration:none; color:#FEFEFE;}
#footer #footer_in ul a:hover{text-decoration:none; color:#818181;}
#footer #footer_in ul li{border-right: 1px solid #FFFFFF; float: left; font-family: 'Raleway',sans-serif; font-size: 14px; font-weight: bold; padding-left: 20px; width: 55px;}
#footer #footer_in #copy{font-family:Verdana, Geneva, sans-serif; font-size:11px; width:200px; position:relative; left:195px; top:20px; color:#909090;}	

/* estilos para dispositivos móviles */
@media (max-width: 480px) {
	#footer {position: fixed; bottom: 0; width: 100%; padding: 0; box-sizing: border-box;}
	#footer #footer_in {width: 100%; padding: 0; margin: 0;}
	#footer #footer_in .marcas {text-align: center;}
	#footer #footer_in .transporte_foot {position: static; text-align: center; margin-bottom: 20px; padding: 10px 0;}
	#footer #footer_in .transporte_foot img {display: block; margin: 0 auto 10px;}
	#footer #footer_in .transporte_foot_dos {position: static; text-align: center; margin-top: 20px; margin-bottom: 10px;}
	#footer #footer_in ul {display: flex; justify-content: space-between; width: 100%; margin: 0; padding: 0;}
	#footer #footer_in ul li {border: none; font-weight: normal; margin: 0; padding: 0; width: auto;}
	#footer #footer_in ul li:first-child {padding-left: 0;}
	#footer #footer_in ul li:last-child {padding-right: 0;}
	#footer #footer_in #copy {position: static; margin-top: 20px; text-align: center;}
  }
  
  /* estilos para tablets y dispositivos con pantalla hasta 768px */
  @media (min-width: 481px) and (max-width: 768px) {
	#footer {position: fixed; bottom: 0; width: 100%; padding: 0; box-sizing: border-box;}
	#footer #footer_in {width: 100%; padding: 0; margin: 0;}
	#footer #footer_in .marcas {text-align: center;}
	#footer #footer_in .transporte_foot {position: static; text-align: center; margin-bottom: 20px; padding: 10px 0;}
	#footer #footer_in .transporte_foot img {display: block; margin: 0 auto 10px;}
	#footer #footer_in .transporte_foot_dos {position: static; text-align: center; margin-top: 20px; margin-bottom: 10px;}
	#footer #footer_in ul {display: flex; justify-content: space-between; width: 100%; margin: 0; padding: 0;}
	#footer #footer_in ul li {border: none; font-weight: normal; margin: 0; padding: 0; width: auto;}
	#footer #footer_in ul li:first-child {padding-left: 0;}
	#footer #footer_in ul li:last-child {padding-right: 0;}
	#footer #footer_in #copy {position: static; margin-top: 20px; text-align: center;}
  }


		 
/* ------------------------------------------------------------------------------------EMPRESA--------------------------------------------------------------------------------------- */		 
/* ------WRAPPER_empresa------ */

#wrapper_empresa{margin-left:auto; margin-right:auto; position:relative; width:960px; height:2170px; outline:none;}
		 
/* ------SLIDE------ */
#cjn_slide_empresa{width:100%; height:230px; border-bottom: 1px solid #B7B7B7; margin-bottom:30px; padding-top:20px; background-image:url(../img/pattern.png); background-color:#b7b7b7; 
					background-repeat:repeat-x repeat-y; }
#cjn_slide_empresa #banner_empresa{ width:960px; height:205px; margin-left:auto; margin-right:auto; background-image:url(../img/empresa/img_principal_empresa.jpg); 
									background-position:52px 17px; background-repeat:no-repeat;}
.cjn_banner_empresa{width:460px; text-align:left; margin-left:474px;}	
.cjn_banner_empresa #text_cabecera_uno_empresa{font-size: 26px; font-family: 'Raleway', sans-serif; color:#009DCA;  text-shadow: 1px 1px 1px #DEDEDE; text-align:left;}	
.cjn_banner_empresa #text_cabecera_uno_empresa img{margin-left:10px; margin-top:-5px; width:20px; height:20px;}
.cjn_banner_empresa #text_contenido_uno_empresa{font-size: 19px; font-family: 'Raleway', sans-serif; color:#575757; text-align:justify; margin-bottom:10px; padding-left:12px; }

/* ------CONTENIDO----- */
#envoltorio_cjn_historia{ width:960px; height:235px; margin-left:auto; margin-right:auto; margin-top:20px; position:relative;}
.cjn_historia_one{width:300px; height:170px; text-align:left; padding:20px; margin-left:0; float:left;}	
.cjn_historia_one #text_cabecera_uno_historia{font-size: 23px; font-family: 'Raleway', sans-serif; color:#575757; border-bottom:1px solid #fff; height:33px; 
											border-bottom: 1px solid #969696; text-shadow: 1px 1px 1px #DEDEDE;}	
.cjn_historia_one #text_cabecera_uno_historia img{margin-right:10px; width:20px; height:20px;}
.cjn_historia_one #text_contenido_uno_historia{font-size: 13px; font-family: 'Raleway', sans-serif; color:#575757; text-align:justify; }

.cjn_historia_two{width:300px; height:170px; text-align:left; padding:20px; float:right;}	
.cjn_historia_two #text_cabecera_uno_historia{font-size: 23px; font-family: 'Raleway', sans-serif; color:#575757; border-bottom:1px solid #fff; height:33px; 
											border-bottom: 1px solid #969696; text-shadow: 1px 1px 1px #DEDEDE;}	
.cjn_historia_two #text_cabecera_uno_historia img{margin-right:10px; width:20px; height:20px;}
.cjn_historia_two #text_contenido_uno_historia{font-size: 13px; font-family: 'Raleway', sans-serif; color:#575757; text-align:justify; }

.text_centro_empresa{width:920px; height:455px; margin-top:30px; text-align:center; padding:20px;}
.text_centro_empresa #text_cabecera_empresa{font-size: 25px; font-family: 'Raleway', sans-serif; color:#575757; width:700px; margin:0 auto; text-shadow: 1px 1px 1px #DEDEDE;}	 
.text_centro_empresa #text_cabecera_centro_empresa{font-size: 14px; font-family: 'Raleway', sans-serif; color:#575757; width:700px; margin:0 auto; margin-top:0; font-weight:500; }

/* ------EFECTO img empresa----- */
#wrapper_empresa .da-thumbs {
	list-style: none;
	width: 750px;
	position: relative;
	margin: 20px 0 0 92px;
	padding: 0;
}
#wrapper_empresa .da-thumbs li {
	float: left;
	margin: 5px;
	background: #fff;
	padding: 8px;
	position: relative;
	box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}
#wrapper_empresa .da-thumbs li a,
.da-thumbs li a img {
	display: block;
	position: relative;
}
#wrapper_empresa .da-thumbs li a {
	overflow: hidden;
}
#wrapper_empresa .da-thumbs li a div {
	position: absolute;
	background: rgba(75,75,75,0.7);
	width: 100%;
	height: 100%;
}
#wrapper_empresa .da-thumbs li a div.da-animate {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
/* Initial state classes: */
#wrapper_empresa .da-slideFromTop {
	left: 0px;
	top: -100%;
}
#wrapper_empresa .da-slideFromBottom {
	left: 0px;
	top: 100%;
}
#wrapper_empresa .da-slideFromLeft {
	top: 0px; 
	left: -100%;
}
#wrapper_empresa .da-slideFromRight {
	top: 0px;
	left: 100%;
}
/* Final state classes: */
#wrapper_empresa .da-slideTop {
	top: 0px;
}
#wrapper_empresa .da-slideLeft {
	left: 0px;
}
#wrapper_empresa .da-thumbs li a div span {
	display: block;
	padding: 10px 0;
	margin: 40px 20px 20px 20px;
	text-transform: uppercase;
	font-weight: normal;
	color: rgba(255,255,255,0.9);
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	border-bottom: 1px solid rgba(255,255,255,0.5);
	box-shadow: 0 1px 0 rgba(0,0,0,0.1), 0 -10px 0 rgba(255,255,255,0.3);
}


.text_centro_galardones{width:920px; height:320px; margin-top:0; text-align:center; padding:20px; margin-bottom:40px;}
.text_centro_galardones #text_cabecera_galardones{font-size: 25px; font-family: 'Raleway', sans-serif; color:#575757; width:700px; margin:0 auto; text-shadow: 1px 1px 1px #DEDEDE;}	 
.text_centro_galardones #text_cabecera_centro_galardones{font-size: 13px; font-family: 'Raleway', sans-serif; color:#575757; width:700px; margin:0 auto; margin-top:10px; font-weight:500; }

				 
#envoltorio_cjn_galardones{ width:920px; height:240px; margin-left:auto; margin-right:auto; margin-top:20px;}				 
.cjn_uno_galardones{width:200px; height:200px; text-align:center; padding:20px; background-image:url(../img/empresa/img_certificado_uno_peq.png); 
					background-position:27px 0; background-repeat:no-repeat; float:left;}			 	
#text_cabecera_uno_galardones{font-size: 20px; font-family: 'Raleway', sans-serif; color:#009DCA; width:200px; margin:0 auto; margin-top:145px; border-bottom:1px solid #CECECE; height:33px; 
 								text-shadow: 1px 1px 1px #DEDEDE;}		 
#text_contenido_uno_galardones{font-size: 13px; font-family: 'Raleway', sans-serif; color:#575757; width:200px; margin:0 auto; margin-top:14px; font-weight:500; }
.cjn_dos_galardones{width:200px; height:200px; margin-left:102px; text-align:center; padding:20px; background-image:url(../img/empresa/img_certificado_dos_peq.png); 		
				 	background-position:27px 0; background-repeat:no-repeat; float:left;}	
#text_cabecera_dos_galardones{font-size: 20px; font-family: 'Raleway', sans-serif; color:#009DCA; width:200px; margin:0 auto; margin-top:145px; border-bottom:1px solid #CECECE; height:33px;}		 
#text_contenido_dos_galardones{font-size: 12px; font-family: 'Raleway', sans-serif; color:#575757; width:200px; margin:0 auto; margin-top:14px; font-weight:500; }
.cjn_tres_galardones{width:200px; height:200px; text-align:center; padding:20px; background-image:url(../img/empresa/img_certificado_tres_peq.png); 		
				 	background-position:27px 0; background-repeat:no-repeat; float:right;}	
#text_cabecera_tres_galardones{font-size: 20px; font-family: 'Raleway', sans-serif; color:#009DCA; width:200px; margin:0 auto; margin-top:145px; border-bottom:1px solid #CECECE; height:33px;}		 
#text_contenido_tres_galardones{font-size: 12px; font-family: 'Raleway', sans-serif; color:#575757; width:200px; margin:0 auto; margin-top:14px; font-weight:500; }

#envoltorio_cjn_medios{ width:960px; height:240px; margin-left:auto; margin-right:auto; margin-top:10px; background-repeat:no-repeat; 
							background-image:url(../img/empresa/img_medios.jpg); background-position:612px 35px;}
.cjn_medios{width:460px; text-align:left; padding:20px; margin-left:0; float:left;}	
.cjn_medios #text_cabecera_uno_medios{font-size: 20px; font-family: 'Raleway', sans-serif; color:#FFF; height:24px;  background-image:url(../img/bg15.jpg); background-repeat:repeat-x repeat-y;
    									border-bottom: 3px solid #9D9D9D; padding: 2px; font-weight:bold; border-top-right-radius:10px;}	
.cjn_medios #text_cabecera_uno_medios img{margin-right:10px; margin-top:-5px; width:20px; height:20px;}
.cjn_medios #text_contenido_uno_medios{font-size: 13px; font-family: 'Raleway', sans-serif; color:#575757; text-align:justify; font-weight:500; }

#envoltorio_cjn_equipo{ width:960px; height:240px; margin-left:auto; margin-right:auto; margin-top:25px; background-repeat:no-repeat; 
							background-image:url(../img/empresa/img_equipo.jpg); background-position:50px 46px;}
.cjn_equipo{width:460px; text-align:left; padding:20px; margin-left:460px;}	
.cjn_equipo #text_cabecera_uno_equipo{font-size: 20px; font-family: 'Raleway', sans-serif; color:#575757;  background-image: url("../img/bg15.jpg"); border-bottom: 3px solid #9D9D9D;
    									color: #FFFFFF; height:24px; text-align:right; font-weight: bold; padding:2px; border-top-left-radius:10px;}	
.cjn_equipo #text_cabecera_uno_equipo img{margin-left:10px; margin-top:-5px; width:20px; height:20px;}
.cjn_equipo #text_contenido_uno_equipo{font-size: 13px; font-family: 'Raleway', sans-serif; color:#575757; text-align:justify; font-weight:500; }

/* Iconos abajo */
.hi-icon-wrap {
	text-align: center;
	margin: 33px auto;
}

.hi-icon {
	display: inline-block;
	font-size: 0px;
	cursor: pointer;
	margin: 15px 30px;
	width: 90px;
	height: 90px;
	border-radius: 50%;
	text-align: center;
	position: relative;
	z-index: 1;
	color: #6B6B6B;
}

.hi-icon:after {border:1px solid #D6D6D6;
	pointer-events: none;
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	content: '';
	-webkit-box-sizing: content-box; 
	-moz-box-sizing: content-box; 
	box-sizing: content-box;
}

.hi-icon:before {
	font-family: 'ecoicon';
	speak: none;
	font-size: 48px;
	line-height: 90px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	display: block;
	-webkit-font-smoothing: antialiased;
}

.hi-icon-mobile:before {
	content: "\e009";
}

.hi-icon-screen:before {
	content: "\e00a";
}

.hi-icon-earth:before {
	content: "\e002";
}

.hi-icon-support:before {
	content: "\e000";
}

.hi-icon-locked:before {
	content: "\e001";
}

.hi-icon-cog:before {
	content: "\e003";
}

.hi-icon-clock:before {
	content: "\e004";
}

.hi-icon-videos:before {
	content: "\e005";
}

.hi-icon-list:before {
	content: "\e006";
}

.hi-icon-refresh:before {
	content: "\e007";
}

.hi-icon-images:before {
	content: "\e008";
}

.hi-icon-pencil:before {
	content: "\e00b";
}

.hi-icon-link:before {
	content: "\e00c";
}

.hi-icon-mail:before {
	content: "\e00d";
}

.hi-icon-location:before {
	content: "\e00e";
}

.hi-icon-archive:before {
	content: "\e00f";
}

.hi-icon-chat:before {
	content: "\e010";
}

.hi-icon-bookmark:before {
	content: "\e011";
}

.hi-icon-user:before {
	content: "\e012";
}

.hi-icon-contract:before {
	content: "\e013";
}

.hi-icon-star:before {
	content: "\e014";
}

/* Effect 1 */
.hi-icon-effect-1 .hi-icon {text-decoration:none; color:#6b6b6b;
	background: rgba(0,0,0,0.10);
	-webkit-transition: background 0.2s, color 0.2s;
	-moz-transition: background 0.2s, color 0.2s;
	transition: background 0.2s, color 0.2s;
}

.hi-icon-effect-1 .hi-icon:after {text-decoration:none;
	top: -7px;
	left: -7px;
	padding: 7px;
	box-shadow: 0 0 0 4px #EFEFEF;
	-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
	-webkit-transform: scale(.8);
	-moz-transition: -moz-transform 0.2s, opacity 0.2s;
	-moz-transform: scale(.8);
	-ms-transform: scale(.8);
	transition: transform 0.2s, opacity 0.2s;
	transform: scale(.8);
	opacity: 0; color: #009DCA;
}

/* Effect 1a */
.no-touch .hi-icon-effect-1a .hi-icon:hover {
	background: rgba(255,255,255,1);
	color: #009DCA;
}

.no-touch .hi-icon-effect-1a .hi-icon:hover:after {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
	
}



#set-1 ul{margin-top:-30px; position:relative;}
#set-1 ul li{float:left; font-size: 14px; font-family: 'Raleway', sans-serif; color:#A3A3A3; font-weight:bold; text-shadow:2px 2px 2px rgba(213,213,213,0.5); text-transform: uppercase;}
#set-1 ul #icn_rapidez{position:absolute; left:145px;}
#set-1 ul #icn_seriedad{position:absolute; left:295px;}
#set-1 ul #icn_confianza{position:absolute; left:442px;}
#set-1 ul #icn_eficacia{position:absolute; left:603px;}
#set-1 ul #icn_asesoramiento{position:absolute; left:733px;}






/* ------------------------------------------------------------------------------------PRODUCTOS--------------------------------------------------------------------------------------- */
/* ------WRAPPER_productos------ */
#wrapper_productos{margin-left:auto; margin-right:auto; position:relative; width:960px; outline:none;}

/* ------SLIDE------ */
#cjn_slide_productos{width:100%; height:200px; border-bottom: 1px solid #B7B7B7; background-image: url("../img/pattern.png"); background-repeat:repeat-x repeat-y;	
					margin-bottom:30px; padding-top:20px; }
#cjn_slide_productos #banner_productos{ width:960px; height:180px; margin-left:auto; margin-right:auto; background-image:url(../img/productos/banner_productos.png); background-repeat:no-repeat;
                						border-radius: 10px 10px 10px 80px;}
/* ------ANUNCIO PRODUCTOS------ */										
.text_anuncio_productos{width:920px; text-align:center; padding:20px; margin:50px auto; background-image:url(../img/bg_azul.jpg); background-repeat:repeat-x repeat-y; 		
					    border-bottom:4px solid #009DCA; border-radius:5px;}
.text_anuncio_productos #text_anuncio_uno_productos{font-size: 23px; font-family: 'Raleway', sans-serif; color:#B5B5B5; width:850px; margin:0 auto; text-shadow: 1px 1px #212121;}
.text_anuncio_productos #text_anuncio_uno_productos img{height:24px; margin-right: 12px; margin-top: -18px;}	 
.text_anuncio_productos #text_anuncio_dos_productos{font-size: 13px; font-family: 'Raleway', sans-serif; color:#DDDDDD; width:820px; margin:0 auto; margin-top:10px; font-weight: normal; }

/* ------CLASES PRODUCTOS------ */				
.cjn_productos_limpieza{width:960px; margin-left:auto; margin-right:auto; margin-top:0; position:relative;}
.cjn_productos_limpieza #cjn_en_linea_uno{width:960px; background-image:url(../img/productos/img_abrillantador.jpg); background-position:62px 30px; background-repeat:no-repeat; 
										border-bottom:1px solid #E4E4E4;}
.cjn_productos_limpieza #cjn_en_linea_dos{width:960px; background-image:url(../img/productos/img_detergente.jpg); background-position:62px 30px; background-repeat:no-repeat; 
										border-bottom:1px solid #E4E4E4;}
.cjn_productos_limpieza #cjn_en_linea_tres{width:960px; background-image:url(../img/productos/img_descalcificador.jpg); background-position:62px 30px; background-repeat:no-repeat; 
										border-bottom:1px solid #E4E4E4;}
.cjn_productos_limpieza #cjn_en_linea_cuatro{width:960px; background-image:url(../img/productos/img_pistola.jpg); background-position:62px 30px; background-repeat:no-repeat; 
										border-bottom:1px solid #E4E4E4;}
.cjn_productos_limpieza #cjn_en_linea_cinco{width:960px; background-image:url(../img/productos/img_abrillantador_pastillas.jpg); background-position:62px 30px; background-repeat:no-repeat; 
										border-bottom:1px solid #E4E4E4;}
.cjn_productos_limpieza #cjn_en_linea_seis{width:960px; background-image:url(../img/productos/img_detergente_pastillas.jpg); background-position:62px 30px; background-repeat:no-repeat; 
										border-bottom:1px solid #E4E4E4;}
.cjn_productos_limpieza #cjn_en_linea_siete{width:960px; background-image:url(../img/productos/img_care_pastillas.jpg); background-position:62px 30px; background-repeat:no-repeat;} 
.cjn_productos_limpieza h3{background-image:url(../img/icn_flecha_izquierda.png); background-position:left; background-repeat:no-repeat; padding-left:30px; padding-top:6px; 
				           font-family: 'Raleway',sans-serif; font-size:17px; color:#575757; height:26px; border-bottom:1px solid #818181; font-weight:600;}
.cjn_limpieza_interior{width:500px; text-align:left; padding:20px; margin-left:418px;}	
.cjn_limpieza_interior .text_productos_titulo{font-size: 18px; font-family: 'Raleway', sans-serif; color:#009DCA; border-bottom:1px solid #818181; height:26px; text-align:left;}	
.cjn_limpieza_interior .text_productos_descripcion{font-size: 13px; font-family: 'Raleway', sans-serif; color:#575757; text-align:justify; font-weight:400; }
.cjn_limpieza_interior .text_productos_referencia{font-size: 12px; font-family:Arial, Helvetica, sans-serif; color:#575757; text-align:left; width:215px; font-weight:600;}
.cjn_limpieza_interior .text_productos_precio{font-size: 12px; font-family:Arial, Helvetica, sans-serif; color:#575757; text-align:left; width:90px; font-weight:600;}

.cjn_productos_accesorios{width:960px; margin-left:auto; margin-right:auto; margin-top:10px;}
.cjn_productos_accesorios #cjn_en_linea_ocho{width:960px; background-image:url(../img/productos/img_bandeja_pastelera.jpg); background-position:62px 30px; 
											background-repeat:no-repeat; border-bottom:1px solid #E4E4E4;}
.cjn_productos_accesorios #cjn_en_linea_nueve{width:960px; background-image:url(../img/productos/img_bandeja_plancha_pizza_unogn.jpg); background-position:62px 30px; 
											background-repeat:no-repeat; border-bottom:1px solid #E4E4E4;}
.cjn_productos_accesorios #cjn_en_linea_diez{width:960px; background-image:url(../img/productos/img_bandeja_plancha_pizza.jpg); background-position:62px 30px; 
											background-repeat:no-repeat; border-bottom:1px solid #E4E4E4;}
.cjn_productos_accesorios #cjn_en_linea_once{width:960px; background-image:url(../img/productos/img_contenedor_acero.jpg); background-position:62px 30px; 
											background-repeat:no-repeat; border-bottom:1px solid #E4E4E4;}
.cjn_productos_accesorios #cjn_en_linea_doce{width:960px; background-image:url(../img/productos/img_contenedor_granito.jpg); background-position:62px 30px; 
											background-repeat:no-repeat; border-bottom:1px solid #E4E4E4;}
.cjn_productos_accesorios #cjn_en_linea_trece{width:960px; background-image:url(../img/productos/img_contenedor_perforado_uno.jpg); background-position:62px 30px; 
											background-repeat:no-repeat; border-bottom:1px solid #E4E4E4;}
.cjn_productos_accesorios #cjn_en_linea_catorce{width:960px; background-image:url(../img/productos/img_contenedor_perforado_dos.jpg); background-position:62px 30px; 
											background-repeat:no-repeat; border-bottom:1px solid #E4E4E4;}
.cjn_productos_accesorios #cjn_en_linea_quince{width:960px; background-image:url(../img/productos/img_combifry.jpg); background-position:62px 30px; 
											background-repeat:no-repeat; border-bottom:1px solid #E4E4E4;}
.cjn_productos_accesorios #cjn_en_linea_dieciseis{width:960px; background-image:url(../img/productos/img_magdalenas.jpg); background-position:62px 30px; 
											background-repeat:no-repeat; border-bottom:1px solid #E4E4E4;}
.cjn_productos_accesorios #cjn_en_linea_diecisiete{width:960px; background-image:url(../img/productos/img_multibaker.jpg); background-position:62px 30px; 
											background-repeat:no-repeat; border-bottom:1px solid #E4E4E4;}
.cjn_productos_accesorios #cjn_en_linea_dieciocho{width:960px; background-image:url(../img/productos/img_potato_baker.jpg); background-position:62px 30px; 
											background-repeat:no-repeat; border-bottom:1px solid #E4E4E4;}
.cjn_productos_accesorios #cjn_en_linea_diecinueve{width:960px; background-image:url(../img/productos/img_parrilla_acero.jpg); background-position:62px 30px; 
											background-repeat:no-repeat; border-bottom:1px solid #E4E4E4;}
.cjn_productos_accesorios #cjn_en_linea_veinte{width:960px; background-image:url(../img/productos/img_parrilla_combigrill.jpg); background-position:62px 30px; 
											background-repeat:no-repeat; border-bottom:1px solid #E4E4E4;}
.cjn_productos_accesorios #cjn_en_linea_veintiuno{width:960px; background-image:url(../img/productos/img_parrilla_costillas.jpg); background-position:62px 30px; 
											background-repeat:no-repeat; border-bottom:1px solid #E4E4E4;}													
.cjn_productos_accesorios h3{background-image:url(../img/icn_flecha_izquierda.png); background-position:left; background-repeat:no-repeat; padding-left:30px; padding-top:6px; 
				           font-family: 'Raleway',sans-serif; font-size:17px; color:#575757; height:26px; border-bottom:1px solid #818181; font-weight:600;}
.cjn_accesorios_interior{width:500px; text-align:left; padding:20px; margin-left:418px;}	
.cjn_accesorios_interior .text_productos_titulo{font-size: 18px; font-family: 'Raleway', sans-serif; color:#009DCA; border-bottom:1px solid #818181; height:26px; text-align:left;}	
.cjn_accesorios_interior .text_productos_descripcion{font-size: 13px; font-family: 'Raleway', sans-serif; color:#575757; text-align:justify; font-weight:400; }
.cjn_accesorios_interior .text_productos_referenc{font-size: 12px; font-family:Arial, Helvetica, sans-serif; color:#575757; text-align:left; width:215px; font-weight:600;}
.cjn_accesorios_interior .text_productos_precio{font-size: 12px; font-family:Arial, Helvetica, sans-serif; color:#575757; text-align:left; width:90px; font-weight:600; }



#cjn_boton_productos{width:920px; height:35px; background-image:url(../img/bg_azul.jpg); background-repeat:repeat-x repeat-y; padding:20px; margin-left:auto; margin-right:auto; 		
					margin-top:55px; margin-bottom:60px; text-align:left; border-bottom:2px solid #009DCA;; position:relative; background-color:#FFF; border-radius: 5px;}
#cjn_boton_productos p{font-size: 18px; font-family: 'Raleway', sans-serif; color:#B5B5B5; margin-left:0; margin-top:0; text-shadow: 1px 1px #212121;}
#cjn_boton_productos p img{margin-right:20px; width:40px; height:40px; margin-top:-3px;}	
#cjn_boton_productos a{background-image: url("../img/btn_cjn_contacta.png"); background-repeat: no-repeat; color: #575757; font-family: 'Raleway',sans-serif; font-size: 14px; height: 18px;
     				left: 736px; padding: 13px; position: absolute; text-align: center; text-decoration: none; top: 17px; width: 177px; font-weight:500;}
#cjn_boton_productos a:hover{color:#009DCA; background-image:url(../img/btn_cjn_contacta_hover.png); background-repeat:no-repeat; }


/* ------------------------------------------------------------------------------------SERVICIOS--------------------------------------------------------------------------------------- *//* ------WRAPPER_productos------ */
#wrapper_servicios{margin-left:auto; margin-right:auto; position:relative; width:960px; outline:none;}

/* ------SLIDE------ */
#cjn_slide_servicios{width:100%; height:150px; background-image:url(../img/pattern.png); background-repeat:repeat-x repeat-y; margin-bottom:30px; padding-top:20px; background-color:#767676;
                     border-bottom: 1px solid #B7B7B7; }
#cjn_slide_servicios #banner_servicios{ width:805px; height:130px; margin-left:auto; margin-right:auto; background-image:url(../img/servicios/banner_servicios.jpg); background-repeat:no-repeat;
										border:2px solid #fff;}

/* ------ACCORDION------ */
#wrapper_servicios .st-accordion{
    width:100%;
    min-width:270px;
    margin: 0 auto;
	margin-bottom:70px;
}
#wrapper_servicios .st-accordion ul li{
    height: 100px;
    border-bottom: 1px solid #D4D4D4;
    border-top:1px solid #fff;
    overflow: hidden;
}
#wrapper_servicios .st-accordion ul li:first-child{
    border-top:none;
}
#wrapper_servicios .st-accordion ul li > a{
    color: #787878;
    display: block;
    font-family: 'Raleway',sans-serif;
    font-size: 25px;
	font-weight:300;
    line-height: 100px;
    outline: medium none;
    position: relative;
    text-decoration: none;
    text-shadow: 1px 1px 1px #FFFFFF;
    text-transform: uppercase;
    transition: color 0.2s ease-in-out 0s;
	text-align:center;
}
#wrapper_servicios .st-accordion ul li > a span{
	background:url(../img/servicios/down.png) transparent no-repeat center center;
	text-indent:-9000px;
	width: 26px;
	height: 14px;
	position: absolute;
	top: 50%;
	right: -26px;
	margin-top: -7px;
	opacity:0;
	-webkit-transition:  all 0.2s ease-in-out;
	-moz-transition:  all 0.2s ease-in-out;
	-o-transition:  all 0.2s ease-in-out;
	-ms-transition:  all 0.2s ease-in-out;
	transition:  all 0.2s ease-in-out;
}
#wrapper_servicios .st-accordion ul li > a:hover{
    color: #16a5d7;
}
#wrapper_servicios .st-accordion ul li > a:hover span{
	opacity:1;
	right: 10px;
}
#wrapper_servicios .st-accordion ul li.st-open > a{
    color: #a4a4a4;
}
#wrapper_servicios .st-accordion ul li.st-open > a span{
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
    transform:rotate(180deg);
	right:10px;
	opacity:1;
}
#wrapper_servicios .st-content{
    padding: 5px 0px 30px 0px;
}
#wrapper_servicios .st-content p{
    font-size:  14px;
    font-family: 'Raleway', sans-serif;
    color:#575757;
    line-height:  24px;
    padding: 0px 4px 0 4px;
	font-weight:500; text-align:center; 
}
#wrapper_servicios .st-content img{
    width:125px;
    border-right:1px solid #fff;
    border-bottom:1px solid #fff;
}
@media screen and (max-width: 320px){
	#wrapper_servicios .st-accordion ul li > a{
		font-size:36px;
	}
}

/* ------WRAPPER_SERVICIOS_DOS------ */
#wrapper_servicios_dos{margin-left:auto; margin-right:auto; position:relative; width:960px; outline:none;}

/* ------CIRCULOS ABAJO------ */
#cjn_ch{
	clear:both;}
	
#wrapper_servicios_dos .ch-grid {
	margin: -10px 0;
	padding: 0;
	list-style: none;
	display: block;
	text-align: center;
	width: 100%;
}

#wrapper_servicios_dos .ch-grid:after,
.ch-item:before {
	content: '';
    display: table;
}

#wrapper_servicios_dos .ch-grid:after {
	clear: both;
}

#wrapper_servicios_dos .ch-grid li {
	width: 220px;
	height: 220px;
	display: inline-block;
	margin: 40px;
}

#wrapper_servicios_dos .ch-item {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	position: relative;
	box-shadow: -3px 1px 2px rgba(0,0,0,0.1);
	cursor: pointer;
}

#wrapper_servicios_dos .ch-info-wrap, 
.ch-info{
	position: absolute;
	width: 180px;
	height: 180px;
	border-radius: 50%;
}

#wrapper_servicios_dos .ch-info-wrap {
	top: 20px;
	left: 20px;
	background: #009DCA url(../img/white_carbonfiber.png);
}

#wrapper_servicios_dos .ch-info > div {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-position: center center;
	-webkit-backface-visibility: hidden; /*Just for webkit to have a smooth font*/
}

#wrapper_servicios_dos .ch-info .ch-info-front {
	-webkit-transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
	-o-transition: all 0.6s ease-in-out;
	-ms-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
}

#wrapper_servicios_dos .ch-info .ch-info-back {
	opacity: 0;

	background: #B7B7B7;
	pointer-events: none;
	
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-o-transform: scale(1.5);
	-ms-transform: scale(1.5);
	transform: scale(1.5);
	
	-webkit-transition: all 0.4s ease-in-out 0.2s;
	-moz-transition: all 0.4s ease-in-out 0.2s;
	-o-transition: all 0.4s ease-in-out 0.2s;
	-ms-transition: all 0.4s ease-in-out 0.2s;
	transition: all 0.4s ease-in-out 0.2s;
}

#wrapper_servicios_dos .ch-img-1 { 
	background-image: url(../img/servicios/tarifas_siete.png);
}

#wrapper_servicios_dos .ch-img-2 { 
	background-image: url(../img/servicios/mantenimiento_ocho.png);
}

#wrapper_servicios_dos .ch-img-3 { 
	background-image: url(../img/servicios/marcas_nueve.png);
}

#wrapper_servicios_dos .ch-info h3 {
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 13px; font-weight:500;
	margin: 0 15px;
	padding: 40px 0 0 0;
	height: 80px;
	font-family: 'Raleway', sans-serif;
	text-shadow: 
		0 0 1px #fff, 
		0 1px 2px rgba(0,0,0,0.3);
}

#wrapper_servicios_dos .ch-info p {
	color: #fff;
	padding: 10px 5px 0;
	margin: 0 30px;
	font-size: 12px;
	border-top: 1px solid rgba(255,255,255,0.5);
}

#wrapper_servicios_dos .ch-info p a {
	display: block;
	color: #009DCA;
	font-style: normal;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 9px;
	letter-spacing: 1px;
	padding-top: 4px;
	font-family: 'Raleway', sans-serif;
}

#wrapper_servicios_dos .ch-info p a:hover {color: #fff;}

#wrapper_servicios_dos .ch-item:hover .ch-info-front {
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	opacity: 0;
} 

#wrapper_servicios_dos .ch-item:hover .ch-info-back {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
	pointer-events: auto;
}



#banda_servicios{width:100%; height:75px; background-color:#767676; margin-bottom:30px; background-image:url(../img/pattern.png); background-repeat:repeat-x repeat-y;
 				border-bottom:1px solid #BABABA; border-top:1px solid #BABABA;}
.text_banda_servicios{width:920px; margin-top:30px; text-align:center; padding:20px; margin:0 auto;}
.text_banda_servicios #text_cabecera_banda_servicios{font-size: 26px; font-family: 'Raleway', sans-serif; color:#FFF; text-shadow: 1px 1px 1px #363636; font-weight:500; width:700px; 
													margin:0 auto;}	 
.text_banda_servicios #text_cabecera_banda_servicios_centro{font-size: 12px; font-family: 'Raleway', sans-serif; color:#575757; width:700px; margin:0 auto; margin-top:20px; }

.text_anuncio_servi{width:920px; margin-top:30px; text-align:center; padding:20px; margin:0 auto; background-image:url(../img/bg15.jpg); background-repeat:repeat-x repeat-y; border-radius:5px;}
.text_anuncio_servi #text_anuncio_uno_servi{font-size: 25px; font-family: 'Raleway', sans-serif; color:#009DCA; width:700px; margin:0 auto;}	 
.text_anuncio_servi #text_anuncio_dos_servi{font-size: 13px; font-family: 'Raleway', sans-serif; color:#FFF; width:700px; margin:0 auto; margin-top:10px;  font-weight: 500; }

#envoltorio_cjn_servis{ width:960px; height:240px; margin-left:auto; margin-right:auto; margin-top:25px; background-repeat:no-repeat; 
							background-image:url(../img/servicios/img_servicios_uno.jpg); background-position:75px 56px;}
.cjn_servis{width:460px; text-align:left; padding:20px; margin-left:460px;}	
.cjn_servis #text_servis_uno{font-size: 25px; font-family: 'Raleway', sans-serif; border-bottom:1px solid #969696; height:33px; text-align:left; text-shadow: 1px 1px 1px #BDBDBD;
							color:#009DCA; font-weight:bold;}	
.cjn_servis #text_servis_uno img{margin-left:10px; margin-top:-5px; width:20px; height:20px;}
.cjn_servis #text_servis_dos{font-size: 13px; font-family: 'Raleway', sans-serif; color:#575757; text-align:justify; }
.cjn_servis ul li{font-size: 13px; font-family: 'Raleway', sans-serif; color:#575757; text-align:justify; font-weight:bold; line-height:18px; }
.cjn_servis ul{margin-left:30px;}





/* ------------------------------------------------------------------------------------CONTACTO--------------------------------------------------------------------------------------- */

/* ------WRAPPER_contacto------ */

#wrapper_contacto{ margin-left:auto; margin-right:auto; position:center; width: 960px; outline:none; margin-bottom:50px;}

/* ------SLIDE------ */
#cjn_slide_contacto{width:100%; height:220px; background-image:url("../img/pattern.png"); background-color:#B7B7B7; background-repeat:repeat-x repeat-y; margin-bottom:30px; padding-top:20px; }
#cjn_slide_contacto #banner_contacto{ width:960px; margin-left:auto; margin-right:auto; background-color:#fff;}
	/* FORMULARIO DE CONTACTO */
#form-group-nombre,
#form-group-email,
#form-group-telefono,
#form-group-mensaje,
#form-group-politica,
#form-group-btnsubmit {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-width: 500px;
    margin: 0 auto;
	margin-bottom: 10px;
    padding: 10px;
    border-radius: 10px;
    box-shadow: 0px 1px 10px 1px rgba(0,0,0,0.1);
}

#form-group-nombre p {
    font-size: 16px;
    margin: 0 0 20px;
    text-align: center;
    line-height: 1.5;
    color: #787878;
    font-weight: bold;
    background-color:#F4F4F4;
    padding: 10px;
    border-radius: 10px;
      width: 90%;
      margin-left: auto;
      margin-right: auto;
}

#form-group-nombre label,
#form-group-email label,
#form-group-telefono label,
#form-group-mensaje label {
    display: block;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px;
    color: #787878;
    background-color:#F4F4F4;
    padding: 10px;
    border-radius: 10px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

#form-group-nombre input[type="text"],
#form-group-email input[type="email"],
#form-group-telefono input[type="text"],
#form-group-mensaje textarea {
    display: block;
    width: 50%;
    padding: 5px;
    margin-bottom: 15px;
    border-radius: 10px;
    border: none;
    font-family: 'Raleway', sans-serif;
    color: #787878;
    font-size: 12px; 
    box-sizing: border-box;
}

#form-group-politica input[type="checkbox"] + label {
    margin-right: 10px;
    font-size: 12px;
    font-weight: normal;
    color: #787878;
}

#form-group-politica input[type="checkbox"]:focus + label,
#form-group-politica input[type="checkbox"]:hover + label {
    color: #009DCA;
}

#form-group-mensaje textarea {
    height: 100px;
}

#form-group-btnsubmit button[type="submit"] {
    display: block;
    margin-right: auto;
    margin-left: auto;
    margin-top: 5px;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    background-color: black;
    font-family: 'Raleway', sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #009DCA;
    cursor: pointer;
}

#form-group-btnsubmit button[type="submit"]:hover {
    background-color: #009DCA;
	color: black;
}

#form-group-btnsubmit button[type="submit"]:disabled {
    opacity: 0.5;
    cursor: default;
    animation: none;
}

@keyframes button-bounce {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(0.95);
    }
    100% {
        transform: scale(1);
    }
}

#form-group-btnsubmit button[type="submit"]:not(:disabled):hover {
    animation: button-bounce 0.3s ease-in-out;
}

.alert-danger {
    background-color: #FFC5C5;
    color: #C75858;
}

.alert-success {
    background-color: #E6EDB2;
    color: #566246;
}

.alert-hidden {
    opacity: 0;
    visibility: hidden;
}

.contenido p {
	font-size: 16px;
	text-align: center;
	font-family: 'Raleway',sans-serif;
	font-weight: bold;
	color: #787878;
}

#politica-link {
    text-decoration: underline;
    cursor: pointer;
    color: #009DCA;
}

@media (max-width: 480px) {
	#form-group-nombre input[type="text"],
	#form-group-email input[type="email"],
	#form-group-telefono input[type="text"],
	#form-group-mensaje textarea {
	  font-size: 16px;
	  padding: 10px;
	  margin-bottom: 20px;
	  width: 90%;
	}
  
	#form-group-nombre label,
	#form-group-email label,
	#form-group-telefono label,
	#form-group-mensaje label {
	  font-size: 16px;
	  margin-bottom: 5px;
	  width: 90%;
	}
  
	#form-group-politica,
	#form-group-btnsubmit {
	  max-width: 90%;
	  margin: 0 auto;
	}
  
	#form-group-btnsubmit button[type="submit"] {
	  width: 100%;
	}
}
								
/* ------DATOS CONTACTO------ */	
#wrapper_contacto #con_cerc{
	background-image:url("../img/pattern.png"); background-repeat:repeat-x repeat-y;
	border: 1px solid #FFF;
	clear: both;
	height: 800px;
	margin-bottom: 30px;
	margin-left: 30px;
	margin-top:50px;
	width: 600px;
	border-radius:5px 5px 5px 5px;
}
	
#wrapper_contacto #con_cerc h3{
	background-image:url(../img/icn_flecha_izquierda.png);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:30px;
	padding-top:6px;
	font-family: 'Raleway',sans-serif;
	font-size:20px;
	color:#009DCA;
	width: 570px;
	height:30px;
	background-color:#181818;
}
			
#wrapper_contacto #con_cerc span{ 
	font-weight:bold;
}
									
#wrapper_contacto #con_cerc_dos{
	background-image:url(../img/pattern.png); background-repeat:repeat-x repeat-y;
	border: 1px solid #FFF;
	clear: both;
	height: 170px;
	margin-bottom: 30px;
	margin-left: 30px;
	margin-top:-18px;
	width: 600px;
	border-radius:5px 5px 5px 5px;
}
	
#wrapper_contacto #con_cerc_dos h3{
	background-image:url(../img/icn_flecha_izquierda.png);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:30px;
	padding-top:6px;
	font-family: 'Raleway',sans-serif;
	font-size:20px;
	color:#009DCA;
	width:570px;
	height:30px;
	background-color:#181818;
}
			
#wrapper_contacto #con_cerc_dos p{
	color: #787878;
	font-family: 'Raleway',sans-serif;
	font-size: 12px;
	line-height: 17px;
	padding-left: 29px;
	padding-top: 8px; 
	background-color:#F4F4F4;
}
	
#wrapper_contacto #con_cerc_dos .con_cerc_ancho_dos{
	color: #787878;
	font-family: 'Raleway',sans-serif;
	font-size: 12px;
	font-weight: 600;
	height: 14px;
	line-height: 0;
	margin-top: 10px;
	padding-left: 29px;
	padding-top: 12px;
	text-align: left;}
											
#banda_contacto{width:100%; height:100px; background-color:#015A87; margin-bottom:30px;}
.text_banda_contacto{width:920px; margin-top:30px; text-align:center; padding:20px; margin:0 auto;}
.text_banda_contacto #text_cabecera_banda_contacto{font-size: 23px; font-family: 'Raleway', sans-serif; color:#FFF; width:700px; margin:0 auto;}	 
.text_banda_contacto #text_cabecera_banda_contacto{font-size: 12px; font-family: 'Raleway', sans-serif; color:#575757; width:700px; margin:0 auto; margin-top:20px; }

#wrapper_contacto_dos{border:1px solid #171717; margin-left:auto; margin-right:auto; position:relative; width:960px; height:360px; outline:none; margin-bottom:50px;}


/* ------------------------------------------------------------------------------------AVISO--------------------------------------------------------------------------------------- */

#wrapper_aviso{margin:0 auto; width:auto;}

#wrapper_aviso h1{text-align:center; font-size: 30px; font-family: 'Raleway', sans-serif; color:#777777; margin-top:20px;}

#wrapper_aviso p{text-align:left; font-size: 14px; font-family:Arial, Helvetica, sans-serif; color:#777777; margin-top:18px; line-height:18px; font-weight:500;}

/* ------------------------------------------------------------------------------------LEGAL--------------------------------------------------------------------------------------- */										

#wrapper_legal{margin:0 auto; width:auto;}

#wrapper_legal h1{text-align:center; font-size: 30px; font-family: 'Raleway', sans-serif; color:#777777; margin-top:20px;}

#wrapper_legal p{text-align:left; font-size: 14px; font-family:Arial, Helvetica, sans-serif; color:#777777; margin-top:18px; line-height:18px; font-weight:500;}

/* ------------------------------------------------------------------------------------MAPA--------------------------------------------------------------------------------------- */

#wrapper_mapa{margin-left:auto; margin-right:auto; width:960px; margin-top:60px; margin-bottom:45px;}
#wrapper_mapa .divider{margin-bottom:30px;}

#wrapper_mapa ul a{ border-radius:5px; text-decoration:none; width:auto; padding:10px; background-color:#009DCA; text-shadow: 1px 1px #212121; background-repeat:repeat-x repeat-y; display:block; 
					font-family: 'Raleway', sans-serif; color:#B5B5B5; font-size:20px; text-align:center; margin-bottom:10px;}
#wrapper_mapa ul a:hover{ text-decoration:none; color:#FFF; width:auto; padding:10px; background-color:#181818; display:block; font-family: 'Raleway', sans-serif; font-size:20px;}