/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

html {
	font-family: 'Open Sans', sans-serif;
    font-size: 1em;
    line-height: 1.4;
	
}

 body, html {
	margin: 0;
	padding: 0;
 }

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */

audio,
canvas,
img,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

/*
	TODOS LOS DISPOSITIVOS.
*/   
   
div#contenedor-principal {
	display: block;
	overflow: hidden;
	width: 100%;
	margin: 0;
}

/*
	MOVIL
*/ 

aside#col-izq {
	display: block;
	overflow: view;
	
	position: fixed;
	top: 0;
	left: 0;
	
	width: 100%;
	background: rgba(255,255,255,1);
	padding: 0;
	z-index: 30;
}  

	aside#col-izq h1#logo {
		width: 20%;
		/*	min-width: 2em; */
		height: 2em;
		float: left;
		margin: 0 auto;
		background: url("../img/logos/logo-g.png") no-repeat center center ;
		text-indent: -9999px;
		background-size: auto 2em;
	}
	
	aside#col-izq h1#logo.movil {
		position: absolute;
		top: 2em;
		left: 0;
		width: 100%;
		height: 4em;
		background: url("../img/logos/logo-g.png") no-repeat center center / auto 4em rgba(255, 255, 255, 0.8);
		z-index: -999;
	}
	
	aside#col-izq h2 {
		display: none;
	}
 
	aside#col-izq span.display-menu {
		display: block;
		float: right;
		width: 80%;
		text-align: center;
		height: 1em;
		line-height: 1em;
		font-size: 2em;
		padding: 0.5em 0;
		color: #10253f;
		cursor: pointer;
		opacity: 0.6;
		transition: opacity 0.8s, color 0.8s, background 0.8s;
		z-index: 20;
	}
	
	aside#col-izq span.display-menu:hover {
		opacity: 1;
	}
 
 
	aside#col-izq nav.principal ul {
		transition: height 0.8s, opacity 0.8s, display 0.8s;
		z-index: 30;
	}
	
	aside#col-izq nav.principal ul.principal {
		display: none;
		list-style: none;
		margin: 0;
		padding: 0;
		
	}
	
	aside#col-izq nav.principal ul.desplegado {
		display: block;
		z-index: 20;
		background: #fff;
	}
		
		
		aside#col-izq nav.principal ul.principal li {
			float: left;
			display: block;
			width: 100%;
			height: auto;
			
			text-align: center;
			margin: 0;
			opacity: 0.6;
			transition: opacity 0.8s, color 0.8s, background 0.8s;
		}
		
		aside#col-izq nav.principal ul.desplegado li {
			opacity: 1;
			background: #fff;
		}
		
		aside#col-izq nav.principal ul.principal li:hover {
			color: #10253f;
			opacity: 1;
			background: #4f81bd;
		}
		
			aside#col-izq nav.principal ul.principal li a{
				color: #10253f;
				text-decoration: none;
				display: block;
				width: 90%;
				padding: 8px 5%;
				transition: color 0.8s;
			}	
			
			aside#col-izq nav.principal ul.principal li:hover a{
				color: #fff;
				box-shadow: 0px 5px 5px #4f81bd;
			}
			
			aside#col-izq nav.principal ul.principal li a:focus {
				box-shadow: 0px 0px 15px #4f81bd;
				outline: 1px solid #4f81bd;
				background: #afc6df;
			}
			
	aside#col-izq div.subir {
		position: absolute;
		top: 100%;
		left: 0;
		height: 2em;
		width: 100%;
		text-align: center;
		display: none;
	}
	
		aside#col-izq div.subir img {
			display: hidden;
			width: 2em;
			height: 2em;
			margin: 0 auto;
			opacity: 0.6;
			transition: opacity 0.8s;
			cursor: pointer;
		}
		
		aside#col-izq div.subir img:hover {
			opacity: 1;
		}

