@CHARSET "UTF-8";

@font-face {
    font-family: 'opensans_condbold';
    src: url('fonts/open-sans-condensed-bold/opensans-condbold-webfont.eot');
    src: url('fonts/open-sans-condensed-bold/opensans-condbold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/open-sans-condensed-bold/opensans-condbold-webfont.woff') format('woff'),
         url('fonts/open-sans-condensed-bold/opensans-condbold-webfont.ttf') format('truetype'),
         url('fonts/open-sans-condensed-bold/opensans-condbold-webfont.svg#opensans_condbold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'opensans_condlight';
    src: url('fonts/open-sans-condensed-light/opensans-condlight_0-webfont.eot');
    src: url('fonts/open-sans-condensed-light/opensans-condlight_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/open-sans-condensed-light/opensans-condlight_0-webfont.woff') format('woff'),
         url('fonts/open-sans-condensed-light/opensans-condlight_0-webfont.ttf') format('truetype'),
         url('fonts/open-sans-condensed-light/opensans-condlight_0-webfont.svg#opensans_condlight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'opensans_condlightitalic';
    src: url('fonts/open-sans-condensed-light-italic/opensans-condlightitalic_0-webfont.eot');
    src: url('fonts/open-sans-condensed-light-italic/opensans-condlightitalic_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/open-sans-condensed-light-italic/opensans-condlightitalic_0-webfont.woff') format('woff'),
         url('fonts/open-sans-condensed-light-italic/opensans-condlightitalic_0-webfont.ttf') format('truetype'),
         url('fonts/open-sans-condensed-light-italic/opensans-condlightitalic_0-webfont.svg#opensans_condlightitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*
body { background:#FFFFFF url('../images/background.jpg') repeat-x scroll 0 0; font:normal 17px/22px "opensans_condlight", Helvetica, sans-serif; color:#1d1d1b; }
*/
/*< DATASIX 2020 */
body { background:#FFFFFF url('../images/background.jpg') repeat-x scroll 0 0; font:normal 20px/25px "opensans_condlight", Helvetica, sans-serif; color:#1d1d1b; }
/* >*/
a { color:#198ece; -webkit-transition:all 400ms ease; -moz-transition:all 400ms ease; -ms-transition:all 400ms ease; -o-transition:all 400ms ease; transition:all 400ms ease; }
a:hover { color:#8e8e8e; text-decoration:none; }
a[name]{ color:#000000; }

strong { font-family:"opensans_condbold", Arial, sans-serif; }

h1, h2, h3, h4, h5, h6 { margin:0px; padding:0px; color:#414246; font-weight:normal; text-transform:uppercase; }
h2 { margin-bottom:6px; font-size:25px; line-height:20px; }

.header-h4 { margin:0px 0px 10px; font-size:1.5em; line-height:27px; text-transform:none; color:#1d1d1b; }

/* ### header ### */
	header { position:relative; z-index:25; }
	header .logo { margin-top:20px; padding-left:10px; }
	
	/* social */
	
	
	/* language */

	
	/* nav top */	
	#mainNav {height: 30px; /* set to the height you want your menu to be */ margin-top:45px; font-size:15px; text-transform:uppercase; }
	#mainNav ul	{ border-bottom:1px solid #d5d6d6; margin: 0; padding: 0; /* only needed if you have not done a CSS reset */ height:28px; }
	#mainNav li	{ display: block; float: left; line-height: 30px; /* this should be the same as your #main-nav height */ height: 30px; /* this should be the same as your #main-nav height */ margin: 0; margin-left: 10px; padding-left:10px; /* only needed if you don't have a reset */ position: relative; /* this is needed in order to position sub menus */ }
	#mainNav li:first-child { margin-left:0px; padding-left:0px; }
	#mainNav li a { background:transparent; font-size:15px; display: block; height: 41px; padding-left:0px; padding-right:0px; color:#000000; -webkit-border-radius:0px; border-radius:0px; -webkit-transition:none; -moz-transition:none; -ms-transition:none; -o-transition:none; transition:none; }
	
	#mainNav li a:hover { background:transparent url('../images/background-line-menu.jpg') repeat-x scroll 0px 27px; }
	#mainNav li ul li a:hover { background-image:none; }
	
	#mainNav ul ul { /* this targets all sub menus */ display: none; /* hide all sub menus from view */ position: absolute; top: 38px; /* this should be the same height as the top level menu -- height + padding + borders */ height:auto; text-transform:none; font-family:"opensans_condlight", Helvetica, sans-serif; background:#FFFFFF/* url('../images/background-dropdown-arrow.png') no-repeat scroll 0 0*/; }
	#mainNav ul ul ul .dropdown-menu-separator { display:none; }
	#mainNav ul ul li { /* this targets all submenu items */ float: none; /* overwriting our float up above */ width: auto; /* set to the width you want your sub menus to be. This needs to match the value we set below */ margin-left:0px; padding-left:0px; height:auto; border-top:1px solid #d1d1d1; }
	#mainNav ul ul li.parent a { background-image:url('../images/arrow-menu.png'); background-repeat:no-repeat; background-position:145px 50%; }
	#mainNav ul ul li.parent ul li a { background-image:none; }
	#mainNav ul ul li:first-child { border-top:none; }
	#mainNav ul ul li a { /* target all sub menu item links */ padding:7px 12px; /* give our sub menu links a nice button feel */ height:auto; }
	#mainNav ul ul li a:hover { background-color:#40c1ff; color:#FFFFFF; border-bottom:none; }
	
	#mainNav ul li:hover > ul { display: block; /* show sub menus when hovering over a parent */ }
	
	#mainNav ul ul li ul { /* target all second, third, and deeper level sub menus */ left: 67px; /* 80px; */ /*150px;*/ /* this needs to match the sub menu width set above -- width + padding + borders */ top: 0; /* this ensures the sub menu starts in line with its parent item */ }
	
	.dropdown-menu-separator { position:absolute; top:-7px; left:15px; display:block; background:transparent url('../images/background-dropdown-arrow.png') no-repeat scroll 0 0; width:15px; height:8px; z-index:20; }

	/* nav responsive */
#nav ul {
  margin: 0;
  padding: 0;
  width: 100%;
  display: block;
  list-style: none;
}

#nav li {
  width: 100%;
  display: block;
}

.js #nav {
  clip: rect(0 0 0 0);
  max-height: 0;
  position: absolute;
  display: block;
  overflow: hidden;
  zoom: 1;
}

#nav.opened {
  max-height: 9999px;
}

@media screen and (min-width: 40em) {
  .js #nav {
    position: relative;
  }
  .js #nav.closed {
    max-height: none;
  }
  #nav-toggle {
    display: none;
  }
}
	
/* ### content ### */
	.page-section { margin-top:45px; }
	.page-section ul li { margin-bottom:10px; }
	.img-page { background:transparent url('../images/background-page.png') no-repeat scroll center -25px; padding:60px 80px; }
	
	.lst-check { list-style:none; padding-left:0px; margin-left:0px; }
	.lst-check li { background:transparent url('../images/icon-list-check.png') no-repeat scroll 0 5px; padding-left:22px; }
	.lst-check li p { margin:0 0 10px; }
	
	.grey-box { background:#f5f5f5; width:600px; margin:0px auto; padding:25px; border:1px solid #dadada; }
	
	.download-link { border-bottom:1px solid #EEEEEE; padding-bottom:10px; margin-bottom:10px; }
	.download-link a { display:block; background:transparent url('../images/download-default.png') no-repeat scroll 50% 0px; width:55px; height:33px; padding-top:38px; padding-right:5px; margin-right:15px; text-align:center; float:left; color:#FFFFFF; font-size:14px; cursor:pointer; font-family:"opensans_condbold", Arial, sans-serif; text-decoration:none; -webkit-transition:none; -moz-transition:none; -ms-transition:none; -o-transition:none; transition:none; }
	.download-link a:hover { background-position:0px -76px; color:#FFFFFF; }
	.download-link strong { display:block; font-size:24px; padding-top:14px; }
	.download-link label { cursor:text; }
	
	/* home */
	#features { background:#FFFFFF; margin-top:35px; margin-bottom:40px; }
	/* ORIGINAL .item-feature { display:inline-table; background:#FFFFFF url('../images/background-box-shadow.jpg') no-repeat scroll 0 bottom; width:230px; padding:0px 60px 52px 60px; }*/
	.item-feature { display:inline-table; background:#FFFFFF url('../images/background-box-shadow.jpg') no-repeat scroll 0 bottom; width:205px; padding:0px 30px 52px 55px; }
	.item-feature-image { height:88px; /* margin-left:-32px;*/ }
/*	.item-feature p { min-height:115px; }*/
	.item-feature h3 { line-height:40px; text-align:center; }
	.item-feature .feature-text { min-height:135px; }
	
	/* breadcrumb */
	.breadcrumb { background:transparent; padding:0px; margin:0px; }
	.breadcrumb li { text-shadow:none; }
	#breadcrumb a { font-family:opensans_condbold, Arial, sans-serif; color:#000000; }
	#breadcrumb a:hover { color:#1E9CD9; }
	.breadcrumb li a,
	.breadcrumb li span.divider { color:#1d1d1b; }
	.breadcrumb li span.divider { padding:0px; }
	.breadcrumb li a:hover { color:#1E9CD9; }
	
	/* paginator */
	

/* ### footer ### */
	footer { background:#f3f3f3; padding-top:20px; }
	
	.item-footer-list { border-right:1px dashed #dadada; }
	.item-footer-list label a { color:#1D1D1B; font-size:17px; }
	.item-footer-list ul { list-style-type:none; }
	.item-footer-list li { width:100%; }
	.item-footer-list li a { display:block; background:transparent; padding:0px; color:#1d1d1b; font-size:15px; }
	.item-footer-list li a:hover { background:transparent; color:#40c1ff; }
	.item-footer-list ul li ul { margin-left:10px; margin-bottom:3px; }
	
	footer address { font-size:15px; }
	footer address label { font-size:16px; }
	footer address img { margin-bottom:5px; }
	footer address a { color:#1e9cd9; }
	
	#footer-copyright { background:#242424; padding:23px 0px 0px; color:#7e7878; font-size:14px; }
	#footer-copyright span { color:#FFFFFF; }
	#footer-copyright li { padding:0px 10px; border-left:1px solid #3a3939; }
	#footer-copyright li:first-child { border:none; }
	
/* ### others ### */
	.font-opensans-bold { font-family:"opensans_condbold", Arial, sans-serif; }
	.font-opensans-light { font-family:"opensans_condlight", Arial, sans-serif; }
	.font-opensans-light-italic { font-family:"opensans_condlightitalic", Arial, sans-serif; }
	
/*	.btn-special-blue,*/
	.btn-small-blue { display:block; background:transparent url('../images/button-link-blue.png') no-repeat scroll 0px 0px; width:154px; padding:11px 15px 19px 0px; color:#FFFFFF; text-align:center; text-shadow:1px 1px 2px #666666; filter:dropshadow(color=#666666, offx=1, offy=1); -webkit-transition:none; -moz-transition:none; -ms-transition:none; -o-transition:none; transition:none; }
/*	.btn-special-blue:hover { background-position:0px -64px; color:#FFFFFF; }*/
	
	.btn-small-blue { background:transparent url('../images/button-small-link-blue.png') no-repeat scroll 0px 0px; padding:5px 0px 12px 12px; text-align:left; cursor:pointer; text-decoration:none;}
	.btn-small-blue:hover { background-position:0px -57px; color:#FFFFFF; }

	/*< DATASIX 2020 */
	.btn-small-blue-left { display:block; background:transparent url('../images/button-link-blue-left.png') no-repeat scroll 0px 0px; width:154px; padding:11px 15px 19px 0px; color:#FFFFFF; text-align:center; text-shadow:1px 1px 2px #666666; filter:dropshadow(color=#666666, offx=1, offy=1); -webkit-transition:none; -moz-transition:none; -ms-transition:none; -o-transition:none; transition:none; }
	.btn-small-blue-left { background:transparent url('../images/button-small-link-blue-left.png') no-repeat scroll 0px 0px; padding:5px 0px 12px 12px; text-align:left; cursor:pointer; text-decoration:none;}
	.btn-small-blue-left:hover { background-position:0px -57px; color:#FFFFFF; }
	/* >*/
	.btn-demo {position: relative; left: -15px; display: block; width: 93px; height: 93px; z-index: 100; background: transparent url('/wp-content/uploads/image/features/demo.png') no-repeat scroll 0px 0px; }
	.btn-demo:hover {background: transparent url('/wp-content/uploads/image/features/demo_selected.png') no-repeat scroll 0px 0px;}	
	
	.box-image-demo { position:relative; }
	.box-image-demo .btn-demo { position:absolute; top:-18px; text-indent:-9999px; }
	
	/* form */

	
	/* headings */
	h1.title-section { color:#1d1d1b; text-transform:none; font-size:48px; line-height:55px; font-weight:bold; }
	
	/* others */
	.center { text-align:center; }
	
	.left { float:left; }
	.right { float:right; }
	
	/* responsive */
    /* Large desktop */
    @media (min-width: 1200px) {  }
     
    /* Portrait tablet to landscape and desktop */
    @media (min-width: 768px) and (max-width: 979px) { 
		body { background-position:0px -130px; }
		#rev_slider_1_1, #rev_slider_1_1_wrapper { width:730px !important; }
	
		.tp-caption.very_big_black { width:175px; white-space:normal; }
    	.tp-caption.black { width:175px; font-size:18px !important; white-space:normal; }
    
    	.tp-caption .btn-special-blue { background:transparent url('../images/button-link-blue-responsive.png') no-repeat scroll 0px 0px; width:83px; font-size:16px; padding:4px 15px 13px 0px; }
    	.tp-caption .btn-special-blue:hover { background-position:0px -35px; }
		
		#features { margin-top:120px; }

		.item-feature { width:170px; padding-right:0px; }
		.item-feature h3 { height:56px; line-height:27px; }
		.item-feature .feature-text { min-height:185px; }
		
		.img-page table,
		.grey-box { width:auto !important; }
		.img-page table tr td { vertical-align:top !important; }
		.img-page table img { height:auto !important; }
    }
     
    /* Landscape phone to portrait tablet */
    @media (max-width: 767px) {
		body { background-position:0px -72px; }
		#rev_slider_1_1, #rev_slider_1_1_wrapper { width:650px !important; }
		
		.tp-caption.very_big_black { width:185px; white-space:normal; }
    	.tp-caption.black { width:150px; font-size:14px !important; white-space:normal; }
		
		.tp-caption .btn-special-blue { background:transparent url('../images/button-link-blue-responsive.png') no-repeat scroll 0px 0px; width:83px; font-size:16px; padding:6px 15px 13px 0px; }
    	.tp-caption .btn-special-blue:hover { background-position:0px -35px; }
		
		#features { margin-top:0px; } /*2020 DATASIX > original: 70px*/
		
		.item-footer-list label.font-opensans-bold,
		.item-footer-list ul li a,
		footer address,
		#footer-copyright,
		#footer-copyright ul li { text-align:center; }
		
		.img-page table,
		.grey-box { width:auto !important; }
		.img-page table tr td { vertical-align:top !important; }
		.img-page table img { height:auto !important; }
		
		table.responsive-table tr td { font-size:14px !important; line-height:18px !important; }
		table.responsive-table tr td p { height:50px !important; }
		table.responsive-table tr td h4 { font-size:17px !important; line-height:15px !important; }
		table.responsive-table img { width:50px !important; max-height:50px !important; }
    }
     
    /* Landscape phones and down */
    @media (max-width: 530px) {
		body { background-position:0px -180px; }
		#rev_slider_1_1, #rev_slider_1_1_wrapper { width:430px !important; }
    	.item-feature { background-position:-20px bottom; width:192px; padding-left:40px; padding-right:40px; }
		.item-feature { width:272px; margin-top:25px; }
    
	    .tp-caption.very_big_black { width:90px; white-space:normal; }
    	.tp-caption.black { width:90px; font-size:10px !important; white-space:normal; }
    
    	.tp-caption .btn-special-blue { background:transparent url('../images/button-link-blue-responsive.png') no-repeat scroll 0px 0px; width:83px; font-size:16px; padding:7px 15px 13px 0px; }
    	.tp-caption .btn-special-blue:hover { background-position:0px -35px; }
		
		/* .btn-small-blue { display:inline-table; } */ /*2020 DATASIX Para que se vea correcto en Móvil*/
		
		h1.title-section { font-size:30px; line-height:33px; height:60px; }
		#breadcrumb { font-size:15px; line-height:18px; }
		.img-page { padding:40px 15px 20px; }
		
		.img-page table,
		.grey-box { width:auto !important; }
		.img-page table tr td { vertical-align:top !important; }
		.img-page table img { height:auto !important; }
		
		table.responsive-table tr td { font-size:12px !important; line-height:15px !important; }
		table.responsive-table tr td p { height:50px !important; }
		table.responsive-table tr td h4 { font-size:12px !important; line-height:15px !important; }
		table.responsive-table img { width:50px !important; max-height:50px !important; }
		
		#footer-copyright .nav li { width:100%; }
	}
	
	@media (max-width: 320px) {
		body { background-position:0px -160px; }
/*		#rev_slider_1_1, #rev_slider_1_1_wrapper { display:none !important; width:192px !important;  }*/
		#rev_slider_1_1 { top:-30px; }
		#rev_slider_1_1, #rev_slider_1_1_wrapper { width:192px !important; height:168px !important; margin-top:0px; }
		#sliderHome ul li img { display:none !important; }
		#sliderHome ul li .tp-caption { display:block; left:20px !important; font-size:14px !important; line-height:14px !important; width:165px !important; margin-top:20px !important; }
		#sliderHome ul li .tp-caption.very_big_black { font-size:19px !important; line-height:19px !important; }
		#sliderHome ul li .tp-caption.black { margin-top:20px !important; }
		#sliderHome ul li a.btn-special-blue { height:10px; padding-top:4px; margin-top:10px !important; }
	
		.item-feature { /*background-position:-20px bottom;*/ background:none; width:182px; padding-left:8px; padding-right:8px; }
		
		
		h1.title-section { font-size:25px; line-height:27px; height:60px; }
		#breadcrumb { font-size:10px; line-height:13px; }
		.img-page { padding:40px 0px 20px; }
		
		.img-page table,
		.grey-box { width:auto !important; }
		.img-page table tr td { vertical-align:top !important; }
		.img-page table img { height:auto !important; }
		
		table.responsive-table tr td { font-size:12px !important; line-height:15px !important; }
		table.responsive-table tr td p { height:50px !important; }
		table.responsive-table tr td h4 { font-size:12px !important; line-height:15px !important; }
		table.responsive-table img { width:50px !important; max-height:50px !important; }
	}
}