@charset 'UTF-8';
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400italic,700,900');
@import url('font-awesome.min.css');

/*********************************************************************************/
/* Nav                                                                           */
/*********************************************************************************/

#nav
{
    background-color: #000;
    text-align: center;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 10000;
    cursor: default;
    text-transform: uppercase;
}

#nav ul
{
    margin-bottom: 0;
}

#nav li
{
    padding-bottom: 5px;
    display: inline-block;
}
.neuromec img
{
   /* height: 50px;*/
}


#nav a
{
    position: relative;
    display: block;
    color: #fff;
    text-decoration: none;
    outline: 0;
}

#nav a:hover
{
    color: #fff !important;
}

#nav a.active:before
{
    content: '';
    display: block;
    position: absolute;
    bottom: -0.6em;
    left: 50%;
    margin-left: -0.75em;
    border-left: solid 0.75em transparent;
    border-right: solid 0.75em transparent;
    border-top: solid 0.6em #282828;
}
#nav .neuromec{
    position: fixed;
    top:0px;
    left:20px;
    text-transform: lowercase;
    font-size: 22px;
    font-family: 'Josefin Sans', Arial, sans-serif;
    font-weight: 400;
}
#nav .neuromec a{
    color: #ccc;
    margin-top: 8px;
}
#nav .neuromec a strong{
    color: #A6A7AB;
}
#nav .private{
    position: fixed;
    top:0px;
    right:20px;
}
#nav .telefono_header{
    position: fixed;
    right:100px;
    font-size: 16px;
    color: #A0A8B5 !important;
    font-weight: bolder;

}
#nav .telefono_header .telefono{
    padding-left: 3px;
    color: #8EAAB5 !important;

}
#nav .telefono_header a{
    color: #8EAAB5 !important;

}
/*********************************************************************************/
/* Basic                                                                         */
/*********************************************************************************/

	body, input, textarea, select
	{
		font-family: 'Source Sans Pro', sans-serif;
		font-weight: 400;
		color: #919499;
	}

		body.is-loading *
		{
			-moz-transition: none !important;
			-webkit-transition: none !important;
			-o-transition: none !important;
			-ms-transition: none !important;
			transition: none !important;
			-moz-animation: none !important;
			-webkit-animation: none !important;
			-o-animation: none !important;
			-ms-animation: none !important;
			animation: none !important;
		}

	h1,h2,h3,h4,h5,h6
	{
		color: #484d55;
	}
	
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
	{
		color: inherit;
		text-decoration: none;
	}

	a
	{
		text-decoration: underline;
		color: #717479;
		-moz-transition: color .25s ease-in-out;
		-webkit-transition: color .25s ease-in-out;
		-o-transition: color .25s ease-in-out;
		-ms-transition: color .25s ease-in-out;
		transition: color .25s ease-in-out;
	}
	
		a:hover
		{
			text-decoration: none;
		}

	strong, b
	{
		font-weight: 700;
		color: #000;
	}
	
	blockquote
	{
		border-left: solid 0.5em #ddd;
		padding: 1em 0 1em 2em;
		font-style: italic;
	}
	
	em, i
	{
		font-style: italic;
	}
	
	hr
	{
		border: 0;
		border-top: solid 1px #ddd;
	}
	
	sub
	{
		position: relative;
		top: 0.5em;
		font-size: 0.8em;
	}
	
	sup
	{
		position: relative;
		top: -0.5em;
		font-size: 0.8em;
	}
	
	.nobr
	{
		white-space: nowrap;
	}

	br.clear
	{
		clear: both;
	}
	
	p, ul, ol, dl, table, blockquote, form
	{
		margin-bottom: 2em;
	}
	
	/* Table */

		table
		{
			width: 100%;
		}
		
			table.default
			{
				width: 100%;
			}
			
				table.default tbody tr:nth-child(2n+2)
				{
					background: #f4f4f4;
				}
				
				table.default td
				{
					padding: 0.5em 1em 0.5em 1em;
				}
				
				table.default th
				{
					text-align: left;
					font-weight: 400;
					padding: 0.5em 1em 0.5em 1em;
				}
			
				table.default thead
				{
					background: #484d55;
					color: #fff;
				}
				
				table.default tfoot
				{
					background: #eee;
				}
				
				table.default tbody
				{
				}

	/* Form */

		form
		{
		}
		
			form label
			{
				display: block;
				font-weight: 700;
				color: #484d55;
			}
		
			form input[type="text"],
			form input[type="email"],
			form input[type="password"],
			form select,
			form textarea
			{
				-webkit-appearance: none;
				display: block;
				border: 0;
				background: #eee;
				box-shadow: inset 0px 0px 1px 0px #a0a1a7;
				border-radius: 0.35em;
				width: 100%;
				padding: 0.75em 1em 0.75em 1em;
				-moz-transition: all .25s ease-in-out;
				-webkit-transition: all .25s ease-in-out;
				-o-transition: all .25s ease-in-out;
				-ms-transition: all .25s ease-in-out;
				transition: all .25s ease-in-out;
			}

			form input[type="text"],
			form input[type="email"],
			form input[type="password"],
			form select
			{
				line-height: 1em;
			}
			
			form textarea
			{
				min-height: 10em;
			}

				form input[type="text"]:focus,
				form input[type="email"]:focus,
				form input[type="password"]:focus,
				form select:focus,
				form textarea:focus
				{
					background: #f8f8f8;
				}
				
				form .formerize-placeholder
				{
					color: #555 !important;
					font-style: italic;
				}

				form ::-webkit-input-placeholder
				{
					color: #555 !important;
					font-style: italic;
					line-height: 1.35em;
				}

				form :-moz-placeholder
				{
					color: #555 !important;
					font-style: italic;
				}

				form ::-moz-placeholder
				{
					color: #555 !important;
					font-style: italic;
				}

				form :-ms-input-placeholder
				{
					color: #555 !important;
					font-style: italic;
				}

				form ::-moz-focus-inner
				{
					border: 0;
				}

	/* Section/Article */

		section,
		article
		{
			margin-bottom: 2em;
		}
		
			section > :last-child,
			article > :last-child
			{
				margin-bottom: 0;
			}

			section:last-child,
			article:last-child
			{
				margin-bottom: 0;
			}
		
		header.style1
		{
			text-align: center;
		}

			header.style1 h2
			{
				font-weight: 700;
			}
			
			header.style1 p
			{
				color: #b1b4b9;
			}

	/* Image */

		.image
		{
			display: inline-block;
		}
		
			.image img
			{
				display: block;
				width: 100%;
			}

			.image.fit
			{
				display: block;
				width: 100%;
			}

			.image.left
			{
				float: left;
				margin: 0 2em 2em 0;
			}
			
			.image.centered
			{
				display: block;
				margin: 0 0 2em 0;
			}

				.image.centered img
				{
					margin: 0 auto;
					width: auto;
				}
				
			.image.featured
			{
				display: block;
				width: 100%;
				margin: 0 0 2em 0;
			}

        .image.home img
        {
            margin-left: 40px;
        }
        .wrapper.style3 .image.home
        {
            border: none;
        }
	/* Button */
	
		input[type="button"],
		input[type="submit"],
		input[type="reset"],
		.button
		{
			display: inline-block;
			background: #444;
			text-align: center;
			text-transform: uppercase;
			font-weight: 700;
			text-decoration: none;
			border-radius: 0.35em;
			border: 0;
			outline: 0;
			cursor: pointer;
			-moz-transition: all .25s ease-in-out;
			-webkit-transition: all .25s ease-in-out;
			-o-transition: all .25s ease-in-out;
			-ms-transition: all .25s ease-in-out;
			transition: all .25s ease-in-out;
		}

			input[type="button"].style1,
			input[type="submit"].style1,
			input[type="reset"].style1,
			.button.style1
			{
				background: #93C298 url('images/overlay.png');
				color: #fff;
                border: 1px solid #fff;
			}

				input[type="button"].style1:hover,
				input[type="submit"].style1:hover,
				input[type="reset"].style1:hover,
				.button.style1:hover
				{
					background-color: #769E7A;
				}
				
				input[type="button"].style1:active,
				input[type="submit"].style1:active,
				input[type="reset"].style1:active,
				.button.style1:active
				{
					background-color: #769E7A;
				}

			input[type="button"].style2,
			input[type="submit"].style2,
			input[type="reset"].style2,
			.button.style2
			{
				background: none;
				color: #606167;
				box-shadow: inset 0px 0px 2px 0px #a0a1a7;
			}
			
				input[type="button"].style2:hover,
				input[type="submit"].style2:hover,
				input[type="reset"].style2:hover,
				.button.style2:hover
				{
					box-shadow: inset 0px 0px 2px 0px #606167;
				}
			
				input[type="button"].style2:active,
				input[type="submit"].style2:active,
				input[type="reset"].style2:active,
				.button.style2:active
				{
					box-shadow: inset 0px 0px 2px 0px #202127;
				}

			input[type="button"].style3,
			input[type="submit"].style3,
			input[type="reset"].style3,
			.button.style3
			{
				background: #2f333b url('images/overlay.png');
				color: #fff;
			}

				input[type="button"].style3:hover,
				input[type="submit"].style3:hover,
				input[type="reset"].style3:hover,
				.button.style3:hover
				{
					background-color: #3f434b;
				}
				
				input[type="button"].style3:active,
				input[type="submit"].style3:active,
				input[type="reset"].style3:active,
				.button.style3:active
				{
					background-color: #1f232b;
				}

        .form-button-submit{
            float: right;
        }
	/* List */

		ul.default
		{
			list-style: disc;
			padding-left: 1em;
		}
		
			ul.default li
			{
				/*padding-left: 0.5em;*/
			}
			
		ul.style2
		{
		}
		
			ul.style2 li
			{
				border-top: solid 1px #eee;
				padding: 1.5em 0 0 0;
				margin: 1.5em 0 0 0;
			}
			
			ul.style2 li:first-child
			{
				border-top: 0;
				padding-top: 0;
				margin-top: 0;
			}
		
		ul.style3
		{
		}
		
			ul.style3 li
			{
				border-top: solid 1px #eee;
				padding: 0.5em 0 0 0;
				margin: 0.5em 0 0 0;
			}
			
			ul.style3 li:first-child
			{
				border-top: 0;
				padding-top: 0;
				margin-top: 0;
			}

		ol
		{
		}	

			ol.default
			{
				list-style: decimal;
				padding-left: 1.25em;
			}

				ol.default li
				{
					padding-left: 0.25em;
				}
				
	/* Feature List */

		.feature-list
		{
		}

			.feature-list h3
			{
				color: #93C298 !important;
			}
			
				.feature-list h3:before
				{
					position: relative;
					display: inline-block;
					color: #fff;
					background: #2f333b url('images/overlay.png');
					border-radius: 1em;
					text-align: center;
				}