/*
div.col-der {
		
	}	
*/	
	div.col-der article.noticia-slide {
		display: block;
		width: 98%;
		padding: 20px 1%;
		position: absolute;
		bottom: 20%;
		right: 0;
		background: #242424;
		color: #fff;
		opacity: 0.8;
	}
		
		div.col-der article.noticia-slide h1 {
		font-size: 1.2em;
		margin: 0.4em 1%;
		}
		
		div.col-der article.noticia-slide p {
		font-size: 0.8em;
		margin: 0.4em 1%;
		}
		
		div.col-der article.noticia-slide span {
			position: absolute;
			top: 100%;
			right: 10%;
			font-size: 0.6em;
		}
		
		div.col-der article.noticia-slide img {
			display: none;
		}
		
div.contenido {
	display: block;
	overflow: hidden;
	float: right;
	width: 100%;
	margin: 100% 0 0;
	background: rgba(255,255,255,0.9);
	opacity: 1;
	padding-bottom: 40px;
}

	div.contenido section {
		display: block;
		overflow: hidden;
		position: relative;
	}
	
		div.contenido section img.activador {
			position: absolute;
			top: 5%;
		}
	
	div.contenido section article {
		display: block;
		padding: 2em 0;
		overflow: auto;
	}
	
	div.contenido section article  h1.cabeza{
		padding: 0.5em 0;
		margin: 0;
		text-align: center;
		transition: background 0.8s, color 0.8s;
	}
	
	div.contenido section article.visible  h1.cabeza {
		color: #fff;
		background: #212848;
	}
	
	div.contenido section article  div.msj-box {
		background: #3d77a6;
		padding: 1em;
		color: #fff;
		text-align: center;
	}
	
		div.contenido section article  div.msj-box p.fuerte {
			font-size: 1.2em;
			font-weight: bold;
		}

		div.contenido section article img.background-seccion {
			display: none;
		}
 		

/* Secciones */

/*	Nosotros	*/

div.contenido section article  div.msj-box ul.nosotros-flash {
	overflow: hidden;
	padding: 0.4em 4%;
	list-style: none;
}

	div.contenido section article  div.msj-box ul.nosotros-flash li {
		display: block;
		float: left;
		transition: opacity 0,8s;
	}
	
	div.contenido section article  div.msj-box ul.nosotros-flash li.inactivo {
		opacity: 0;
	}

	div.contenido section article  div.msj-box ul.nosotros-flash li span {
		display: block;
		float: left;
	}

section#nosotros ul.directores,
section#nosotros ul.equipo {
	padding: 0;
	margin: 0 2%;
	position: relative;
}

