/*@import url(http://weloveiconfonts.com/api/?family=fontawesome);*/

.clear										{clear:both;}
body										{margin:0; padding:0; background:#fff; font-family:Lato, arial, verdana, sans-serif; font-size:15px; line-height:25px; color:#12252d;}
h1											{font-size:36px; line-height:36px; margin:0 0 15px; font-family:Raleway, sans-serif; font-weight:600; color:#399cff;}
h2											{font-size:30px; line-height:30px; margin:0 0 15px; font-family:Raleway, sans-serif; font-weight:600; }
h3											{font-size:26px; line-height:25px; margin:0 0 5px; font-family:Raleway, sans-serif; font-weight:600;}
h4											{font-size:23px; line-height:20px; margin:0 0 5px; font-family:Raleway, sans-serif; font-weight:600; color:#777;}
h5											{font-size:18px; line-height:20px; margin:0 0 5px; font-family:Raleway, sans-serif; font-weight:600;}

/*h1:after									{content:''; display:block; background:#ccc; width:25px; height:2px;}*/

/* Preloader */
#preloader 									{position:fixed; top:0; left:0; right:0; bottom:0; background-color:#fff; z-index:99;}
#status 									{width:200px; height:200px; position:absolute; left:50%; top:50%; background-image:url(../images/status.gif); background-repeat:no-repeat; background-position:center; margin:-100px 0 0 -100px;}

#title										{margin:0 0 40px; border-left:5px solid #999; padding:0 0 0 15px; text-align:left;}
#title h1									{color:#399cff; margin:0; line-height:36px;}
#title h2									{color:#999; font-size:18px; line-height:20px; margin:0; font-weight:400;}

p											{margin:0 0 15px;}
a 											{color:#399cff; text-decoration:underline;}
a:hover 									{color:#0775e3;}
.button										{font-weight:400; color:#fff; text-decoration:none; display:inline-block; font-size:20px; border:none; border-bottom:2px solid #0673df; padding:13px 10px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; background: #399cff; line-height:20px;}
.button:hover								{background:#0673df; color:#fff;}
.button:after								{content:'\f105'; font-family:'FontAwesome', sans-serif; font-size:18px; margin:0 0 0 8px;}

.button.large								{font-size:16px; padding:13px 16px; font-weight:bold;}
.button.medium								{font-size:15px; padding:8px 10px;}
.button.small								{font-size:12px; padding:5px 10px; font-weight:bold;}
.button.small:after							{font-size:14px;}
		
.button.gray								{background:#666; border-color:#555;}
.button.gray:hover							{background:#555; border-color:#444;}

.button.red									{background:#c02942; border-color:#9e1b31;}
.button.red:hover							{background:#9e1b31; border-color:#841124;}

.button.blue								{background:#1492ce; border-color:#0a6f9f;}
.button.blue:hover							{background:#0a6f9f; border-color:#065b83;}

.button.facebook							{background:#3b5998; border-color:#31497d;}
.button.facebook:hover						{background:#31497d; border-color:#31497d;}

.button.google								{background:#dd4b39; border-color:#c03121;}
.button.google:hover						{background:#c03121; border-color:#c03121;}

.float-left									{float:left; margin:0 30px 20px 0;}
.float-right								{float:right; margin:0 0 20px 30px;}
.no-float									{float:none;}

/* Mensajes de estado */
.status										{border:1px solid #ddd; text-align:left; padding:15px; margin:0 0 20px; font-size:15px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.status .fontawesome:before					{font-size:25px; width:25px; margin:0 10px 0 0;}
.status.green								{border-color:#4bb7a3; color:#4bb7a3; background:#edfcf9;}
.status.orange								{border-color:#e08c28; color:#e08c28; background:#fcf8f3;}
.status.red									{border-color:#e3536c; color:#e3536c; background:#fdf4f6;}

ul											{margin:0 0 15px; padding:0; list-style:none;}
ul li										{background:url(../images/ico-check3.png) left 7px no-repeat; margin:0; padding:3px 0 3px 25px; list-style:none;}

hr											{background:url(../images/ico-ribbon1.png) center center no-repeat; margin:50px 0; padding:0; height:11px !important; border:none;}

img											{max-width:100%; height:auto;}

.img										{position:relative; line-height:1px;}
.img span									{overflow:hidden; display:block;}
.img:before									{content:''; display:block; height:50px; width:50px; background:#399cff; position:absolute; top:-3px; right:-3px; z-index:-1;}
.img:after									{content:''; display:block; height:50px; width:50px; background:#399cff; position:absolute; bottom:-3px; left:-3px; z-index:-1;}
.img img									{transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.img:hover img								{transform:scale(1.1); -moz-transform:scale(1.1); -webkit-transform:scale(1.1); -o-transform:scale(1.1); transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}

#wrap										{}
#wrapHeader									{background:#f9f9f9; border-bottom:3px solid #399cff; width:100%; position:fixed; top:0; left:0; z-index:999; box-shadow:0 0 10px rgba(0,0,0,0.1); -moz-box-shadow:0 0 10px rgba(0,0,0,0.1); -webkit-box-shadow:0 0 10px rgba(0,0,0,0.1); -webkit-transition:height 0.3s; -moz-transition:height 0.3s; -ms-transition:height 0.3s; -o-transition:height 0.3s; transition:height 0.3s;}
.smaller 									{box-shadow:0 0 10px rgba(0,0,0,0.1); -moz-box-shadow:0 0 10px rgba(0,0,0,0.1); -webkit-box-shadow:0 0 10px rgba(0,0,0,0.1); -webkit-transition:height 0.3s; -moz-transition:height 0.3s; -ms-transition:height 0.3s; -o-transition:height 0.3s; transition:height 0.3s;}
#header										{max-width:1142px; padding:0 15px; margin:0px auto; position:relative; font-size:12px;}
#logo										{float:left; padding:10px 0; margin:0; position:relative; z-index:2; line-height:3px;}
#logo img									{width:auto; height:70px; -webkit-transition:height 0.3s; -moz-transition:height 0.3s; -ms-transition:height 0.3s; -o-transition:height 0.3s; transition:height 0.3s;}
.smaller #logo img 							{width:auto; height:50px; -webkit-transition:height 0.3s; -moz-transition:height 0.3s; -ms-transition:height 0.3s; -o-transition:height 0.3s; transition:height 0.3s;}
#menu										{float:right; position:relative; padding:0; font-family:Raleway, sans-serif; -webkit-transition:height 0.3s; -moz-transition:height 0.3s; -ms-transition:height 0.3s; -o-transition:height 0.3s; transition:height 0.3s;}

#wrapContentTop								{}
#wrapContentTop #contentTop					{max-width:1142px; padding:60px 15px; margin:0px auto;}

#wrapContent								{background:#fff; margin:110px 0 0;}
#wrapContent #container						{max-width:1142px; padding:30px 15px; margin:0px auto;}
#wrapContent #container #center #content p	{text-align:justify;}
#wrapContent #container #center #content:after{content:''; display:block; clear:both;}
#wrapContent #container #center #content img	{max-width:50%; height:auto;}
#wrapContent #container #center #content h4		{color:#fff; background:#399cff; padding:20px;}

body.one-sidebar.sidebar-left #center		{float:right; width:70%;}

/* Slider */
#wrapSlider									{margin:80px 0 0;}
#wrapSlider #slider							{position:relative;}
#wrapSlider #slider .text					{z-index:1; color:#fff; max-width:1142px; padding:0 15px; left:0 !important; right:0 !important; margin:0px auto !important;}
#wrapSlider #slider .text ul				{margin:0; padding:0; list-style:none;}
#wrapSlider #slider .text ul li				{margin:0 0 8px; padding:0 0 0 23px; list-style:none; background:url(../images/ico-check2.png) left center no-repeat;}
#wrapSlider #slider .text-1					{font-size:1.5em; line-height:0.95em; font-family:flamablackregular; text-shadow:1px 1px 2px rgba(0,0,0,0.9);}
#wrapSlider #slider .text-2					{font-size:0.8em; line-height:1.2em; font-family:flamabold; text-shadow:1px 1px 2px rgba(0,0,0,0.9);}
#wrapSlider #slider .text-3					{font-size:0.5em; line-height:1em; font-family:flamalightregular; text-shadow:1px 1px 2px rgba(0,0,0,0.9);}
#wrapSlider #slider .text-3 p				{margin:0 0 5px;}
#wrapSlider #slider .bar					{background:rgba(57,156,255,0.5) !important;}
#wrapSlider #slider img						{transition:all 0.7s ease 0s; -moz-transition:all 0.7s ease 0s; -webkit-transition:all 0.7s ease 0s;}
#wrapSlider #slider:hover img				{transform:scale(1.1) rotate(2deg); -moz-transform:scale(1.1) rotate(2deg); -webkit-transform:scale(1.1) rotate(2deg); -o-transform:scale(1.1) rotate(2deg); transition:all 0.7s ease 0s; -moz-transition:all 0.7s ease 0s; -webkit-transition:all 0.7s ease 0s;transition:all 0.7s ease 0s; -moz-transition:all 0.7s ease 0s; -webkit-transition:all 0.7s ease 0s;}
#wrapSlider .primary-img:before 			{position:absolute; display:block; width:100%; height:100%; background:url(../images/cover.png); z-index:1;	top:0; left:0; content:"";}

#cssmenu1 ul,
#cssmenu1 li,
#cssmenu1 span,
#cssmenu1 a 								{margin:0; padding:0; position:relative; list-style:none; background:none;}
#cssmenu1 									{line-height: 1; border-radius:0px 5px 0 0; -moz-border-radius:0px 5px 0 0; -webkit-border-radius:0px 5px 0 0; width:auto; position:relative; z-index:10; margin:0;}
#cssmenu1:after,
#cssmenu1 ul:after 							{content:''; display:block; clear:both;}
#cssmenu1 a 								{color:#12252d; font-weight:bold; font-size:12px; display:block; padding:35px 10px 35px; text-decoration: none; text-shadow:none !important; text-transform:uppercase; border-top:5px solid #f9f9f9; transition:all 0.2s ease 0s; -moz-transition:all 0.2s ease 0s; -webkit-transition:all 0.2s ease 0s;}
.smaller #cssmenu1 a 						{padding:25px 10px;}
#cssmenu1 a span.holder						{display:none;}
#cssmenu1 ul 								{list-style:none;}
#cssmenu1 > ul > li							{display:inline-block; float:left; margin:0;}
#cssmenu1.align-center 						{text-align:center;}
#cssmenu1.align-center > ul > li 			{float:none;}
#cssmenu1.align-center ul ul 				{text-align:left;}
#cssmenu1.align-right > ul 					{float:right;}
#cssmenu1.align-right ul ul 					{text-align:right;}
#cssmenu1.align-right > ul > li:first-child > a,
#cssmenu1.align-center > ul > li:first-child > a{border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;}
#cssmenu1.align-right > ul > li:last-child > a 	{border-radius:0 5px 0 0; -moz-border-radius:0 5px 0 0; -webkit-border-radius:0 5px 0 0;}
#cssmenu1 > ul > li.active > a,
#cssmenu1 > ul > li:hover > a 				{border-top:5px solid #399cff; transition:all 0.2s ease 0s; -moz-transition:all 0.2s ease 0s; -webkit-transition:all 0.2s ease 0s;}
#cssmenu1 .has-sub 							{z-index:1;}
#cssmenu1 .has-sub:hover > ul 				{display:block;}
#cssmenu1 .has-sub ul 						{display:none; position:absolute; width:300px; top:100%; left:0; z-index:9999;}
#cssmenu1.align-right .has-sub ul 			{left:auto;right:0;}
#cssmenu1 .has-sub ul li 					{*margin-bottom:-1px;}
#cssmenu1 .has-sub ul li a 					{background:#4f81bd; border-bottom:1px dotted #0477bc; font-size:11px; filter:none; display:block; line-height:120%; padding:15px; color:#ffffff;}
#cssmenu1 .has-sub ul li:hover a 			{background:#0477bc;}
#cssmenu1 ul ul li:hover > a 				{color:#ffffff;}
#cssmenu1 .has-sub .has-sub:hover > ul 		{display:block;}
#cssmenu1 .has-sub .has-sub ul 				{display:none;position:absolute;left:100%;top:0;}
#cssmenu1.align-right .has-sub .has-sub ul,
#cssmenu1.align-right ul ul ul 				{left:auto; right:100%;}
#cssmenu1 .has-sub .has-sub ul li a 		{background:#0c7fb0; border-bottom:1px dotted #31b7f1;}
#cssmenu1 .has-sub .has-sub ul li a:hover 	{background:#0a6d98;}
#cssmenu1 ul ul li.last > a,
#cssmenu1 ul ul li:last-child > a,
#cssmenu1 ul ul ul li.last > a,
#cssmenu1 ul ul ul li:last-child > a,
#cssmenu1 .has-sub ul li:last-child > a,
#cssmenu1 .has-sub ul li.last > a 			{border-bottom:0;}

[class*="fontawesome"]:before 				{font-family:'FontAwesome', sans-serif; font-size:18px; display:inline-block; width:23px; margin:0 3px 0 0; text-align:center;}

/* Wrap Footer */
#wrapFooter 								{background:#333;}
#footer										{max-width:1142px; margin:0px auto; padding:50px 15px 40px; color:#fff;}
#footer .col								{float:left; width:31%; margin:0 3.5% 0 0; font-size:14px;}
#footer .col-1 p							{margin:11px 0 0;}
#footer .col-3								{margin-right:0;}
#footer .col h4								{margin:0 0 25px;}
#footer .col ul								{margin:0; padding:0; list-style:none;}
#footer .col ul li							{background:url(../images/arrow1.png) left center no-repeat; padding:0 0 0 20px; margin:0 0 2px;}
#footer .col ul li a						{color:#999;}
#footer .col span:before					{font-size:13px; font-weight:200;}
#footer .col iframe							{width:100% !important; height:156px !important; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}

/* Wrap Copy */
#wrapCopy									{background:#222;}
#wrapCopy #copy								{max-width:1142px; padding:20px 15px; margin:0px auto; color:#999; font-size:11px;}
#wrapCopy #copy .col-1						{float:left; font-size:14px;}
#wrapCopy #copy .col-2						{float:right; }
#wrapCopy #copy .col-2 a					{color:#ff1b4c; text-decoration:none; text-transform:uppercase;}

/* Block 1 */
#block-block-1 								{padding:100px 0;}
#block-block-1 .content						{max-width:1142px; padding:0 15px; margin:0px auto;}
#block-block-1 .content h1					{padding:4% 0 0;}
#block-block-1 .content .img				{width:50%; height:auto; float:right; margin:0 0 0 30px;}

/* Block 2 */
#block-block-2								{background:url(../images/bg-block-3.jpg) center top no-repeat; background-size:100% auto;}
#block-block-2 h1							{color:#fff;}
#block-block-2 .content						{max-width:1142px; margin:0px auto; padding:60px 15px; color:#fff;}
#block-block-2 .content p					{font-size:18px;}
#block-block-2 .content .text				{float:right; width:49%; padding:3%; background:rgba(0,0,0,0.5); border-right:3px solid #399cff;}
#block-block-2 .content img					{width:100%; max-width:583px; height:auto;}

/* Block 3 */
#block-block-3								{background:#f1f1f1;}
#block-block-3 .content						{max-width:1142px; margin:0px auto; padding:30px 15px 25px; line-height:1px; color:#fff;}
#block-block-3 .content img					{border:1px solid #ddd; float:left; margin:0 5px 5px 0; display:inline-block; transition:all 0.2s ease 0s; -moz-transition:all 0.2s ease 0s; -webkit-transition:all 0.2s ease 0s;}
#block-block-3 .content img:last-child		{margin-right:0;}
#block-block-3 .content img:hover 			{transform:scale(1.1); -moz-transform:scale(1.1); -webkit-transform:scale(1.1); -o-transform:scale(1.1); transition:all 0.2s ease 0s; -moz-transition:all 0.2s ease 0s; -webkit-transition:all 0.2s ease 0s;}

.block .content:after						{content:''; display:block; clear:both;}

.row										{margin:0; padding:20px 0; border-bottom:1px solid #ddd; transition:all 0.2s ease 0s; -moz-transition:all 0.2s ease 0s; -webkit-transition:all 0.2s ease 0s;}
.row:hover									{background:#f1f1f1; padding:20px; transition:all 0.2s ease 0s; -moz-transition:all 0.2s ease 0s; -webkit-transition:all 0.2s ease 0s;}
.row:after									{content:''; display:block; clear:both;}
.row p 										{margin:0;}
.row p span									{color:#399cff;}
.row img									{float:right; margin:0 0 0 5px;}
.row img:nth-child(3)						{margin-left:30px;}
.row:last-child								{border:none;}

form label									{font-size:15px; text-align:left; display:block; text-transform:uppercase; color:#999; font-weight:bold;}
form label	span							{color:orange; font-weight:bold;}
.form-text									{padding:10px; width:100%; border:1px solid #ddd; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.form-select								{padding:0px 10px; height:40px; width:100%; border:1px solid #ddd; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.form-select option							{padding:8px 10px 9px; display:block; border-bottom:1px solid #f1f1f1;}
.form-textarea								{padding:10px; width:100%; border:1px solid #ddd; height:140px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.form-item									{margin:0 0 15px; position:relative;}
.form-text:hover,
.form-select:hover,
.form-textarea:hover						{border-color:#399cff;}

/* Clientes */
#clientes h5								{margin:30px 0 10px; padding:0 0 5px; color:#777; border-bottom:1px solid #399cff;}
#clientes span								{display:table; background:#fff; line-height:15px; float:left; width:168px; height:60px; color:#399cff; text-align:center; font-size:13px; text-transform:uppercase; border:1px solid #ccc; border-bottom-width:3px; padding:5px; margin:0 10px 10px 0; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
#clientes span:hover						{background:#f9f9f9;}
#clientes span b							{vertical-align:middle; display:table-cell;}

/* Contacto */
#contact-form								{width:47%; float:left;}
#contact-info								{width:47%; float:right;}
#contact-info p								{margin:0; padding:5px 0; font-size:16px;}
#contact-info .fontawesome:before			{font-size:26px; width:18px; margin:0 10px 0 0; color:#399cff;}
#contact-info iframe						{width:100% !important; height:316px !important; margin:20px 0 0;}

/* Responsive */
.slicknav_menu							{
	display:none;
}
@media screen and (max-width:1500px) 	{
	#block-block-2								{background-size:auto auto;}
}
@media screen and (max-width:1100px) 	{
	#wrapSlider #slider .text-1				{font-size:30px !important; top:33% !important;}
	#wrapSlider #slider .text-2				{font-size:20px !important; top:45% !important;}
	#wrapSlider #slider .text-4				{top:57% !important;}
}
@media screen and (max-width:950px) 	{
	#cssmenu1 a								{padding:12px;}
	.callbacks_nav 							{display:none;}
	#content.home							{background:none;}
}
@media screen and (max-width: 900px) 	{
	#wrapHeader								{padding-bottom:0;}
	.js #cssmenu1 							{display:none;}
	.js .slicknav_menu 						{display:block;}
	#menu									{margin:25px 0 0;}
	.smaller #logo img 						{width:auto; height:70px;}	
	#wrapSlider #slider .button.large		{padding:8px 10px; font-size:11px;}
	
	#social-access 							{position:relative; top:auto; right:auto; margin:0 0 30px;}
}
@media screen and (max-width: 800px) 	{

}
@media screen and (max-width: 700px) 	{
	.slide .inner 							{height:250px !important;}
	.slide .inner .projector 				{height:250px !important;}
	.slide .inner .projector .primary-img	{height:250px !important;}
	.slide .inner .projector img			{min-height:250px; min-width:700px;}
	
	#wrapContact #contact .col				{float:none; width:auto; margin:0; text-align:left; padding:15px 0; border:none; border-bottom:1px solid #B9E1E0;}
	#wrapContact #contact .col-3			{border:none;}
	
	#wrapFooter #footer .col				{float:none; width:auto; margin:0; text-align:left; padding:15px 0; border:none; border-bottom:1px solid #399cff;}
	#wrapFooter #footer .col p				{margin:0;}
	#wrapFooter #footer .col-3				{border:none; padding-bottom:0;}
	
	#wrapCopy #copy .col					{text-align:center; float:none;}
	
	/* Contacto */
	#contact-form							{width:auto; float:none; margin:0 0 30px;}
	#contact-info							{width:auto; float:none; margin:0 0 30px;}
	
	#block-block-1 							{padding:50px 0;}
	#block-block-1 .content h1				{padding:0;}
	#block-block-1 .content .img			{width:100%; float:none; margin:0 0 30px;}
	
	#block-block-2 .content p				{font-size:16px; line-height:20px;}
	#block-block-2 .content .text			{float:none; width:auto; border:none;}
	
	.row:hover								{background:none; padding:20px 0;}
	.row img								{margin:0 1% 1% 0 !important; width:31%;}
}
@media screen and (max-width: 600px)	{
	#footer									{padding-top:20px;}
	
	#wrapContent #container #center #content img {max-width:100%; margin:0 0 20px; float:none;}
	
	.form-item								{float:none !important; margin:0 0 15px !important; width:auto !important;}
	
	#wrapSlider #slider .text-1				{font-size:22px !important; top:34% !important;}
	#wrapSlider #slider .text-2				{font-size:15px !important; top:43% !important;}
	#wrapSlider #slider .text-4				{top:62% !important;}
	
	#clientes span							{width:49%; margin:0 0.5% 1% !important; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
}
@media screen and (max-width: 550px) 	{
	
}
@media screen and (max-width: 500px) 	{
	.slide .inner .projector img			{margin-left:-40%;}	
	
	#block-block-3 .content img						{width:49.5%; height:auto; margin:0 1% 1% 0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
	#block-block-3 .content img:nth-child(even)		{margin-right:0;}
}

@media screen and (max-width: 400px) 	{
	#logo img 								{width:auto; height:60px;}
	.smaller #logo img 						{width:auto; height:60px;}
	.slicknav_nav 							{top:55px !important;}
}
@media screen and (max-width: 350px) 	{
	#wrapContact #contact .col				{font-size:22px;}
}