body {
	background: #e1effa;
	font-family: 'Roboto', 'Roboto Condensed', Helvetiva, sans-serif;
	font-size: 14px;
	font-weight: 300;
	color: #242626;
}

a {
	color: #e26b6a;
}
/*
.container {
	width:  940px;
	padding:  0 10px;
	margin: 0 auto;
}

h1, h2, h3, h4, h5, h6 {
	margin-top: 0;
}
*/
.hide2 {
	display: none;
}

.anchor {
	position: relative;
	top: -86px;
}

/* @group Header */

/* header */

.header {
  padding: 10px;
  background-color: #134a67;
  box-shadow: 1px 1px 4px 0 rgba(0,0,0,.1);
  position: fixed;
  width: 100%;
  z-index: 3;
}

.header ul {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
}

.header a {
	text-decoration: none;	
	font-family: 'Roboto Condensed', 'Roboto', Helvetiva, sans-serif;
}

.header li a {
  display: block;
  padding: 6px 25px;
	color: #1eb4e7;
	font-size: 16px;
	font-weight: 300;
}

.header li a:hover{	
	color: #7dd7f6;
}/*
.header .menu-btn:hover {
}*/

.header .logo {
  /*display: block;
  float: left;*/
  font-size: 2em;
  padding: 10px 20px;
  text-decoration: none;
}

/* menu */

.header .menu {
  clear: both;
  max-height: 0;
  transition: max-height .2s ease-out;
}

/* menu icon */

.header .menu-icon {
  cursor: pointer;
  display: inline-block;
  float: left;
  padding: 28px 20px;
  position: relative;
  user-select: none;
}

.header .menu-icon .navicon {
  background: #e1effa;
  display: block;
  height: 2px;
  position: relative;
  transition: background .2s ease-out;
  width: 18px;
}

.header .menu-icon .navicon:before,
.header .menu-icon .navicon:after {
  background: #e1effa;
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  transition: all .2s ease-out;
  width: 100%;
}

.header .menu-icon .navicon:before {
  top: 5px;
}

.header .menu-icon .navicon:after {
  top: -5px;
}

/* menu btn */

.header .menu-btn {
  display: none;
}

.header .menu-btn:checked ~ .menu {
  max-height: 320px;
}

.header .menu-btn:checked ~ .menu-icon .navicon {
  background: transparent;
}

.header .menu-btn:checked ~ .menu-icon .navicon:before {
  transform: rotate(-45deg);
}

.header .menu-btn:checked ~ .menu-icon .navicon:after {
  transform: rotate(45deg);
}

.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
  top: 0;
}

/* 48em = 768px */

@media (min-width: 950px) {
  .header li {
    float: left;
  }
  .header li a {
	padding: 20px 8px;
  }
  .header .menu {
    clear: none;
    float: right;
    max-height: none;
  }
  .header .menu-icon {
    display: none;
  }
}


/*
header#header {
	background: #134a67;
	padding: 0px 0 10px;
	position: fixed;
	width:  100%;
	z-index: 999;
}

	#header h1 {
		float:  left;
		width: 17%;
		position: relative;
		top: 15px;
	}
	
	#header nav {
		width: 83%;
		float: right;
		overflow: hidden;
		height: 1%;
		margin-top: 1px;
		padding-top: 30px;
	}

		#header nav li {
			float: left;
			padding: 0 8px;
			list-style-type: none;
		}
		
		#header nav li.special {
			background: #e26b6a;
			color: #fff;
			border-radius: 4px;
			margin-left: 7px;
			padding: 0;
			position: relative;
			bottom: 0px;
			-webkit-transition:all .1s ease-out; 
			-o-transition:all .1s ease-out;  
			-moz-transition:all .1s ease-out;  
			-ms-transition:all .1s ease-out;
			transition:all .1s ease-out; 
			float:  right;
		}
		
		#header nav li.special:hover {
			background: #c95f5f;
		}
	
			#header nav a {
				font-family: 'Roboto Condensed', 'Roboto', Helvetiva, sans-serif;
				color: #1eb4e7;
				font-size: 16px;
				font-weight: 300;
				position: relative;
				-webkit-transition:all .1s ease-out; 
				-o-transition:all .1s ease-out;  
				-moz-transition:all .1s ease-out;  
				-ms-transition:all .1s ease-out;
				transition:all .1s ease-out; 
			}
			
			#header nav a:hover {
				text-decoration: none;
				color: #7dd7f6;
				padding-bottom: 2px;
				bottom: 2px;
			}
			
			#header nav .special a {
				color: #fff;
				display: block;
				width: 100px;
				height: 40px;
				text-align: center;
				line-height: 40px;
			}
			
			#header nav .special a:hover {
				bottom: 0;
				padding-bottom: 0;
			}
*/
			#header .change-lang {
				color: #fff;
				font-size: 11px;
				position: absolute;
				right: 5px;
				text-transform: uppercase;
			}

				#header .change-lang span {
				position: relative;
				top: 1px;
			}

			#header .change-lang img {
			-moz-transition: all .6s ease;
			-webkit-transition: all .6s ease;
			-o-transition: all .6s ease;
			transition: all .6s ease;
			}	

			#header .change-lang:hover img {
			-moz-transform: rotate(180deg);
			-webkit-transform: rotate(180deg);
			-o-transform: rotate(180deg);
			transform: rotate(180deg);
			}

