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

.clear											{clear:both;}
body												{margin:0; padding:0; background:#0F2032; font-family:'Open sans', sans-serif; font-size:15px; line-height:25px; color:#12252d;}
h1													{font-size:32px; line-height:42px; margin:0 0 15px; font-weight:600; color:#1D2F43;}
h2													{font-size:30px; line-height:30px; margin:0 0 15px; font-weight:600;}
h3													{font-size:26px; line-height:25px; margin:0 0 15px; font-weight:600;}
h4													{font-size:23px; line-height:20px; margin:0 0 5px; font-weight:600;}
h5													{font-size:18px; line-height:20px; margin:0 0 5px; font-weight:600;}

.no-display										{display:none;}

/* 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:#1D2F43; 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:#4baccf; text-decoration:underline;}
a:hover 											{color:#2c8cae;}

.archivo-subido									{position:relative; font-weight:bold; color:#4bb7a3 !important;  font-size:14px; padding:0; margin:0 10px 0 0; display:inline-block; text-decoration:none;}
.archivo-subido span							{font-weight:bold; text-decoration:underline;}
.archivo-subido span.date						{font-weight:400; color:#888; font-size:11px; display:block; line-height:11px; text-decoration:none;}
.archivo-subido span.date.inline				{display:inline-block;}
.archivo-subido:hover							{}
.archivo-subido:before							{content:'\f0f6'; font-family:'FontAwesome', sans-serif; margin:0 5px 0 0;}
.border											{padding:7px; border:1px solid #4bb7a3; display:block; position:relative;}
.border .table-action							{position:absolute; right:10px; font-size:20px;}

.x-del											{background:#c02942; border:1px solid #9e1b31; color:#fff !important; text-decoration:none; font-size:13px; padding:0 5px; border-radius:5px;}
.x-del:hover									{background:#9e1b31;}

.table-action									{font-size:22px; color:#e3536c; border:none; background:none; padding:0;}
.table-action.print								{color:#00923f;}
.table-action.docs								{color:#e99453;}
.table-action.edit								{color:#00AED2;}
.table-action.del								{color:#e3536c;}

.button											{font-weight:400; cursor:pointer; color:#fff; text-decoration:none; display:inline-block; font-size:20px; border:none; padding:13px 10px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; background: #1D2F43; line-height:20px;}
.button:hover									{background:#3d5c7f;color:#fff;}

.button.print									{}

.button.large									{font-size:16px; padding:10px 16px 11px; font-weight:bold;}
.button.medium									{font-size:14px; padding:6px 10px; font-weight:bold;}
.button.small									{font-size:13px; padding:3px 10px; font-weight:bold;}

.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.light									{background:#00AED2; border-color:#029cbc;}
.button.light:hover								{background:#029cbc; border-color:#01829d;}

.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;}

.doc-cargado									{background:#ddd; position:relative; font-size:14px; margin:10px 0 0; padding:2px 40px 2px 10px; display:inline-block; border-radius:50px; -moz-border-radius:50px; -webkit-border-radius:50px;}
.doc-cargado:hover								{background:#ccc;}
.doc-cargado a									{text-decoration:none; color:#000;}
.doc-cargado .doc-del							{position:absolute; top:0; right:0; color:#fff; font-size:10px; font-weight:bold; background:#555; padding:2px 10px; border-radius:50px; -moz-border-radius:50px; -webkit-border-radius:50px;}
.doc-cargado .doc-del:hover						{background:red;}

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

/* Mensajes de estado */
.alerta											{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;}
.alerta.big										{font-size:20px; font-weight:bold; text-transform:uppercase;}
.alerta .fontawesome:before						{font-size:25px; width:25px; margin:0 10px 0 0;}
.alerta.alerta1									{border-color:#4bb7a3; color:#4bb7a3; background:#edfcf9;}
.alerta.alerta2									{border-color:#e08c28; color:#e08c28; background:#fcf8f3;}
.alerta.alerta3									{border-color:#e3536c; color:#e3536c; background:#fdf4f6;}
.alerta.alerta4									{border-color:#00AED2; color:#00AED2; background:#f4fbfd;}

#validacion .estado								{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;}
#validacion .estado:after						{content:''; display:block; clear:both;}
#validacion .estado.validado					{border-color:#4bb7a3; color:#4bb7a3; background:#edfcf9;}
#validacion .estado.no-validado					{border-color:#e3536c; color:#e3536c; background:#fdf4f6;}
#validacion .estado.validado p					{float:left; margin:3px 0 0; font-weight:bold;}
#validacion .estado.no-validado p				{float:left; margin:3px 0 0; font-weight:bold;}
#validacion .estado form						{float:right;}

#mensaje_final									{background:#000; color:#e3536c; border:1px solid #e3536c; text-align:center !important; padding:50px 20px; font-weight:bold; margin:0 0 20px; font-size:16px;}

#mensaje_inicial								{max-width:500px; text-align:center !important; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px;}
#mensaje_inicial h1								{font-size:25px; text-align:center;}
#mensaje_inicial p								{margin:0 0 8px;}
#mensaje_inicial p.release						{color:#999; font-size:13px;}
#mensaje_inicial .form-item						{}
#mensaje_inicial .copy							{font-size:12px; margin:30px 0 0; text-align:center; color:#999; border-top:1px solid #ddd; padding:20px 0 0;}

.wrap-form.ver-notificacion h1					{margin:0; padding:0; font-size:25px; border:none;}
.wrap-form.ver-notificacion h5					{font-size:13px; font-weight:400; color:#999; margin:0 0 20px; padding:0;}
.wrap-form.ver-notificacion .back				{float:right;}

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

hr												{background:url(../images/ico-ribbon1.png) center center no-repeat; margin:50px 0; padding:0; height:11px !important; border:none;}
hr.hr1											{background:none; background:#ddd; height:1px !important; margin:30px 0;}
hr.hr2											{background:none; background:#000; height:2px !important; margin:30px 0;}

#wrap											{}
#wrapHeader										{background:#1D2F43; width:100%; position:relative; top:0; left:0; z-index:999; -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:1200px; padding:13px 15px 7px; 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:31px;}
#menu											{float:right; position:relative; padding:0; -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:1200px; padding:60px 15px; margin:0px auto;}

#wrapContent									{background:#fff; margin:0; padding:0;}
#wrapContent #container							{max-width:1200px; padding:30px 15px 70px; margin:0px auto; box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}
#wrapContent #container.solapas					{padding-top:0;}
#wrapContent #container #content 				{position:relative;}
#wrapContent #container #center #content p		{}
#wrapContent #container #center #content:after	{content:''; display:block; clear:both;}
#wrapContent #container #center #content img	{max-width:100%; height:auto;}

.loading										{display:none; vertical-align:middle; width:50px; height:50px;}
.loading img									{max-width:100%; height:auto;}

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

#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:#fff; 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 #fff; 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 #1D2F43; 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;}

/* Wrap Contact */
#wrapContact									{background:#8acdcc;}
#wrapContact #contact							{max-width:1200px; padding:0 15px; margin:0px auto;}
#wrapContact #contact .col						{float:left; width:31%; padding:20px 1%; text-align:center; font-size:32px; line-height:32px;}
#wrapContact #contact .col span:before			{font-size:32px; border:3px solid; margin:0 10px 0 0; padding:15px; width:32px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;}
#wrapContact #contact .col a					{display:inline-block; padding:20px 0; color:#14262e; text-decoration:none;}
#wrapContact #contact .col-2					{border-left:1px solid #b9e1e0; border-right:1px solid #b9e1e0;}
#wrapContact #contact .col-3					{margin-right:0;}

/* Wrap Footer */
#wrapFooter 									{background:#1D2F43;}
#footer											{max-width:1200px; margin:0px auto; padding:18px 15px 12px; color:#fff;}
#footer img										{width:175px;}
#footer .col									{float:left; width:48%; margin:0 4% 0 0; font-size:14px;}
#footer .col-2									{margin-right:0; text-align:right;}
#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 span:before						{font-size:13px; font-weight:200;}

/* Wrap Copy */
#wrapCopy										{background:#0f2032;}
#wrapCopy #copy									{max-width:1200px; padding:17px 15px; margin:0px auto; color:#fff; font-size:11px;}
#wrapCopy #copy .col-1							{float:left; padding:0; font-size:14px;}
#wrapCopy #copy .col-2							{float:right; line-height:1px;}

/* Login */
.wrap-form										{width:100%; border-top:4px solid #1D2F43; position:relative; background:#f9f9f9; margin:0px auto; padding:30px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.wrap-form.datos								{border-color:#00AED2;}
.wrap-form:after								{content:' '; display:block; position:absolute; bottom:-12px; right:0; left:0; margin:0; background:url(../images/shadow1.png) center bottom no-repeat; background-size:100% 100%; height:12px;}
.wrap-form h1									{border-bottom:1px solid #ddd; padding:0 0 20px; margin:0 0 25px;}

#account-access									{margin:0 0 25px;}

#login-form .left								{width:45%;}
#login-form .right								{width:49%; margin:25px 0 0;}

#login-info										{width:47%; float:right; margin:3px 0 0;}
#login-info p									{margin:0; padding:5px 0; font-size:16px;}
#login-info .fontawesome:before					{font-size:18px; width:18px; margin:0 10px 0 0; color:#1D2F43;}

#register-form:after							{content:''; display:block; clear:both;}
#register-form .form-item:nth-child(odd)		{float:left; width:48%;}
#register-form .form-item:nth-child(even)		{float:right; width:48%;}
#register-form .form-item.no-float				{float:none; width:auto;}

/* Mi cuenta */
#mi-cuenta .right								{border-left:1px solid #ddd; padding-left:20px;}
#mi-cuenta .left								{padding-right:20px;}
#mi-cuenta .left img							{width:100%;}

/* Responsive */
.slicknav_menu							{
	display:none;
}
@media screen and (max-width:1100px) 	{
	#block-block-3								{background-size:auto 100%;}

	.pricing-table .features					{padding:30px;}
}
@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;}

}
@media screen and (max-width: 800px) 	{
	#block-block-1 								{font-size:20px; line-height:25px; border-width:2px;}
}
@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 #1D2F43;}
	#wrapFooter #footer .col p					{margin:0;}
	#wrapFooter #footer .col-3					{border:none; padding-bottom:0;}

	#wrapCopy #copy .col-1						{padding:15px 0;}
	#wrapCopy #copy .col-2						{display:none;}

	/* Precios */
	.pricing-table .block-price 				{width:auto; margin:0 0 30px; float:none;}
	.pricing-table .features					{padding:30px 20%;}

	/* Contacto */
	#contact-form								{width:auto; float:none; margin:0 0 30px;}
	#contact-info								{width:auto; float:none; margin:0 0 30px;}
}
@media screen and (max-width: 600px)	{
	#block-block-2 .content						{padding:20px 15px;}
	#block-block-5 .content						{padding:20px 15px;}
	#footer										{padding-top:20px;}

	#wrapSlider #slider .text-1					{font-size:2.4em; line-height:0.9em; top:13% !important;}
	#wrapSlider #slider .text-2					{font-size:1.4em; line-height:1.6em; top:23% !important;}
	#wrapSlider #slider .text-3					{font-size:1.3em; line-height:1.2em; top:33% !important;}

	#wrapContent #container #center #content img {max-width:100%; float:none;}

	.wrap-form									{padding:20px;}
	.wrap-form h1 								{padding: 0 0 15px; margin: 0 0 15px; font-size:26px; line-height:26px;}
	.form-item									{float:none !important; margin:0 0 15px !important; width:auto !important;}

}
@media screen and (max-width: 550px) 	{
	#login-form 								{width:auto; float:none; }
	#login-info 								{width:auto; float:none; margin:20px 0 0; padding:15px 0 0; border-top:1px solid #ddd;}
}
@media screen and (max-width: 500px) 	{
	.slide .inner .projector img				{margin-left:-40%;}

	#block-block-1 								{font-size:14px; line-height:18px; padding:10px;}

	#block-block-2 .content .col				{float:none; width:auto; margin:0 0 15px;}

	#block-block-5 .content .col				{float:none; width:auto; margin:0 0 15px;}

	#block-block-3 .content .col-1				{margin:0 0 25px;}
	#block-block-3 .content .col				{float:none; width:auto;}
}

@media screen and (max-width: 430px) 	{
	#logo 	 									{padding:13px 0 19px;}
	#logo img 									{width:auto; height:18px;}
	.slicknav_nav 								{top:55px !important;}
}
@media screen and (max-width: 350px) 	{
	#wrapContact #contact .col					{font-size:22px;}
}