html {
	font-family: 'Open Sans', sans-serif, verdana;
	font-weight: 300;
}

body{
	margin: 0px;
	padding: 0px;
		
}



h1, h2, h3, h3 {
	font-family: 'Open Sans', sans-serif, verdana;
	font-weight: 700;
}

h1 {
	font-size: 42px;
}


/* =================================================================== */
/* Header
====================================================================== */


header{
	height: 100px;
	background: url('/images/bg_header.png');
	top: 0px;
	width: 100%;
	transition: all 0.6s ease 0s;
	z-index: 999;

	

}

header .logo {
	margin-top: 30px;
	transition: all 0.6s ease 0s;
}

header .logo img{
	max-width: 100%;
	transition: all 0.6s ease 0s;
	border: 0;
	opacity: 1;
}

header .logo img:hover{
	opacity: 0.9;
	transition: all 0.6s ease 0s;
	border: 0;
}


header .navigation{
	text-align: right;
	margin-top: 0px;
		height: 65px;
}


header .contact_info {
	text-align: right;
	margin-top: 10px;
	padding-right: 18px;

}

header .contact_info i{
	padding: 0px 5px 0px 20px;
	color: #c52032
}

header .contact_info a{
	color: #323232;
	font-family: 'Open Sans', sans-serif, verdana;
	font-weight: 300;
	font-size: 12px;
}

#header_placeholder{ 
	height: 70px;
	display: none;
	overflow: hidden;
}

header.sticky {
	background: #ffffff url('/images/bg_header.png');
	position: fixed;
	top: 0px;
	height: 74px;
	z-index: 99;
	opacity: 0.98;
	transition: all 0.6s ease 0s;
	z-index: 999999;
	border-bottom: 3px solid #c52032;

}




header.sticky .navigation{
	text-align: right;
	margin-top: 12px;
}

header.sticky .contact_info {
	display: none;
}

header.sticky .logo {
	margin-top: 8px;
}

header.sticky .logo img{
	max-width: 100%;
}

/* =================================================================== */
/* Slider
====================================================================== */

.slider{
	width: 100%;
	height: 380px;
	margin: 0px 0 0 0;
	z-index: -999990;
	background: #f4f4f4;
	border-top: 10px solid #c52032;
	border-bottom: 10px solid #242424; 
	transition: all 0.4s ease 0s;
}







/* =================================================================== */
/* Homepage 
====================================================================== */

.homepage {
	background: url('/images/bg_box.jpg') top fixed #c52032;
	min-height: 130px;
	padding: 30px 0px 10px 0px;
	border-bottom: 20px solid #d4d4d4; 
}

.homepage .box {
	margin-bottom: 30px;
}

.homepage .box .circle {
	font-family: 'Open Sans', sans-serif, verdana;
	font-weight: 700;
    background: #c52032 none repeat scroll 0 0;
    border: 6px solid #ffffff;
    border-radius: 50%;
    color: #fff;
    font-size: 18px;
	font-weight: 400;
    height: 140px;
    padding: 52px 0px;
    text-align: center;
    transition: all 0.6s ease 0s;
    width: 140px;
	margin: 0 auto;
	line-height: 18px;
	
}


.homepage .box .twolines{
	 padding: 43px 0px;
}

.homepage .box .threelines{
	 padding: 38px 0px;
}

.homepage .box .circle:hover {
    background: #ebebeb none repeat scroll 0 0;
	color: #c52032;
	
}


/* =================================================================== */
/* Titlepage
====================================================================== */

.titlepage{
	background: url('/images/maco_bg.jpg') no-repeat bottom right #ffffff;
	text-align: center;
	padding: 50px 0px 60px 0px;
	color: #0f3557;
	font-family: 'Open Sans', sans-serif, verdana;
	font-weight: 300;
	font-size: 18px;
	line-height: 26px;
	color: #323232;
}

h1.title {
	font-size: 38px;
	font-weight: 700;
	color: #343434;
}

h1.title .red{
	color: #c52032;
}

h1.titlepage p{
	font-size: 24px; 
	font-weight: 400;
}


/* =================================================================== */
/* Oferta Home
====================================================================== */

.offer_home {
	background: url('/images/bg_marketing.jpg') fixed;
	padding: 60px 0px;
	
}

.offer_home .title_box{
	text-align: center;
	margin-bottom: 30px;
}

.offer_home  h3.title {
	color: #dc1d32;
	font-family: 'Open Sans', sans-serif, verdana;
	font-weight: 700;
	font-size: 22px;
}

