@font-face {
	font-family: 'entypo';
	src:url('fonts/entypo.eot');
	src:url('fonts/entypo.eot?#iefix') format('embedded-opentype'),
		url('fonts/entypo.woff') format('woff'),
		url('fonts/entypo.ttf') format('truetype'),
		url('fonts/entypo.svg#entypo') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
	font-family: 'entypo';
	content: attr(data-icon);
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="icon-"] {
*/
.icon-statistics, .icon-chat, .icon-arrow-right, .icon-arrow-up, .icon-arrow-down, .icon-arrow-left, .icon-untitled, .icon-arrow-left-2, .icon-arrow-down-2, .icon-arrow-up-2, .icon-mail, .icon-share, .icon-export, .icon-shuffle {
	font-family: 'entypo';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}
.icon-statistics:before {
	content: "\31";
}
.icon-chat:before {
	content: "\32";
}
.icon-arrow-right:before {
	content: "\33";
}
.icon-arrow-up:before {
	content: "\34";
}
.icon-arrow-down:before {
	content: "\36";
}
.icon-arrow-left:before {
	content: "\37";
}
.icon-untitled:before {
	content: "\38";
}
.icon-arrow-left-2:before {
	content: "\39";
}
.icon-arrow-down-2:before {
	content: "\30";
}
.icon-arrow-up-2:before {
	content: "\71";
}
.icon-mail:before {
	content: "\77";
}
.icon-share:before {
	content: "\65";
}
.icon-export:before {
	content: "\72";
}
.icon-shuffle:before {
	content: "\74";
}


.no-show{display:none;}
.fl{ float:left;}
.fr{ float:right;}
.container {padding-bottom:40px;}
body,
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, p{font-family: 'Open Sans', sans-serif; margin:0;}

.input-full{
padding: 14px 6px;
font-size: 1.4rem;
border-radius: 0px; border-left:1px solid #fff; border-right:1px solid #fff; border-bottom:1px solid #fff; border-top:1px solid #e1e4e5; background:#f3f3f3;
width:100%;
margin-bottom:20px;
}
.textarea-full{
padding: 14px 6px;
font-size: 1.4rem;
border-radius: 0px; border-left:1px solid #fff; border-right:1px solid #fff; border-bottom:1px solid #fff; border-top:1px solid #e1e4e5; background:#f3f3f3;
width:100%;
resize:none;
}

/* Header custom para el ejempo */
.header{ border-bottom:0; padding-top:0; background:#2b3033; width:100%; border-top:5px solid #007ecc; min-height:109px;}
.header .header_custom{ width:100%; padding-top:27px; padding-bottom:27px; margin-bottom:0;}
.header .header_custom h3{margin-top: 0px;margin-bottom: 0;line-height: 20px;padding-bottom: 0;display: inline-block; float:left; }
.header .header_custom h3 span{ background:url(../img/sprite.png) 0 0 no-repeat transparent; width:220px; height:50px; display:block;}
.header .header_custom .nav-pills > li{ float:right;}
.header .header_custom .clearfix{ display:none;}
.header .container {padding-bottom:0;}
.header {margin-bottom:0;}
.header .header_custom .nav-pills li a{color:#778489; text-transform:uppercase; font-size:1.4rem;}
.header .header_custom .nav-pills li.active a{color:#fff;}

.header .header_custom .nav-pills > li.active > a,
.header .header_custom .nav-pills > li.active > a:hover,
.header .header_custom .nav-pills > li.active > a:focus{ background-color: transparent; border-bottom:2px solid #428bca; border-radius:0;}

.header .header_custom .nav > li > a:hover,
.header .header_custom  .nav > li > a:focus {background-color: transparent; color:#fff;}

.body-wrap .container {padding:40px 0 42px;}
.body-wrap .container.home {padding:40px 0 42px;}
.body-wrap .container.home .row{ text-align:center;}
.body-wrap .container.home .icon-statistics,
.body-wrap .container.home .icon-shuffle,
.body-wrap .container.home .icon-chat{ font-size:4.3rem; color:#4d4d4d;}
.body-wrap .container.home h4{ font-weight:600; font-size:2.3rem; color:#4d4d4d; padding-top:5px; padding-bottom:18px;}
.body-wrap .container.home p{color:#4d4d4d; font-weight:600; font-size:1.4rem;}
.body-wrap .container.home p a { text-decoration:underline; color:#4d4d4d; padding-top:22px; }
.body-wrap .container.home p a:hover{ text-decoration:none;}

.body-wrap .container {padding:40px 0 42px;}
.body-wrap .container.empresa {padding:32px 0 42px;}
.body-wrap .container.empresa .row{ text-align:left;}
.body-wrap .container.empresa .icon-statistics,
.body-wrap .container.empresa .icon-shuffle,
.body-wrap .container.empresa .icon-chat{ font-size:1.9rem; color:#4d4d4d; padding-right:14px;}
.body-wrap .container.empresa h4{ font-weight:600; font-size:2.3rem; color:#4d4d4d; padding-top:5px; padding-bottom:18px;}
.body-wrap .container.empresa p{color:#4d4d4d; font-weight:normal; font-size:1.4rem; padding-left:34px;}
.body-wrap .container.empresa p a { text-decoration:underline; color:#4d4d4d; padding-top:22px; }
.body-wrap .container.empresa p a:hover{ text-decoration:none;}
.body-wrap .container.empresa ul{ margin:0; list-style:none; padding:0;}
.body-wrap .container.empresa ul li:before{ content:"-  "; display:inline-block;}
.body-wrap .container.empresa ul li{color:#4d4d4d; font-weight:normal; font-size:1.4rem; padding-left:34px;}

.body-wrap .container.contacto {padding:26px 0 42px;}
.body-wrap .container.contacto p{color:#4d4d4d; font-weight:normal; font-size:1.9rem; padding-bottom:20px;}
.body-wrap .container.contacto .btn.btn-default.fr{ margin-top:42px; background:#007ecc; border-radius:0; border:0; font-size:1.8rem; padding:8px 18px 12px;}
.body-wrap .container.contacto .btn.btn-default.fr:hover{  background:#323334; text-decoration:underline;}

.banner-extend{ width:100%; background:#007ecc;}
.banner-extend .container{ padding:65px 0 24px;;}
.banner h2, .banner h3, .banner p,
.banner-extend h2, .banner-extend h3, .banner-extend p{ color:#fff;}
.banner-extend h2, .banner-extend h3{ font-weight:600;}
.banner-extend h2{ font-size:4.0rem; padding:0 0 16px;}
.banner-extend h3{ font-size:3.0rem; padding:0 0 16px;}
.banner-extend p{ font-size:1.8rem; padding:0;}
.banner-extend .btn.btn-default.fr{ margin-top:64px/*72px*/; background:#323334; border-radius:0; border:0; font-size:1.8rem; padding:8px 18px 12px;}
.banner-extend .btn.btn-default.fr:hover{  background:#fff; text-decoration:underline; color:#333;}

.banner-extend.empresa p{ padding-top:10px; font-size:1.6rem; line-height:2.3rem;}
.banner-extend.empresa p.first{ padding-top:0;}
.banner-extend.empresa h4{ color:#fff; font-weight:normal; margin:0; font-size:1.9rem; padding-bottom:30px;}
.banner-extend.empresa .container{ padding:30px 0 24px;;}

.point-extend{ width:100%; background:#3e4549; height:82px;}
.point-extend .container{ padding:0; background:url(../img/sprite.png) /*10px*/0 -110px  no-repeat transparent; height:82px; display: block;}
.point-extend h2{ color:#fff; margin:0; font-size:2.9rem; padding:18px 0 0; font-weight:normal;}

.point-extend.contacto .container{ background:url(../img/sprite.png) /*10px*/0 -210px  no-repeat transparent;}

.footer{ background:#2b3033;}
.footer p{ color:#fff; font-size:1.4rem;}
.footer p a {color:#007ecc;}
.footer .container{padding-bottom:20px;}
.col-lg-100{ position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px;}



/**************************/
/* Va contra carousel.css */
/**************************/
body {padding-bottom: 0px;}
/* Va contra carousel.css */

/*******************************/
/* Va contra sticky-footer.css */
/*******************************/
#footer {height:80px;}


.cam{
	max-width: 1000px;
	width:48px;
	height:36px;
	background:url(../img/sprite.png) 0 -350px no-repeat;
	float:right;
	margin-top:-41px; 
	margin-right:5px;
	z-index:2;
	position:relative;
}

/*@media (min-width: 981px){

}*/

@media (min-width: 1200px){
	.container {
		max-width: 1000px;
	}
}

@media (max-width: 767px) {
	#footer {
		margin-left: 0;
		margin-right: 0;
  }
}
/* Va contra sticky-footer.css */



@media screen and (max-width: 480px) {

	.header .header_custom .clearfix{
		display:block;
	} 
	.header .header_custom .nav-pills > li{
		width:100%;
	}  
	
	.col-lg-4{text-align:center;}
	h2, .h2, p{text-align:left;}
}


@media (min-width: 480px){
	.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
		float: left;
	}
	.col-lg-4{width: 33.33333333333333%;}	
	.col-lg-6{width: 50%;}
	.col-lg-8 {width: 66.66666666666666%;}	
}