/* @end */

/* @group General de secciones */


.tecnologias-img, .tecnologias-main-img, .about-main-img, .case-studies-main-img{
	max-width: 100%;
}

#content {
	padding-top: 95px;
}

#content section {
	overflow: hidden;
	height: 1%;
}

#content section.dark {
	background: #78a0c5;
}

#content section.watermelon {
	background: #e26b6a;
}

	#content section h2 {
		font-family: 'Roboto', Helvetica, Arial, sans-serif;
		font-weight: 900;
		font-size: 24px;
		text-transform: uppercase;
		color: #134a67;
		margin-bottom: 20px;
	}
	
	#content section p.excerpt {
		font-family: 'Roboto Slab', Helvetica, Arial, sans-serif;
		font-size: 27px;
		color: #e26b6a;
		line-height: 125%;
		margin-bottom: 30px;
	}
	
	#content section h3 {
		font-family: 'Roboto Slab', Helvetica, Arial, sans-serif;
		font-size: 24px;
		color: #e1effa;
		margin-bottom: 25px;
		font-weight: normal;
		margin-bottom: 10px;
	}
	
	#content section.dark p.excerpt {
		color: #e1effa;
	}
	
	#content section .entry p {
		font-size:  14px;
		line-height: 170%;
	}

	#content section .entry p.first::first-letter {
		font-family: 'Roboto Slab', Helvetica, Arial, sans-serif;
		font-size: 36px;
		color: #e1effa;
		font-weight: 700;
		background: #134a67;
		display: block;
		float: left;
		height: 50px;
		width: 50px;
		line-height: 50px;
		text-align: center;
		margin-right: 10px;
		margin-bottom: 10px;
		margin-top: 8px;
	}

	#content section .entry .read-more {
		margin-top: 30px;
		text-align: right;
	}
	
	#content section .read-more {
		margin-bottom: 30px;
		margin-top: 20px;
		text-align: left;
	}
	
	#content section .columns .read-more {
		margin-top:  30px;
		padding-bottom: 15px;
	}
	
		#content section .entry .read-more a,
		#content section .columns .read-more a,
		#content section .scrollable-item a {
			background: #134a67;
			border-radius: 4px;
			padding: 10px 14px 10px 18px;
			color: #e1effa;
			text-decoration: none;
			cursor: pointer;
		}
		
		#content section .scrollable-item .read-more a {
			margin-right: 10px;
		}
		
		#content section .scrollable-item ul{
			list-style-type: square;
		}
		
		#content section .scrollable-item a.orange {
			background: #E26B6A;
		}
		
		#content section .more a span {
			background: #134a67 url(images/icon-more.png) right center no-repeat;
		}
		#content section .next a span{
			background: #134a67 url(images/icon-next.png) right center no-repeat;
		}
		
		#content .scrollable-item .read-more a span {
			background: #134a67 url(images/icon-next.png) right center no-repeat;
			padding-right: 20px;
		}
		
		#content .scrollable-item .read-more a span.prev {
			padding-left: 20px;
			padding-right:  0;
			background: #134a67 url(images/icon-prev.png) left center no-repeat;			
		}
		
		#content section .next a {
			cursor: pointer;
		}
		
			#content section .entry .read-more a span,
			#content section .columns .read-more a span {
				margin-left: 10px;
				padding: 5px;
			}
			
	#content section .columns {
		overflow: hidden;
		height: 1%;
	}		
	
	#content section .first-column {
		margin-bottom: 30px;
	}
	
	#content section .columns h3 {
		font-family: 'Roboto Slab', Helvetica, Arial, sans-serif;
		font-size: 24px;
		color: #e26b6a;
		margin-bottom: 5px;
		font-weight: normal;
		line-height: 120%;
		margin-bottom: 15px;
	}		
	
		#content section .columns .item {
			width: 30%;
			float: left;
			margin-right: 5%;
		}
		
		#content section .columns .last-item {
			margin-right: 0;
		}
		