section#nosotros ul.directores {
	display: block;
	overflow: hidden;
	width: 96%;
}
	
	section#nosotros ul.directores li.director {
		width: 50%;
	}

	section#nosotros ul.directores li.director,
	section#nosotros ul.equipo li.socio {
		display: block;
		float: right;
		margin: 0;
		padding: 0;
		transition: position 0.8s;
	}
	
	section#nosotros ul.directores li.director{
		float: left;
	}

		section#nosotros ul.equipo li a.equipo {
			display: block;
			width: 6.6em;
			height: 5em;
			padding: 1em 0.2em;
			margin: 0.2em 0.2em;
			font-weight: bold;
			color: #ffffff;
			text-decoration: none;
			transition: margin 0.4s, background-position 0.8s;
		}
		
		section#nosotros ul.directores li a.equipo {
			display: block;
			
			height: 4em;
			padding: 1em 0.2em;
			margin: 0.2em 0.2em;
			font-weight: bold;
			color: #ffffff;
			text-decoration: none;
			transition: margin 0.4s, background-position 0.8s;
		}
		
		section#nosotros ul.equipo li.socio a.equipo {
			background: #3d77a6;
		}
		
			section#nosotros ul.equipo li.socio a.cont {
				background-image: url('../img/backgrounds/nosotros/cont.png');
				background-repeat: no-repeat;
				background-position: 8em 8em;
			}
			
			section#nosotros ul.equipo li.socio a.ing {
				background-image: url('../img/backgrounds/nosotros/ing.png');
				background-repeat: no-repeat;
				background-position: 8em 8em;
			}
			
			section#nosotros ul.equipo li.socio a.nutr {
				background-image: url('../img/backgrounds/nosotros/nutr.png');
				background-repeat: no-repeat;
				background-position: 8em 8em;
			}
			
			section#nosotros ul.equipo li.socio a.rrhh {
				background-image: url('../img/backgrounds/nosotros/rrhh.png');
				background-repeat: no-repeat;
				background-position: 8em 8em;
			}
			
			section#nosotros ul.equipo li.socio a.cult {
				background-image: url('../img/backgrounds/nosotros/cult.png');
				background-repeat: no-repeat;
				background-position: 8em 8em;
			}
			
			section#nosotros ul.equipo li.socio a.doc {
				background-image: url('../img/backgrounds/nosotros/doc.png');
				background-repeat: no-repeat;
				background-position: 8em 8em;
			}
			
			section#nosotros ul.equipo li.socio a.soc {
				background-image: url('../img/backgrounds/nosotros/soc.png');
				background-repeat: no-repeat;
				background-position: 8em 8em;
			}
			
			section#nosotros ul.equipo li.socio a.polit1 {
				background-image: url('../img/backgrounds/nosotros/polit1.png');
				background-repeat: no-repeat;
				background-position: 8em 8em;
			}
			
			section#nosotros ul.equipo li.socio a.polit2 {
				background-image: url('../img/backgrounds/nosotros/polit2.png');
				background-repeat: no-repeat;
				background-position: 8em 8em;
			}
		
		section#nosotros ul.directores li.director a.equipo {
			background: #232b4e;
			background-image: url('../img/backgrounds/nosotros/director.png');
			background-repeat: no-repeat;
			background-position: 8em 8em;
		}
		
		section#nosotros ul.directores li:hover a.equipo {
			margin: 0.1em 0.3em 0.3em 0.1em;
			box-shadow: 0.2em 0.2em 0.1em #242424;
			background-position: 80% 2em;  
		}
		
		section#nosotros ul.equipo li:hover a.equipo {
			margin: 0.1em 0.3em 0.3em 0.1em;
			box-shadow: 0.2em 0.2em 0.1em #242424;
			background-position: 4em 4em;  
		}

		section#nosotros ul.directores li div.curriculum,
		section#nosotros ul.equipo li div.curriculum {
			width: 100%;
			display: none;
			overflow: none;
			float: left;
			text-align: left;
			transition: height 0.8s, width 0.8s;
		}
		
			section#nosotros ul.directores li div.curriculum ul,
			section#nosotros ul.equipo li div.curriculum ul {
				width: 100%;
				margin: 0;
				padding: 0;
				/*list-style: none;*/
				list-style-image: url('../img/logos/list-logo.png');list-style-position: inside;
			}
			
				section#nosotros ul.directores li div.curriculum ul li,
				section#nosotros ul.equipo li div.curriculum ul li {
					border-bottom: 1px solid #4f81bd;
					padding: 2% 0.4em;
				}
	
	section#nosotros ul.directores li.desplegado,
	section#nosotros ul.equipo li.desplegado {
		display: block;
		float: left;
		width: 92%;
		margin: 1em 4%;
	}
	
		section#nosotros ul.directores li.desplegado a.equipo,
		section#nosotros ul.equipo li.desplegado a.equipo {
			display: block;
			width: 90%;
			height: auto;
			padding: 1em 5%;
			margin: 0.2em 0;
			color: #ffffff;
		background-position: 90% 0em; 
		}

/*	Actividad	*/

