/* GENERAL CSS
    -------------------------------------------------- */
	
	/* @import url(http://fonts.googleapis.com/css?family=Titillium+Web:400,700); */
	@import url(http://fonts.googleapis.com/css?family=Titillium+Web:400,700&subset=latin,latin-ext);

	html, body { height:100%; width:100%}
	html, body { padding:0; margin:0; font-family: 'Titillium Web', Arial, Helvetica, sans-serif; font-size:14px; line-height:1.2em}
	a:link { text-decoration:none}
	
	h1, h2, h3, h4, h5 { margin:0;  font-weight:700; font-family: 'Titillium Web'}
	input, select {font-family: 'Titillium Web'}
	
	strong { font-weight:700}
	
	ul.number li { list-style: decimal}

	.container {  padding-left: 15px;  padding-right: 15px;}
	
	.row {  margin-bottom: 20px;}
	
	.row .row {  margin-top: 10px;  margin-bottom: 0;}
	
	
	[class*="col-"] {
	
	padding-top: 9px/* 15px*/;
	padding-bottom: 2em/* 15px*/;
/*	border: 1px solid rgba(86,61,124,.2);
	background-color: #eee;	
	background-color: rgba(86,61,124,.15);
	border: 1px solid #ddd; */
	}

	hr {  margin-top: 40px;  margin-bottom: 40px;}
	
	/* NULES
    -------------------------------------------------- */
	
	.padding-nule { padding:0}
	.margin-nule { margin:0}
	.margin-bottom-nule { margin-bottom:0}
	.margin-top-nule { margin-top:0}
	.padding-bottom-nule { padding-bottom:0}
	.padding-top-nule { padding-top:0}
	
	
	/* COLORS
    -------------------------------------------------- */
	.white { color:#FFF}
	.green { color:#55AFF0;}	
	.green-light { color:#b5c24b}
	
	/* COLORS
    -------------------------------------------------- */
	.but_green, .but_green:hover { background:#4388a1; padding:.5em 1em; color:#FFF}
	.but_more, but_more:hover { background:#4388a1 url(../images/arrow_right.png) no-repeat 5px 50%; padding:.5em 1.5em .5em 1.7em; color:#FFF}
	.but_download, .but_download:hover { background:#4388a1 url(../images/downArrow2.png) no-repeat 90% 50%; padding:.5em 2em .5em 1em; color:#FFF}
	
	/* COLUMNS LONGITUDES
    -------------------------------------------------- */
	.one_col { width:96.4%; margin:0 1.8% 1em; }
	.one_col img { width:100%;}
	.half_col { width:45.1%; margin:0 1.8% 1em;  }
	.half_col img { width:100%;}
	
	.logo-n { background:url(../images/logo.png) no-repeat top center}
	.logo-img img { height:140px; width:100%}

	/* SOCIALS CSS
    -------------------------------------------------- */
	.socials { width:40px; position: fixed; z-index:999999; right:0; top:25%; border-bottom:4px solid #879d01; border-radius:4px}
	.socials li { display:block; margin:0; background-position:50% 50%; background-repeat:no-repeat}
	.socials li a { padding:0 20px; line-height:40px}
	.socials li.face { background:#0054a6 url(../images/face.png) no-repeat 50% 50%;}
	.socials li.twitter { background:#00aeef url(../images/tweet.png) no-repeat 50% 50%}
	.socials li.tube { background:#cc0000 url(../images/tube.png) no-repeat 50% 50%}
	.socials li.plus { background:#ffaa16 url(../images/plus.png) no-repeat 50% 50%}
	.socials li.linkedin { background:#0085ae url(../images/linkedin.png) no-repeat 50% 50%}
	.socials li.contact { background:#b5c24b url(../images/contacto.png) no-repeat 50% 50%}
	
	.social-bar { position:absolute; right:0; display:none; z-index:1000; top:0}
	.social-bar li { float:left; margin:0; background-position:50% 50%; background-repeat:no-repeat}
	.social-bar li a { padding:0 18px; line-height:38px}
	.social-bar li.face { background: url(../images/face.png) no-repeat 50% 50%;}
	.social-bar li.twitter { background: url(../images/tweet.png) no-repeat 50% 50%}
	.social-bar li.tube { background: url(../images/tube.png) no-repeat 50% 50%}
	.social-bar li.plus { background: url(../images/plus.png) no-repeat 50% 50%}
	.social-bar li.linkedin { background: url(../images/linkedin.png) no-repeat 50% 50%}
	.social-bar li.contact { background:#4B4B4B url(../images/contacto.png) no-repeat 50% 50%}
	
	
	/* TOP CSS
    -------------------------------------------------- */
	
	#top {  width:100%; float:right;}
	.t_nav { padding:10px; text-align:right; background:#f3f3f4; margin:0; margin-bottom:35px}
	.t_nav li{ display:inline-block; border-right:1px solid #55AFF0;  font-size:1em; line-height:1.4em}
	.t_nav li.end { border:none; padding-right:0}
	.t_nav li a { color:#333; padding:0 5px 0 5px; margin-right:2px}
	.t_nav li a:hover{ background:#55AFF0; color:#FFF}
	.t_nav li input.input-search { padding:2px 4px; font-size:11px; margin:0; background:#FFF url(../img/icons/ico_search.png) no-repeat 95% 50%; border:1px solid #ccc }
	
	.top-hidden { display:none}
	

	/* FOOTER CSS
    -------------------------------------------------- */
	
	footer {/* position:absolute; bottom:0;*/ width:100%; background:#202020; border-top:4px solid #000000; color:#ccc; padding:0; font-size:.9em;}
	footer a { color:inherit}
	
	.footer-col-left { text-align:left; vertical-align:top;}
	.footer-col-left .isos-logos { display:inline-block; width:37%;  vertical-align:top; /*border-left:1px solid #666;*/}	
	.footer-col-left .isos-logos li { display:inline-block; width:30%; padding:0 4%;/* border-right:1px solid #666;*/ text-align:center}
	.footer-col-left .isos-logos li img { width:100%; margin-bottom:0.5em}
	
	.footer-col-left .foot-nav {display:inline-block; width:65%;  vertical-align:top; margin-top:1em; }
	.footer-col-left .foot-nav li {display:inline-block; padding:.1em 0; border-right:1px solid #666; }
	.footer-col-left .foot-nav li:last-child {display:inline-block; padding:.1em 0; border-right:0px solid #000000; }
	.footer-col-left .foot-nav li a { padding:.1em .3em; display:block }
		
	.footer-col-left .foot-nav li a:hover  { color:#F90}
	
	.footer-col-right { text-align:right; padding-top:0}
	.footer-col-right .ico-socials { float:right}
	.footer-col-right .ico-socials li { float:left; margin:0; background-position:50% 50%; background-repeat:no-repeat; background-color:#55AFF0 
; width:auto; }
	.footer-col-right .ico-socials li a { padding:0 2em; line-height:50px; display:block}
	.footer-col-right .ico-socials li.face { background-image: url(../images/face.png)}
	.footer-col-right .ico-socials li.twitter { background-image: url(../images/tweet.png)}
	.footer-col-right .ico-socials li.tube { background-image: url(../images/tube.png)}
	.footer-col-right .ico-socials li.plus { background-image: url(../images/plus.png)}
	.footer-col-right .ico-socials li.linkedin { background-image: url(../images/linkedin.png)}
	.footer-col-right .ico-socials li.contact { background-image: url(../images/contacto.png)} 
	
	
	/* MEDIA SCREENS
    -------------------------------------------------- */

	
	@media (max-width: 991px) {
	.t_nav { display:none; margin:0}
	.top-hidden { display:block; text-align:left}
	
	.bar-navigation { background:#000}
	
	.socials  { display:block}
	
	.logo-n { border-bottom:4px solid #4B4B4B}
	
	.footer-col-right { width:33%; display:inline-block}
	.footer-col-left { width:65%; display:inline-block}
	.footer-col-left .foot-nav { width:100%; font-size:1.2em}
	
	.footer-col-left .isos-logos { width:50%; margin:0 auto;  display:block }	
	.footer-col-left .foot-nav {display:block; width:100%; text-align:center; }	
	.footer-col-right { text-align: center}
	
	.footer-col-right .ico-socials { float: none; width:300px; margin:0 auto;  display:block; text-align:center }
	
	.footer-col-right { width:100%; display:block}
	.footer-col-left { width:100%; display:block}

	}
	
	@media (max-width: 768px){
	
	
	
	}
	
	@media (max-width: 642px) {
	
	.socials  { display:none}
	.social-bar { display:block}	
	
	}