/*********************************************************************************/
/* Icons                                                                         */
/*********************************************************************************/

	.icon {
		text-decoration: none;
	}

		.icon:before {
			display: inline-block;
			font-family: FontAwesome;
			font-size: 1.25em;
			text-decoration: none;
			font-style: normal;
			font-weight: normal;
			line-height: 1;
			-webkit-font-smoothing:antialiased;
			-moz-osx-font-smoothing:grayscale;
		}
		
		.icon > .label {
			display: none;
		}



        .icon.featured
        {
            color: #8EAAB5;
            display: block;
            margin: 0 0 1.5em 0;
            cursor: default;
        }

        .icon.featured:before
        {
            font-size: 6em;
        }

/*********************************************************************************/
/* Wrappers                                                                      */
/*********************************************************************************/

	.wrapper
	{
		position: relative;
	}

		.wrapper .title
		{
			position: absolute;
			top: 0;
			left: 50%;
			text-align: center;
			text-transform: uppercase;
			display: block;
			font-weight: 700;
			letter-spacing: 0.25em;
		}
		
		.wrapper .title:before
		{
			content: '';
			position: absolute;
			bottom: -38px;
			left: -35px;
			width: 35px;
			height: 38px;
			background: url('images/shadow.png');
		}
		
		.wrapper .title:after
		{
			content: '';
			position: absolute;
			bottom: -38px;
			right: -35px;
			width: 35px;
			height: 38px;
			background: url('images/shadow.png');
			-moz-transform: scaleX(-1);
			-webkit-transform: scaleX(-1);
			-o-transform: scaleX(-1);
			-ms-transform: scaleX(-1);
			transform: scaleX(-1);
    	}

		.wrapper.style1
		{
			background: #e97770 url('images/overlay.png');
			color: #eee;
			color: rgba(255,255,255,0.75);
		}
		
			.wrapper.style1 .title
			{
				/*background: #e97770 url('images/overlay.png');*/
				color: #fff;
			}
		
			.wrapper.style1 h1,
			.wrapper.style1 h2,
			.wrapper.style1 h3,
			.wrapper.style1 h4,
			.wrapper.style1 h5,
			.wrapper.style1 h6,
			.wrapper.style1 strong,
			.wrapper.style1 b,
			.wrapper.style1 a
			{
				color: #fff;
			}
		
		.wrapper.style2
		{
			background: #fff;
		}qu.qu.gggggg
		
			.wrapper.style2 .title
			{
				background: #fff;
				color: #484d55;
			}

		.wrapper.style3
		{
			background: #93C298 url('images/overlay.png');
		}
		
			.wrapper.style3 .title
			{
				background: #93C298 url('images/overlay.png');
				color: #fff;
			}
            .wrapper.style3 .title_over
            {
                background: none;
            }
			.wrapper.style3 .image
			{
				border: solid 10px #fff;
			}


    .wrapper .subtitle
    {
        width: 100%;
        text-align: center;
        margin-bottom: 20px;
    }

	#header-wrapper
	{
		background: url('../images/banner.jpg') center center;
		background-size: cover;
	}
	
		#header-wrapper:before
		{
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background: url('images/overlay.png');
		}
	
	#footer-wrapper
	{
		background: #282b34 url('images/overlay.png');
		color: #fff;
	}

		#footer-wrapper h1,
		#footer-wrapper h2,
		#footer-wrapper h3,
		#footer-wrapper h4,
		#footer-wrapper h5,
		#footer-wrapper h6,
		#footer-wrapper strong,
		#footer-wrapper b,
		#footer-wrapper a
		{
			color: #fff;
		}

		#footer-wrapper hr
		{
			border-top-color: #333;
			border-top-color: rgba(255,255,255,0.05);
		}

		#footer-wrapper form
		{
		}

			#footer-wrapper form input[type="text"],
			#footer-wrapper form input[type="email"],
			#footer-wrapper form input[type="password"],
			#footer-wrapper form select,
			#footer-wrapper form textarea
			{
				background: #ccc;
				box-shadow: none;
			}

			#footer-wrapper form input[type="text"]:focus,
			#footer-wrapper form input[type="email"]:focus,
			#footer-wrapper form input[type="password"]:focus,
			#footer-wrapper form select:focus,
			#footer-wrapper form textarea:focus
			{
				background: #fff;
			}

		#footer-wrapper input[type="button"].style2,
		#footer-wrapper input[type="submit"].style2,
		#footer-wrapper input[type="reset"].style2,
		#footer-wrapper .button.style2
		{
			color: #aaa;
			box-shadow: inset 0px 0px 2px 0px rgba(255,255,255,0.5);
		}

			#footer-wrapper input[type="button"].style2:hover,
			#footer-wrapper input[type="submit"].style2:hover,
			#footer-wrapper input[type="reset"].style2:hover,
			#footer-wrapper .button.style2:hover
			{
				color: #ccc;
				box-shadow: inset 0px 0px 2px 0px rgba(255,255,255,0.65);
			}

			#footer-wrapper input[type="button"].style2:active,
			#footer-wrapper input[type="submit"].style2:active,
			#footer-wrapper input[type="reset"].style2:active,
			#footer-wrapper .button.style2:active
			{
				box-shadow: inset 0px 0px 2px 0px rgba(255,255,255,0.75);
			}

		#footer-wrapper .title
		{
			background: #282b34 url('images/overlay.png');
			color: #eee;
		}
		
		#footer-wrapper header.style1
		{
		}
		
			#footer-wrapper header.style1 h2
			{
				color: #fff;
			}
	
			#footer-wrapper header.style1 .p
			{
				color: inherit;
			}

		#footer-wrapper .feature-list
		{
		}
		
			#footer-wrapper .feature-list section
			{
				border-top-color: #333;
				border-top-color: rgba(255,255,255,0.05);
			}

			#footer-wrapper .feature-list h3
			{
			}
			
				#footer-wrapper .feature-list h3:before
				{
					background: #3d4249 url('images/overlay.png');
				}
		