section#actividad {

}	
	
	section#actividad img.actividad {
		display: block;
		width: 90%;
		margin: 0.4em 5%;
	}
	
	section#actividad div.globo{
		position: relative;
		width: 100%;
		min-height: 420px;
		overflow: hidden;
		z-index: 0;
	}	
	
		section#actividad div.globo div.globo-titulo {
			background: #212848;
			width: 100%;
			padding: 0.4em 0;
			overflow: hidden;
			z-index: 1;
		}
		
			section#actividad div.globo div.globo-titulo h2 {
				color: #fff;
				padding: 0 4% 0 240px;
				font-size: 1.2em;
				text-align: center;
			}
	
		section#actividad div.globo img.globo-img{
			position: absolute;
			width: 400px;
			top: 0;
			left: -100px;
			z-index: 2;
		}	
		
		section#actividad div.globo ul{
			margin: 2em 0;
			padding: 0 0 0 246px;
			list-style: none;
			z-index: 13;
		}
		
		section#actividad div.globo ul li{
			margin: 4px 0;
			color: #fff;
			list-style: none;
			z-index: 14;
			background: #212848;
			transition: padding 0.8s, height 0.8s;
		}
		/*
		section#actividad div.globo ul li:hover{
			padding-top: 4em;
			padding-bottom: 4em;			
		}
		
		section#actividad div.globo ul li:hover ~ li{
			height: 0.2em;
		}
		*/
		section#actividad div.globo ul li.ar{
			padding-left: 38px;
			background-image: url('../img/backgrounds/paises/argentina.png');
			background-repeat: no-repeat;
			background-position: 8em 8em;
		}
		
		section#actividad div.globo ul li.br{
			padding-left: 42px;
		}
		
		section#actividad div.globo ul li.ch{
			padding-left: 48px;
		}
		
		section#actividad div.globo ul li.pa{
			padding-left: 50px;
		}
		
		section#actividad div.globo ul li.pr{
			padding-left: 46px;
		}
		
		section#actividad div.globo ul li.uy{
			padding-left: 40px;
		}
		
		section#actividad div.globo ul li.ot{
			padding-left: 32px;
		}
	
/*	Clientes	*/

section#clientes ul {
	list-style: none;
	margin: 1em;
	padding: 1em;
}

		section#clientes ul li {
			background: #3d77a6;
			margin: 0.4em;
			font-size: 1.6em;
			color: #fff;
			transition: opacity 0.8s;
			cursor: pointer;
		}
		
			section#clientes ul li img {
				width: 2em;
				padding: 0.4em;
			}
			
		section#clientes ul.clientes-barras li.inactivo {
			opacity: 0;
		}
			
			section#clientes ul.clientes-barras li.inactivo img {
				opacity: 0;
			}
			
			section#clientes ul.clientes-barras li.cliente div.cliente-detalle {
				display: block;
				overflow: hidden;
				background: rgba(255, 255, 255, 0.8);
				font-size: 0.6em;
				line-height: 1em;
				width: 90%;
				/*height: 0;*/
				padding: 0 5%;
				color: #10253f;
			}
			
			section#clientes ul.clientes-barras li.cliente div.cliente-detalle p {
				margin: 0.6em 0.4em;
			}
			
/*	fortalezas	*/

section#fortalezas ul {
	list-style: none;
	margin: 1em;
	padding: 1em;
}

		section#fortalezas ul li {
			background: #3d77a6;
			margin: 0.4em;
			font-size: 1.4em;
			padding: 0.2em 4%;
			color: #fff;
			overflow: hidden;
		}
		
			
			section#fortalezas ul li.inactivo img {
				opacity: 0;
			}
			
			section#fortalezas ul li img {
				width: 2em;
				float: right;
				transition: opacity 0.8s;
			}
			
/*	Novedades	*/

article.noticia {
	width: 100%;
	border-bottom: 0.8em dotted #212848;
	margin-bottom: 1em;
}
	
	article.noticia h2 {
		background: #4f81bd;
		padding: 0.2em 0.6em;
		margin: 0;
		color: #fff;
	}
	
		article.noticia h2 a {
			color: #fff;
			text-decoration: none;
			transition: color 0.8s;
		}
		
		article.noticia h2 a:hover {
			color: #e2e2ff;
		}
	
	article.noticia div.itemBody {
		padding: 0;
	}
	
	article.noticia div.itemImageBlock,
	article.noticia span.itemImage {
		margin: 0;
		padding: 0;
	}
	
	article.noticia span.itemImage img {
		border:none;
		padding: 0;
	}
	
	article.noticia span.itemImage img.noticia-img,
	article.noticia img.noticia-img {
		width: 100%;
		border-bottom: 0.8em solid #4f81bd;
	}
	
	article.noticia div.articulo-detalle {
		width: 96%;
		padding: 0.4em 2%;
	}
			
/*	Contacto	*/

