@charset "utf-8";
/* CSS Document */

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

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

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

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

@media only screen { /* Define mobile styles */

	body {color:#1f1d20; font-family: 'source_code_proregular';}
	
	h1, h2, h4, h5, h6 {color:#19436e; font-family: 'apex_newmedium'; line-height: 1.25;}
	h1 {margin-bottom: 1.5rem;}
	h2 {font-size: 2rem; margin: 1.5rem 0 0.5rem;}
	h3 {color:#c74532; font-family: 'apex_newbook'; font-size:1.5rem;}
	h4 {color:#19436e; font-family: 'source_code_probold'; font-size: 1rem;}
	h5 {font-family: 'source_code_probold'; font-size: 1rem;}
	
	p {font-size: 0.875rem; line-height: 1.4;}	
	p.pestana {
		color:#19436e;
		font-family: 'apex_newmedium';
		border-bottom:solid 1px;
		border-left: none;
		border-right: none;
		border-top: none;
		display: block;
		font-size: 1rem;
		margin: 0;
		padding: 0.25em 0.5em 0.15em;
		text-transform: uppercase;
	}
	p.txt-rojo {color:#c74532; font-family: 'source_code_proregular'; text-transform:uppercase;}
	ul, ol, dl {font-size: 0.875rem;}
	ul li {margin-bottom: 0.875rem;}
	ul li ul li {margin: 0.5em;}	
	
	strong {color:#19436e;}
	
	a:link, a:visited {color:#19436e;}
	a:hover, a:focus, a.active {color:#c74532;}
	a.button {color: #fff;}
	
	#header {min-height:85px; height:auto !important; height:85px; position:relative;}
	.logo {display: inline-block; margin-top: 1em;}
	.direccion p, .redes p {color:#7f7f7f; font-size:0.75rem;}
	.redes {margin:1em 0;}
	.redes ul {margin: 0;}
	.redes ul li {display:inline; list-style:none; margin:0;}

	.contain-to-grid {background: none repeat scroll 0 0 #fff; border-bottom: 1px solid #19436e; border-top: 1px solid #19436e; margin-bottom: 1rem; width: 100%;}
	.top-bar {background: none repeat scroll 0 0 #fff;}
	.top-bar-section ul li {background: none repeat scroll 0 0 #fff;  border-bottom: 1px solid;}
	.top-bar-section ul li.last {border-bottom:none;}
	.top-bar-section ul li.first {border-left: 1px solid;}
	.top-bar-section ul li > a {color: #19436e; font-family: 'source_code_probold';}
	.top-bar-section li:not(.has-form) a:not(.button) {background: none repeat scroll 0 0 #fff;}
	.top-bar-section ul li:hover:not(.has-form) > a {background-color: #fff; color: #c74532;}
	.top-bar-section li.active:not(.has-form) a:not(.button) {background: none repeat scroll 0 0 #fff; color: #c74532;}
    .top-bar-section li.active:not(.has-form) a:not(.button):hover {background: none repeat scroll 0 0 #fff; color: #c74532;}

	.top-bar-section li:not(.has-form) a:not(.button):hover {background-color: #fff; background: #fff;}
	.top-bar .toggle-topbar.menu-icon a {color: #19436e;}
	.top-bar .toggle-topbar.menu-icon a span:after {box-shadow: 0 0 0 1px #19436e, 0 7px 0 1px #19436e, 0 14px 0 1px #19436e;}
	.top-bar.expanded .title-area {background: none repeat scroll 0 0 #fff;}

	.slider-images {display: none;}
	.img-movil {display:block; margin-bottom: 1em; text-align: center;}
	.main {margin-top: 1em;}
	.quinto {border-bottom: solid 1px #19436e; border-right: medium none; border-top: medium none; text-align:center;}
	.azul .quinto {
		background: -webkit-linear-gradient(#fff, #dde3ea); /* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(#fff, #dde3ea); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(#fff, #dde3ea); /* For Firefox 3.6 to 15 */
		background: linear-gradient(#fff, #dde3ea); /* Standard syntax */
		min-height: 23rem; height:auto !important; height:23rem;
	}
	
	button, .button {
		background-color: #19436e;
		border-radius: 1.5em;
		border-style: none;
		font-family: 'source_code_probold';
		line-height: 1;
		margin: 1rem 0;
		min-width:6rem; width:auto !important; width:6rem;
		padding: 0.5rem 1rem;
		transition: background-color 300ms ease-out 0s;
		}
 	 button:hover, button:focus, .button:hover, .button:focus {background-color: #c74532;}
	.button > a {color: #fff;}
	
	.fadein {opacity: 0; transform: scale(0.7); transition: all 1s ease 0s;}
	.fadein.animated {opacity: 1; transform: scale(1);}
	
	.azul .button {margin-top: 0;}
	.row.azul {display: none;}
	
	#servicios {margin-top: 2em;}
	
	.servicio {
		background: -webkit-linear-gradient(#fff, #dde3ea); /* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(#fff, #dde3ea); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(#fff, #dde3ea); /* For Firefox 3.6 to 15 */
		background: linear-gradient(#fff, #dde3ea); /* Standard syntax */		
		border: 1px solid #19436e;
		border-top: none;
	}
	
	.servicio.first {border-top: solid 1px #19436e; margin: 3em 0 0;}
	
	.accordion .accordion-navigation > a, .accordion dd > a {
		background: none repeat scroll 0 0 #fff;
		border-left: 1px solid #19436e;
		border-right: 1px solid #19436e;
		border-top: 1px solid #19436e;
		position: relative;
		font-family: 'source_code_proregular';
		padding: 0.5rem;
		width: 100%;
	}
	.accordion .accordion-navigation.last a {border-bottom: 1px solid #19436e;}
	
    .accordion .accordion-navigation > a:hover, .accordion dd > a:hover {background: none 0 0 scroll #FFF;}
	.accordion .accordion-navigation.active > a, .accordion dd.active > a {
		background: none;
		border-bottom:none;
		border-left:solid 1px #19436e;
		border-right:solid 1px #19436e;
		border-top:solid 1px #19436e;
	}
    .accordion .accordion-navigation > .content.active, .accordion dd > .content.active {
		background: linear-gradient(#fff, #dde3ea);
		border-left: 1px solid #19436e;
		border-right: 1px solid #19436e;
	}

	.accordion .accordion-navigation.last .content.active {border-bottom: 1px solid #19436e;}
	.accordion-navigation p.button {border-radius: 0.35em; margin: 0; min-width: 3em; width: auto !important;}
	.accordion-navigation .button {float: right;}
	
	.back-to-top {position: fixed; bottom: 2em; right: 0px; text-decoration: none; color: #000000; background-color: rgba(235, 235, 235, 0.80); font-size: 12px; padding: 1em; display: none;}

	#contact-info {border: 1px solid #18426d;}
	#contact-info .large-4 {padding: 1em;}
	#contact-form {background: url("../img/triangulo.png") no-repeat scroll -1px 1em #18426d; padding: 1em;}
	#contact-form label {color: #fff;}
	input {margin: 1em 0 0;}
		
	#footer {margin-top:2em;}
	#footer p {color:#7f7f7f; font-size: 0.75rem; text-align: center;}
}

@media only screen and (min-width: 48em) { /* min-width 768px, medium screens */
	
	.top-bar-section ul li {background: none repeat scroll 0 0 #fff;  border-right: 1px solid;}
	.direccion {float: right; margin-right: 1em; margin-top: 1em; text-align:right;}
	.redes {float: right;}
	.redes ul li {list-style:none; display:block;}	
	.img-movil {display:none;}
 	.slider-images {display: block;}

	.row.azul {display: block;}	

	p.pestana {border-bottom:none; border-left: 1px solid; border-right: 1px solid;	border-top: 1px solid; display: inline;}
		
	.quinto {
		border-bottom: 1px solid #19436e;
	    border-right: 1px solid #19436e;
	    border-top: 1px solid #19436e;
	    float: left;
	    margin: 0;
    	min-height: 300px; height:auto !important; height:300px;
	    padding: 0.5em 0.5em 0;
	    text-align: center;
	    vertical-align: top;
	    width: 20%;
	}	
	.quinto.first {border-left:solid 1px #19436e;}
	
	.img-der {float: right; margin-left:4rem;}
	.img-izq {float: left; margin-right:4rem;}
	
	.accordion-navigation img {float: left; margin-bottom: 1em; margin-right: 1em;}
	
	.titulo-servicio {padding: 1em 0;}
	
}

@media only screen and (min-width: 60em) { /* min-width 960px, medium screens */

	.elementos-servicio {border-left: 1px solid #19364a; padding: 1em;}
	button, .button {min-width:9rem; width:auto !important; width:9rem;}
	.azul .quinto {min-height: 18rem; height:auto !important; height:18rem;}
	.quinto {min-height: 240px; height:auto !important; height:240px;}


}