#content section .entry ul {
	margin: 0;
	padding: 0;
}
	 
#content section .entry ul li {
	list-style-type: none;
	margin-bottom: 3px;
	margin-left: 0;
	padding-left: 0;
}		
	#content section .entry ul li span {
		list-style-type: none;
		margin-bottom: 5px;
		font-family: 'Roboto Slab', Helvetiva, Arial, sans-serif;
		font-size: 16px;
		margin-right: 7px;
		color: #d5e5f3;
	}			

.scrollable {
	width: 100%;
	position: relative;
	overflow: hidden;
}
	.scrollable .items {
		width: 20000em;
		position: absolute;
	}
		.scrollable .items .scrollable-item {
			width: 100%;
			float: left;
			overflow: hidden;
		}


/*
#slide-case-studies .scrollable {
	height: 1600px;
}
@media (min-width: 576px) { 
	#slide-case-studies .scrollable {
		height: 1160px;
	}
}
@media (min-width: 768px) { 
	#slide-case-studies .scrollable {
		height: 800px;
	}
}
@media (min-width: 1200px) { 
	#slide-case-studies .scrollable {
		height: 700px;
	}
}
#slide-tecnologias .scrollable {
	height: 1500px;
}
@media (min-width: 576px) { 
	#slide-tecnologias .scrollable {
		height: 900px;
	}
}
@media (min-width: 768px) { 
	#slide-tecnologias .scrollable {
		height: 800px;
	}
}
@media (min-width: 1200px) { 
	#slide-tecnologias .scrollable {
		height: 700px;
	}
}
*/
#s-case-studies .scrollable-item h3 {
	color: #E26B6A;
}

#s-case-studies .scrollable-item h4 {
	color: #134A67;
	margin-top: 20px;
}

#s-case-studies .scrollable-content {
	width: 700px;
}

#s-tecnologias .scrollable-content {
	width: 700px;
}

@media (max-width: 1000px) {
	.read-more a.block {
		display: block
	}
	.read-more.center {
		text-align: center !important;
	}
}

/* @end */

/* @group Section fondos */

#content #s-sobre-fantommers .container-bg {
	background: url('images/f-sobre-fantommers.jpg') no-repeat right top;
	min-height: 328px;
}
	#content #s-sobre-fantommers .in-section {
		width: 774px;
		float: left;
	}
	

#content #s-por-que-fantommers .container-bg {
	background: url('images/f-por-que-fantommers.jpg') no-repeat left top;
}

#content #s-por-que-fantommers .in-section {
	width: 674px;
	float: right;
}

#s-por-que-fantommers img{
	max-width:100%;	
    padding-bottom: 5%;
}
	
#content #s-case-studies .container-bg {
	background: url('images/f-case-studies.jpg') no-repeat right top;
}
	#content #s-case-studies .in-section {
		width: 740px;
		float: left;
	}
	
	#s-case-studies .item{
		padding-bottom: 30px;
	}
	
#content #s-tecnologias .container-bg {
	background: url('images/f-tecnologias.jpg') no-repeat left top;
}
	#content #s-tecnologias .in-section {
		width: 710px;
		float: right;
	}	
	#content #s-tecnologias .entry {
		margin-bottom: 30px;
	}
	
#content #s-tecnologias .container-bg-1	{
		background: url('images/f-tecnologias.jpg') no-repeat right top;
}

#content #s-tecnologias .container-bg-2	{
		background: url('images/f-tecnologias-2.jpg') no-repeat right top;
}