/*********************************************************************************/
/* Logo                                                                          */
/*********************************************************************************/

	#logo
	{
	}
	
		#logo h1
		{
			font-weight: 900;
			text-transform: uppercase;
			color: #fff;
            text-shadow: 5px 5px 5px rgba(0,0,0,0.8);
		}
		
		#logo p
		{
			color: #eee;
			color: rgba(255,255,255,0.5);
			text-transform: uppercase;
		}
        #logo p strong
        {
            color: rgba(255,255,255,0.7);
            font-weight: normal;
            font-size: 1em;
        }

/*********************************************************************************/
/* Intro                                                                         */
/*********************************************************************************/

	#intro
	{
	}
	
		#intro > .style1
		{
		}	
		
		#intro > .style2
		{
			font-weight: 700;
			color: #fff;
			border-radius: 0.35em;
			box-shadow: inset 0px 0px 1px 1px rgba(255,255,255,0.25);
		}
		
			#intro > .style2 a
			{
				color: inherit;
				text-decoration: none;
			}
		
		#intro > .style3
		{
		}
		
/*********************************************************************************/
/* Highlights                                                                    */
/*********************************************************************************/

	#highlights
	{
	}

		#highlights .highlight
		{
			text-align: center;
		}
		
			#highlights .highlight h3
			{
				color: #e97770;
			}