.offer_home li{
	font-size: 16px;
	font-family: 'Open Sans', sans-serif, verdana;
	font-weight: 400;
	color: #ffffff;
	list-style: none;
	margin: 20px 0px;
}

.offer_home li i{
	color: #ffffff;
	background: #dc1d32;
	font-size: 18px;
	margin-right: 15px;
    border-radius: 50%;
    height: 35px;
    padding: 7px;
    text-align: center;
    transition: all 0.4s ease 0s;
    width: 35px;
	
}

.offer_home li:hover i{
	background: #ffffff;
	color: #dc1d32;
	transition: all 0.4s ease 0s;
}

/* =================================================================== */
/* Page
====================================================================== */

.page {
	color: #224667;
	font-family: 'Open Sans', sans-serif, verdana;
	font-weight: 400;
	font-size: 14px;
	line-height: 24px;
	background: url('/images/bg_page.jpg') repeat-x center top;

}

.page .itemTitle {
	font-size: 16px;
	font-weight: 700;
	background: #c52032;
	padding: 20px 50px;
	padding-left: 80px;
	color: #ffffff;
	text-align: left !important;
}

.page .itemTitle a{
color: #ffffff;
}

.page .page_content {
	margin-top: 30px;
	background: url('/images/maco_bg.jpg') bottom right no-repeat #ffffff;
	padding: 40px 40px 60px 40px;
	margin-bottom: 30px;
	overflow: hidden;
	border: 1px solid #d4d4d4;
}


.page .page_content .title_text{
	color: #c52032;
	font-family: 'Open Sans', sans-serif, verdana;
	font-weight: 700;
	font-size: 28px;  
	

}


.page .page_content .content_text{
	color: #323232;
	font-family: 'Open Sans', sans-serif, verdana;
	font-weight: 400;
	font-size: 14px;
	line-height: 22px;
}

.page .page_content .content_text ul{
	margin-top: 15px;
	list-style: circle #c52032;
}

.page .page_content .content_text ul li{
	padding: 4px;
}

.page .page_content .content_text ul li a{
	color: #0f5184;
	font-weight: 400;
}

.page .page_content .content_text ul li a:hover{
	color: #953f48;
	text-decoration: none;
}

.page .page_content .content_text i{
	padding-right: 8px;
}


.page div {
	text-align: justify;
}


.page .page_title {
	font-size: 36px;
	font-weight: 700;
	padding: 20px 0px 40px 0px;

}



.page .itemFullText {
	font-size: 14;
	font-weight: 400;
	padding: 20px 15px 40px 15px;
	color: #000;
}

.page .itemFullText img{
	max-width: 100%;
}

.page h3.catItemTitle {
	margin-top: 4px !important;
	padding: 0px !important;
}

.page h3.catItemTitle a{
	color: #224667;
	font-size: 24px;
	font-family: 'Open Sans', sans-serif, verdana;
	font-weight: 700;
}

.page .catItemBody {
	margin-top: 4px !important;
	padding: 0px !important;
}


.catItemImageBlock {
	margin-bottom: 0px !important;
	padding-bottom: 0px !important;
}




.img_overlay{
    background: url("/images/overlay-pattern.png") repeat scroll 0 0;
    height: 100% !important;
    bottom: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all 0.7s ease 0s;
	height: 0;
	
}

.box:hover .news_box_thumb .img_overlay{
	opacity: 1;
	display: block !important;
	width: 100% !important;
	height: 100%;
	 transition: all 0.5s ease 0s;
	text-align: center;
}

.box .news_box_thumb .img_overlay{
	opacity: 0;
	display: block !important;
	width: 100% !important;
	height: 100%;
	 transition: all 0.5s ease 0s;
	text-align: center;
}



.box .news_box_thumb {
	overflow: hidden;
	position: relative;
	display: block;
}

.box .news_box_thumb img{
	max-width: 100%;
		transform: scale(1.0, 1.0);
	-ms-transform: scale(1.0, 1.0);
	-webkit-transform: scale(1.0, 1.0);
	transition: all 0.5s ease 0s;
}

.img_overlay_arrow{
    background: url("/images/arrow_down.png") no-repeat scroll center bottom;
    height: 100% !important;
    left: 0;
    opacity: 0;
    position: absolute;
    bottom: 0;
    transition: all 0.5s ease 0s;
	margin-bottom: -200px;
	text-align: center;
	color: #ffffff;
}