section#contacto {

}

	section#contacto div.contacto-form {
		width: 80%;
		margin: 0.4em 10% 0.2em;
	}
	
		section#contacto div.contacto-form div.contact-resp span {
			display: block;
			width: 90%;
			padding: 0.2em 5%;
			color: #fff;
			text-align: center;
		}
		
		section#contacto div.contacto-form div.contact-resp span.msg-enviado {
			background: #81be54;
		}
		
		section#contacto div.contacto-form div.contact-resp span.msg-error {
			background: #f24941;
		}
	
		section#contacto div.contacto-form form.contacto-form h4 {
			font-size: 1.2em;
			margin: 0;
			padding: 0.4em 2%;
			background: #3d77a6;
			color: #fff;
		}
			
		section#contacto div.contacto-form form.contacto-form input,
		section#contacto div.contacto-form form.contacto-form textarea {
			width: 90%;
			padding: 0.4em 5%;
			margin: 0 0 2em 0;
			border: none;
			border-bottom: 4px solid #4f81bd;
		}
		
		section#contacto div.contacto-form form.contacto-form textarea {
			height: 8em;
			margin: 0;
		}
		
		button.btn-enviar {
			display: block;
			width: 80%;
			margin: 0 10% 2em;
			padding: 1em 2%;
			background: #3d77a6;
			color: #fff;
			border: none;
			transition: background 0.8s;
		}
		
		button.btn-enviar:hover {
			background: #212848;
		}
	
	section#contacto div.contacto-form p {
		margin: 0.2em 4%;
		color: #212848;
	}
	
	section#contacto div.contacto-form img.flag {
		height: 2em;
	}
	
/* Generalidades
*/

h3 {
	border-bottom: 1px solid #4f81bd;
    color: #232b4e;
	padding: 0.1em 0.6em;
	margin: 0.6em 4%;
}


@media only screen and (min-width: 420px) {
		
	aside#col-izq span.display-menu {
		display: none;
	}	
		
	aside#col-izq nav.principal ul.principal {
		display: block;
	}
		
		aside#col-izq nav.principal ul.principal li {
			float: left;
			display: block;
			width: 13.24%;
			min-width: 4em;
			height: 4em;
			overflow: hidden;
			text-align: center;
			margin: 0;
			opacity: 0.6;
			transition: opacity 0.8s, color 0.8s, background 0.8s;
		}
		
		aside#col-izq nav.principal ul.principal li:hover {
			color: #10253f;
			opacity: 1;
			background: #4f81bd;
		}
		
			aside#col-izq nav.principal ul.principal li a{
				color: #10253f;
				text-decoration: none;
				display: block;
				width: 100%;
				padding: 1em 0;
				height: 4em;
				transition: color 0.8s;
			}	
			
			aside#col-izq nav.principal ul.principal li:hover a{
				color: #fff;
				box-shadow: 0px 5px 5px #4f81bd;
			}
		
		aside#col-izq div.subir img {
			width: 2em;
			height: 2em;
		}
		
		aside#col-izq div.subir img:hover {
			opacity: 1;
		}

}						/* min-width: 420px */