/*********************************************************************************/
/* Copyright                                                                     */
/*********************************************************************************/
			
	#copyright
	{
		text-align: center;
	}
	
		#copyright ul
		{
			display: inline-block;
            color: #8EAAB5;
		}
		
		#copyright a
		{
			color: inherit;
		}
		
			#copyright a:hover
			{
				color: #fff;
			}

/*********************************************************************************/
/* fondos                                                                     */
/*********************************************************************************/
.wrapper.background_sec1{
    background: url("images/backgrounds/f1.jpg") top center no-repeat;
    color: #000;
}

.wrapper.background_sec2{
    background: url("images/backgrounds/f2.jpg") top center no-repeat;
    color: #fff;
}
.wrapper.background_sec3{
    background: url("images/backgrounds/f3.jpg") top center no-repeat;
    width: 100%;
}
.wrapper.background_sec4{
    background: url("images/backgrounds/f4.jpg") top center no-repeat;
    width: 100%;
}
.wrapper.background_sec1 .title
{
    background-color: #fff;
}
.wrapper.background_sec2 .title
{
    background-color: #93C298;
    color: #fff !important;
}
.wrapper.background_sec3 .title
{
    background: none;
    background-color: #fff;
    color: #000;
}
.wrapper.background_sec4 .title
{
    background-color: #fff;
}