.box:hover .news_box_thumb .img_overlay_arrow{
	opacity: 1;
	display: block !important;
	width: 100%;
	height: 100%;
	margin-bottom: 0px;
	text-align: center;
	color: #ffffff;
	transition: all 0.6s ease 0s;
}



/* =================================================================== */
/* Clients
====================================================================== */
.clients {
	padding: 50px 0px;
	background: url('/images/bg_clients');
	transition: all 0.5s ease 0s;
}

.clients:hover {
	padding: 60px 0px;
	transition: all 0.5s ease 0s;
}

.clients img{
	max-width: 100%;
	transition: all 0.5s ease 0s;
	opacity: 1;
}

.clients img:hover{
	opacity: 0.7;
	transition: all 0.5s ease 0s;
}


/* =================================================================== */
/* Scroll Top
====================================================================== */


.scrollToTop {
	font-family: 'Open Sans', sans-serif, verdana;
	font-weight: 300;
	font-size: 13px;
}





/* =================================================================== */
/* Menu_box
====================================================================== */

.menu_box {
	margin: 0px 0px 0px 20px;
}

.menu_box .menu_box_title {
	border: 1px solid #b31a2b;
	background: #c52032;
	padding: 10px 20px;
	margin: 3px;
	color: #ffffff;
	font-weight: 700;
}

.menu_box .menu_box_list {
	border: 1px solid #d3d3d3;
	background: #e1e1e1;
	padding: 7px 10px 7px 20px;
	margin: 3px;
	font-weight: 400;
}

.menu_box .menu_box_list i {
	 margin-right: 7px;
}

.menu_box .menu_box_list a {
	color: #323232;
	transition: all 0.5s ease 0s;
}

.menu_box .menu_box_list a:hover {
	color: #000000;
	transition: all 0.5s ease 0s;
	
}

.menu_box .active,
.menu_box .menu_box_list:hover {
	background: #999999; 
	border: 1px solid #d4d4d4;
	color: #ffffff;
	transition: all 0.5s ease 0s;
}

.menu_box .menu_box_list2:hover {
	background: #b1c4d5;
	border: 1px solid #b1c4d5;
	color: #ffffff;

	}

.menu_box .menu_box_list:hover a{
	color: #ffffff;
}
	
.menu_box .active a,
 .menu_box .active i {
	color: #ffffff;
}

.menu_box .active a:hover {
	color: #f4f4f4;
	text-decoration: none;
}


/* =================================================================== */
/* Logo
====================================================================== */

.logo {
	
}

.logo img {
	max-width: 100%;
	padding: 2px;
	border: 1px solid #d4d4d4;
	opacity: 1;
	transition: all 0.5s ease 0s;
}

.logo img:hover {
	opacity: 0.7;
	transition: all 0.5s ease 0s;
	border: 1px solid #7e7e7e;
}


.logo .logo_box{
	margin-bottom: 20px;
}



/* =================================================================== */
/* Footer
====================================================================== */

.footer {
	background: #222222;
	padding: 20px;
	padding-top: 45px;
	margin-top: 0px;
	font-family: 'Open Sans', sans-serif, verdana;
	font-weight: 300;
	color: #aeaeae;
	font-size: 13px;
	line-height: 24px;
}

.footer .left {
	float: left;
	text-align: left;
}

.footer .right {
	float: right;
	text-align: right;
}


.footer h4 {
	margin-top: 0px;
	font-family: 'Open Sans', sans-serif, verdana;
	font-weight: 400;
	color: #ffffff;
	font-size: 22px;
}

.footer i {
    display: block;
    float: left;
    font-size: 1.2em;
    margin: 7px 8px 10px 0;
    position: relative;
    text-align: center;
    top: -2px;
    width: 16px;
}

.footer ul {
	list-style: none;
	padding-left: 0px;
}

.footer ul li{
	line-height: 26px;
}

.footer ul li i{
	padding: 5px 20px 0px 0px;
	margin: 0px;
}

.footer ul li i.fa-envelope {
	font-size: 12px;
	padding-top: 8px;
}

.footer ul li a {
	color: #ffffff;
}

.footer ul li a:hover {
	color: #d4d4d4;
}




.footer_bottom {
	background: #181818;
	padding: 30px 0px;
	font-family: 'Open Sans', sans-serif, verdana;
	font-weight: 300;
	color: #aeaeae;
	font-size: 11px;
	line-height: 24px;
}

.footer_bottom .left{
text-align: left;
}

.footer_bottom .right{
text-align: right;

}

.footer_bottom a {
	color: #aeaeae;
}