#content #s-tecnologias .container-bg-3	{
		background: url('images/f-tecnologias-3.jpg') no-repeat right top;
}

#content #s-tecnologias .container-bg-4	{
		background: url('images/f-tecnologias-4.jpg') no-repeat 94% top;
}
	
#content #s-desarrollo-apps .container-bg {
	background: url('images/f-desarrollo-apps.jpg') no-repeat right top;
}
	#content #s-desarrollo-apps .in-section {
		width: 740px;
		float: left;
	}			
	
#content #s-seguridad-informatica .container-bg {
	background: url('images/f-seguridad-informatica.jpg') no-repeat left top;
}
	#content #s-seguridad-informatica .in-section {
		width: 710px;
		float: right;
	}		
	
#content #s-mantenimiento-software .container-bg {
	background: url('images/f-mantenimiento-software.jpg') no-repeat right top;
}
	#content #s-mantenimiento-software .in-section {
		width: 600px;
		float: left;
	}	
	
#content #s-herramientas .container-bg {
	background: url('images/f-herramientas.jpg') no-repeat left top;
}
	#content #s-herramientas .in-section {
		width: 630px;
		float: right;
	}				
		#content #s-herramientas .in-section h3 {
			margin-bottom: 10px;
		}
		#content #s-herramientas .entry {
			margin-bottom: 30px;
		}	

#content #s-workfor .container-bg {
	background: url('images/f-workfor.jpg') no-repeat right top;
}
	#content #s-workfor .in-section {
		width: 600px;
		float: left;
	}	

	#content #s-workfor .entry img{
		width:120px; 
		height: auto;
	}
	
	.workfor-main-img{
		max-width:100%;
	}
	
.grayImage {
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
	filter: gray; /* IE6-9 */
	-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}
			
#content #s-contacto .container-bg {
	background: url('images/f-contacto.jpg') no-repeat right center;
}
	#content #s-contacto .in-section {
		width: 700px;
		float: left;
	}				
		
#content h2 {
	margin-bottom: 10px !important;
}

/* @end */

/* @group Contact */
section#s-contacto {
	padding: 50px 0;
}

section#s-contacto div {
	/*width: 320px;
	float: left;*/
	color: #e1effa;
	font-size: 13px;
}

	section#s-contacto div a {
	text-decoration: none;
		color: #e1effa;
	}
	section#s-contacto div a:hover {
		color: #134a67;
	}
	
	section#s-contacto div img {
		margin-bottom: 15px;
		max-width: 100%;
	}
	

section#s-contacto form {
	/*width: 380px;
	float: left;*/
	text-align: right;
	margin-bottom: 50px;
}
	section#s-contacto form input.text,
	section#s-contacto form textarea {
		width: 100%;
		border-radius: 4px;
		background: #e1effa;
		text-transform: uppercase;
		color: #e26b6a;
		font: 15px "Roboto Condensed", Helvetica, Arial, sans-serif;
		padding: 8px 12px;
		font-weight: 300;	
		border: 0;
		margin-bottom: 10px;
	}
	section#s-contacto form textarea {
		height: 200px;
		line-height: 130%;
		text-transform: none;
	}	
	
	section#s-contacto form input.text::-webkit-input-placeholder { /* WebKit browsers */
	    color: #e26b6a;
	}
	section#s-contacto form input.text:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	    color: #e26b6a;
	}
	section#s-contacto form input.text::-moz-placeholder { /* Mozilla Firefox 19+ */
	    color: #e26b6a;
	}
	section#s-contacto form input.text:-ms-input-placeholder { /* Internet Explorer 10+ */
	    color: #e26b6a;
	}
	
	section#s-contacto form input.submit {
		background: #134a67 url(images/icon-more.png) 85% center no-repeat;
		border-radius: 4px;
		padding: 10px 38px 10px 18px;
		color: #e1effa;
		text-decoration: none;
		border: 0;
		font: 17px "Roboto Condensed", Helvetica, Arial, sans-serif;
		font-weight: 300;
		cursor: pointer;
	}
	
	section#s-contacto #contact-result {
		float: left;
		padding-top: 10px;
		color: #e1effa;
	}

/* @end */

/* @group Footer */

footer#footer {
	text-align: center;
	padding: 10px 0;
	background: #134a67;
}

#footer a {
	margin: 0 15px;
}

/* @end */