.wrapper .section_container{
    padding-top: 23px;
    color: #454A59;
    font-size: 20px;
    line-height: 40px;
    font-family: 'Josefin Sans', Arial, sans-serif;
    font-weight: 400;
}

.wrapper.background_sec1 .section_container{
    width: 75%;
}
.wrapper.background_sec3 .section_container{
    color: #000;
    line-height: 32px;
}
.wrapper .section_container p {
    margin-bottom: 1em;
}
.wrapper .section_container .button{
    margin-left: 160px;
}
.wrapper.background_sec2 ul.style1{
    margin-left: 50px;
}
.wrapper.background_sec3 #highlights{
    color: #000;
    background-color: rgba(255,255,255,0.4);
    padding: 20px;
}
.wrapper.background_sec3 #highlights strong{
    color: #555;
}

.wrapper .text_form{
    color: #fff;
    font-size: 20px;
    font-family: 'Josefin Sans', Arial, sans-serif;
    font-weight: 400;
}

.wrapper .section_container.text {
    background-color: rgba(255,255,255,0.8);
    width: 100%;
    margin: 20px auto;
    padding: 30px;

    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;

    box-shadow: 3px 3px 1px 0px #777;
    border-radius: 2.35em;
}

/* comentarios */
.subir {
    display:none;
    padding:20px;
    background:#000;
    font-size:20px;
    color:#8EAAB5;
    cursor:pointer;
    position: fixed;
    bottom:20px;
    right:20px;
}

.letra {
    font-size: 14px;
    line-height: 22px;
    border: 3px solid #fff;
    padding: 20px 25px;
    position: relative;
}
blockquote {
    margin: 30px auto 30px -25px;
    padding: 0px;
    color: #000;
}
blockquote p {
    font-family: 'Josefin Sans', sans-serif;
    margin-bottom: 0px;
    font-size: 22px;
    text-align: left;
}
.letra p > span {
    font-weight: bold;
    font-size: 13px;
}
.letra .cita {
    display: block;
    font-size: 14px;
    line-height: 22px;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.60);
    margin-top: 3px;
    text-align: right;
}
.letra .cita .autorcita{
    font-weight: normal;
}

/* graficos la valoración */
.container_graph{
    height: 550px;
}
.container_graph_comment{
    background: url("images/overlay.png") repeat scroll 0% 0% #93C298;
    padding-bottom: 95px;
}

/* contacto enviado */
form .ok_email{
    border: 1px solid;
    text-align: center;
    padding: 20px;
    color: #93C298;
    margin-top: 60px;
}

.telefono{
    color: #fff;
    font-weight: bold;
    font-size: 25px;
}
.whatsapp{
    display: block;
    padding-left: 36px;
}
.horario{
    display: block;
    font-size: 0.8em;
    color: rgba(255, 255, 255, 0.5);
}

/* otros */
.link_empresa{
    font-size: 15px;
    color: rgba(255, 255, 255, 0.5) !important;
    text-decoration: none;
}