/*********************************************************************************/
/* escritorio (>= 480px)                                                            */

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

	body {
		
	}

	section, article {
		margin: 0 0 2px 0; 
	}

	section:last-child, article:last-child {
		margin-bottom: 0;
	}

	section.left-content {
		padding-right: 30px;
	}

	section.right-content {
		padding-left: 30px;
	}

	section.middle-content {
		padding: 0 30px 0 30px;
	}

	ul.small-image-list img {
		width: 100px;
		border-radius: 5px;
	}

	ul.big-image-list img {
		
	}
	
/* Reusable */

	.blog-post-image {
		width: 588px;
	}

/* Header */

	#header-wrapper {
		position: relative;   /*agregado porque con el php me empezó a salir una franja blanca arriba */
		background: #ffffff;
		padding: 15px 0 16px 0;
		/* height:50px;
		background-image: -moz-linear-gradient(top, #ffffff, #ffffff);/*era 008dab y 007b9d */
	}
	#logomovil{ 
		display:none;
	}
/* logo Feller corpotativo (arriba izquierda) */
	#logofellersi {
		position: absolute; top:0px; 
		margin: 0.5% 0.5% 0.5% 0; /*2.5% 0 2.5% 0; */
		padding: 0 40px 0 40px;
		border-radius: 0px;
		border: solid 0px #fff; /*era 006e8b */
		/* box-shadow: inset 0px 0px 0px 1px #12a0bf, 0px 1px 4px 0px rgba(0,0,0,0.10);  */
		background-color: #ffffff; /*era 007b9d */
		background-image: -moz-linear-gradient(top, #ffffff, #ffffff); /*era 008ead y 007b9d */
		background-image: -webkit-linear-gradient(top, #ffffff, #ffffff);
		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#ffffff));
		background-image: -ms-linear-gradient(top, #ffffff, #ffffff);
		background-image: -o-linear-gradient(top, #ffffff, #ffffff);
		background-image: linear-gradient(top, #ffffff, #ffffff);
		height:40px;
		width:94%;	
		/*box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.10); agregado */

	}
		/*#header img{ width:100%;	height:100%;} agregado por mi para q en el movil pueda ser, por ej 80% ; en movil  está en title bar*/


	#logofellersi img{
			width:125px;
			float:right;
	}

/** logo páginas internas */
	#logopagint {
		position: relative;
		margin: 0% 0.5% 0.5% 3%; 
	}
/* Banner ***********/

		#banner-wrapper .bordered-image
		{
			margin: 0;
		}
	.rayalogo{
    position: relative;
    width: 1px;
    height: 40px;
    top: 20px;
}
/*********************************************************************************/
/* barra de menu Nav                                                                           */
/*********************************************************************************/
		#nav {
			position: absolute; 
			height:25px;			
			/*agregado para cambiar posición, y que quede arriba y sea gris */
			background: #5E94C5; /*agregado */
			width:100%; /*agregado */
			text-align:center; /*agregado */
			border-radius: 0px 0px 0px 0px;
			/*fin agregado */
			right: 0px; /* era 40 */
			top: 20px;
			line-height: 20px;/* era 84 */
			letter-spacing: 0em; /* era -1 */
			font-size: 0.8em;
					box-shadow: inset 0px 3px 6px 0px rgba(0,0,0,0.20);
		} 
		
			/*#header nav a.current-page-item */
				


		#nav > ul > li
		{
			display: inline-block;
			padding-left: 4em; /* espacio entre items de menu*/
		}
		
			#nav > ul > li:last-child
			{
				padding-left: 4em; /* espacio ultimo items de menu; cambiar a 0 si es que hay links ocultos en modo Desktop*/
			}

			#nav > ul > li > a
			{
				display: block;
				color:#fff; /*color letras menu principal */
				text-shadow: 2px 1px 1px rgba(0,0,0,0.5); /* este lo agregué*/
			}

				#nav > ul > li > a > span
				{
					font-size: 1.1em; /* tamaño items menu principal */
				}

			#nav > ul > li > ul
			{
				display: none;
			}
	
	.dropotron /* menu que se despliega */
	{
		text-align: left;
		border: solid 1px #e5e5e5;
		border-radius: 4px;
		background: #fff;
		background: rgba(255,255,255,0.965);
		box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.1);
		padding: 0em 0 0.5em 0;
		min-width: 10em;
	}
	
		.dropotron.level-0
		{
			margin-top: 0.8em; /* distancia del sub menu al menu principal*/
			margin-left: 3em; /* era -1em pero como cambié el padding de distianciamientos entre items desde right a left, tuve que ponerle más margen a la aparición del submenu*/
		}

			.dropotron.level-0:after
			{
				content: '';
				display: block;
				position: absolute;
				left: 1.25em;
				top: -moz-calc(-0.75em + 1px);
				top: -webkit-calc(-0.75em + 1px);
				top: -o-calc(-0.75em + 1px);
				top: -ms-calc(-0.75em + 1px);
				top: calc(-0.75em + 1px);
				border-left: solid 0.75em rgba(255,255,255,0);
				border-right: solid 0.75em rgba(255,255,255,0);
				border-bottom: solid 0.75em #fff;
			}

			.dropotron.level-0:before
			{
				content: '';
				display: block;
				position: absolute;
				left: 1.25em;
				top: -0.75em;
				border-left: solid 0.75em rgba(255,255,255,0);
				border-right: solid 0.75em rgba(255,255,255,0);
				border-bottom: solid 0.75em #ccc;
			}

		.dropotron span,
		.dropotron a /* items submenu */
		{
			display: block;
			padding: 0.2em 1em 0.2em 0.5em; /* espacio entre lineas dropmenu*/
			border: 0;
			border-top: solid 1px #f0f0f0;
			outline: 0;
			font-size:0.9em;
			color: #333333; /* color items submenu */
			text-decoration: none;
		}
		.dropotron a:hover /* color hover items submenu */
		{
			color: #66ccff;
		}		
				
		.dropotron li:first-child > span, /* primer items */
		.dropotron li:first-child > a
		{
			border-top: 0;
			padding-top: 0;
		}
		.dropotron li:hover > span,
		.dropotron li:hover > a
		{
			-moz-transition: color 0.25s ease-in-out, border-bottom-color 0.25s ease-in-out;
			-webkit-transition: color 0.25s ease-in-out, border-bottom-color 0.25s ease-in-out;
			-o-transition: color 0.25s ease-in-out, border-bottom-color 0.25s ease-in-out;
			-ms-transition: color 0.25s ease-in-out, border-bottom-color 0.25s ease-in-out;
			transition: color 0.25s ease-in-out, border-bottom-color 0.25s ease-in-out;
		}

	#menutop {
	position:absolute;top:121px;z-index:101;width:20%;
	background:rgba(255,255,255,0.95);
	border: solid 1px #DDE1E1;
	-webkit-box-shadow: 5px 7px 12px 2px rgba(66,66,66,0.38);
	-moz-box-shadow: 5px 7px 12px 2px rgba(66,66,66,0.38);
	box-shadow: 5px 7px 12px 2px rgba(66,66,66,0.38);
	} 
	#menuicon  {margin:65px 0 0 20px;}		

}

@media  (min-width: 737px) and (max-width: 980px) {
	body {
		font-size: 11pt;
		}	
	header img {
		width:220px;

		}
		#login {
			top:0px;right:0px;
			padding: 0 0px 0 5px;
		}		

	.ui-button {
		margin: 0em;
		font-size:8pt;
	}
	 .SelectStyle2 {
		padding: 2px;
	}

	.menutop {
	top:118px;
	width: 40%;
	}
	#menuicon  {width:5%;}	
	.menutop-mini {	
		top:40px;
	}	
}