li.sigProThumb,
.sigProLinkOuterWrapper,
.sigProLinkWrapper,
img.sigProImg {

}





@media (min-width: 980px) and (max-width: 1199px) {

a.maximenuck span.titreck,
span.separator span.titreck{
	padding: 4px 6px !important;
    font-size : 13px !important;
}

	.fcp_wrapper .fcp_sendrow {
			margin-left: 135px;
	}
	
	
	.boxes .box .title {
		font-size: 24px;
		font-weight: 700;
		line-height: 24px;
		margin-bottom: 15px;
    }

		
	.boxes .box .text {
		font-size: 11px;
		font-weight: 400;
		line-height: 16px;
		margin-bottom: 10px;
    }
	
	.mod_sef_td input#mod_simpleemailform_field1_1{
	width: 190px;
	
	}

	#mod_simpleemailform_submit_1 {
		width: 46px;
		padding: 0px 10px;
		margin: 0px;
	}
	
	
	tr.mod_sef_tr {
		padding: 0px;
		margin: 0px;
		overflow: hidden;
	}
	
		td.mod_sef_td {
		width: 100%;
		overflow: hidden;
	}
	
		.text_info {
		margin-top: -20px !important;
		font-size: 11px;
	}
	
}


@media (min-width: 768px) and (max-width: 979px) {
	

	header{
		height: 90px;
		}

	header .navigation{
	text-align: right;
	margin-top: -10px;
	}
	
	header .logo {
	margin-top: 30px;
	}

	header.sticky {
	height: 64px;
	}


	.sticky .navigation{
		margin-top: 3px !important;
	}
	
	/* item title */
	a.maximenuck span.titreck,
	span.separator span.titreck{
	padding: 4px 2px !important;
    font-size : 11px !important;
	}

	

	

	
	}
	


	
	
@media (max-width: 768px) {


	header {
		height: 90px;
	}

	.slider {
		display: none;
	}
	
	.boxes {
		margin-top: 75px;
	}

	.logo img.sticky {
		margin-top: 8px;
	}
	
	
	header .contact_info {
		display: none;
	}

	.mobilebarmenutitleck {
		display: none;
	}

	.mobilebarmenuck {
		margin-top: 23px;
		z-index: 99999999999;
		position: absolute;
	
	}

	.title_home {
		margin-top: 150px;
	}

	.news_box {
		margin-bottom: 40px;
	}
	
	.fcp_wrapper label{
		width: 20px !important;
	}
	
	
	.tabs .content {
		overflow: hidden;
		height: 600px;
	}
	
	.content-1, .content-2, .content-3 { 
		font-size: 13px;
		line-height: 15px;
		
	}
	
	
	.content-1 h2, .content-2 h2, .content-3 h2 { 
		font-size: 22px;
	}
	
	.tabs label {
		font-size: 10px;
	}
	
		
	.footer{
		font-size: 11px;
	}
	
	footer .left{
		float: left;
	}
	
	.footer .right,
	.footer_bottom .right{
		float: left !important;
		padding-top: 20px;
		text-align: left;
	}
	
	.sticky .mobilebarmenuck {
		margin-top: 10px;
	}
	
	.title_home {
		margin-top: 40px;
	}
	
	.bg_blue {
	
		padding: 140px 3px 40px 30px;
	}
	
	.featured-box {
		min-width: 400px;
	}

	.page .page_content {
		padding: 10px;
	
	}
	
	.page .itemTitle {
		padding: 20px 15px;
		text-align: left;
	}
	
	.menu_box {
		margin: 0px;
	}
	
		
	.catItemHeader {
	padding: 0 15px 30px 15px;
	
	}
	
	.offer_home {
			background: #4b433c;
	}
	
	.clients {
		text-align: center;
	}
	
	.clients .container div{
		padding: 10px 0px;
	
	}
	
	
	
	


.coockie_banner {
	background: #000000;
	opacity: 0.8 !important;
	
}

.coockie_banner p{
	font-size: 10px  !important;
	font-family: 'Open Sans', sans-serif, verdana !important;
	font-weight: 400 !important;
}

.coockie_banner .butonDefecto {
	background: #8b4584;
	border: 1px solid #264c72;
	font-size: 10px  !important;
	font-family: 'Open Sans', sans-serif, verdana !important;
	font-weight: 400 !important;
	transition: all 0.3s ease 0s;
}

.coockie_banner .butonDefecto:hover {
	background: #5f2959;
	transition: all 0.3s ease 0s;
	border: 1px solid #264c72;
}