/*	
	PC 	
*/
@media only screen and (min-width: 900px) {

aside#col-izq {
	display: block;
	overflow: view;
	
	position: fixed;
	top: 0;
	left: 5%;
	
	width: 25%;
	max-width: 380px;
	/*
	float: left;
	margin: 0 5%;
	*/
	background: #fff;
	opacity: 0.9;
	padding-bottom: 40px;
}  

	aside#col-izq h1#logo {
		width: 200px;
		height: 200px;
		float: none;
		margin: 0 auto;
		background: url("../img/logos/logo-g.png");
		text-indent: -9999px;
		background-size: 100% 100%;
	}
	
	aside#col-izq h2 {
		display: block;
		color: #10253f;
		font-size: 1.5em;
		line-height: 1.2em;
		font-weight: normal;
		margin: 0.2em 0;
		border-bottom: 4px solid #4f81bd;
		border-top: 4px solid #4f81bd;
		text-align: center;
	}
 
	aside#col-izq nav.principal ul.principal {
		list-style: none;
		margin: 0;
		padding: 0;
	}
		
		aside#col-izq nav.principal ul.principal li {
			float: left;
			display: block;
			width: 80%;
			height: auto;
			overflow: visible;
			text-align: center;
			margin: 0 10%;
			border-bottom: 1px solid #4f81bd;
			opacity: 0.6;
			transition: opacity 0.8s, color 0.8s, background 0.8s;
		}
		
		aside#col-izq nav.principal ul.principal li:hover {
			color: #10253f;
			opacity: 1;
			background: #4f81bd;
		}
			
			aside#col-izq nav.principal ul.principal li a{
				color: #10253f;
				text-decoration: none;
				display: block;
				/* width: 90%; */
				padding: 8px 5%;
				height: auto;
				transition: color 0.8s;
			}
			
			aside#col-izq nav.principal ul.principal li:hover a{
				color: #fff;
				box-shadow: 0px 5px 5px #4f81bd;
			}
						
	aside#col-izq div.subir {
		position: absolute;
		top: 110%;
		left: 25%;
		width: 50%;
		height: auto;
		text-align: center;
		display: none;
	}
	
		aside#col-izq div.subir img {
			width: 90%;
			max-width: 120px;
			height: auto;
			margin: 0 auto;
			opacity: 0.6;
			transition: opacity 0.8s;
			cursor: pointer;
		}
		
		aside#col-izq div.subir img:hover {
			opacity: 1;
		}
 /*
div.col-der {
	display: block;
	overflow: hidden;
	float: left;
	width: 55%;
	height: 100%;
	margin: 0 5%;
	background: #fff;
	opacity: 0.9;
	padding-bottom: 40px;
}  
*/
	div.col-der article.noticia-slide {
		display: block;
		width: 55%;
		padding: 20px 1%;
		position: absolute;
		bottom: 20%;
		right: 0;
		background: #242424;
		color: #fff;
		opacity: 0.8;
	}
		
		div.col-der article.noticia-slide h1 {
		font-size: 1.2em;
		margin: 0.4em 1%;
		}
		
		div.col-der article.noticia-slide p {
		font-size: 0.8em;
		margin: 0.4em 1%;
		}
		
		div.col-der article.noticia-slide span {
			position: absolute;
			top: 100%;
			right: 10%;
			font-size: 0.6em;
		}
		
		div.col-der article.noticia-slide img {
			display: none;
		}
		
body.home div.contenido {
	display: block;
	overflow: hidden;
	float: right;
	width: 55%;
	margin: 100% 5% 0;
	background: rgba(255,255,255,0.9);
	opacity: 1;
	padding-bottom: 40px;
}

body.noticias div.contenido {
	display: block;
	overflow: hidden;
	float: right;
	width: 55%;
	margin: 0 5% 0;
	background: rgba(255,255,255,0.9);
	opacity: 1;
	padding-bottom: 40px;
}

	div.contenido section {
		display: block;
		overflow: hidden;
	}
	
	
	div.contenido section article {
		display: block;
		/*margin: 0 5%;*/
		padding: 0;
		overflow: auto;
	}
 
/* MANTENIMIENTO */  
div.logo-mantenimiento {
	display: block; 
	width: 50%; 
	margin: 20px auto;
	text-align: center;
}

div.logo-mantenimiento img {
	width: 60%;
	margin: 20px auto;
}

div.titulo-mantenimiento {
	width: 100%;
	border-top: solid 6px #4f81bd;
	border-bottom: solid 6px #4f81bd;
}

div.titulo-mantenimiento h1{
	font-weight: normal;
	color: #10253f;
	text-align: center;
	font-size: 3em;
	margin: 0.2em;
}

div.texto-mantenimiento {
	background: #10253f;
	color: #eee;
}

}	/*	min-width: 900px  */

@media only screen and (min-width: 1680px) {
	/*	Novedades	*/

article.noticia {
}	

	article.noticia span.itemImage img.noticia-img,
	article.noticia img.noticia-img {
	float: left;
	width: 50%;
	border: 0.8em solid #4f81bd;
	border-top: none;
	margin: 0 1em 1em;
}

}






/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}