/* 
 * Responsive design
 * Mixed by Marcexl 
 * version 02112015
 *
 */

#mxlmenu, #menusecundario, #menuMobile{
	display: none!important;
	}

@media screen and (max-width:1290px){	
	ul#menu1{
		margin:10px 0px 50px 300px;
	}
	ul#menu2{
		margin:10px 300px 50px 0px;
	}
}

@media screen and (max-width:1100px){	
	ul#menu1{
		width: auto!important;
		margin-left: 20%!important;
		margin:10px 0px 50px 250px;
	}
	ul#menu2{
		width: auto!important;
		margin-right: 20%!important;
		margin:10px 250px 50px 0px;
	}
}

@media (max-width:800px) {
	#login, #menuprincipal{
		display: none;
	}

	#logo{
		left: 15px;
	}
	#title{
		right: 15px;
	}
	.portal {
	font-family:inherit;
	font-size: 12px;
	}	

	.subtitle{
	font-family:inherit;
	font-size:10px;
	
	}

	#cuerpo{
		width: 90%;
	}
	footer a {
	margin:5px;
	color:#FFF;
	text-decoration:none;
	font-weight:normal;
	font-size:0.9em;
	}

	footer a:hover {
	width:auto;
	height:15px;
	color:#0C0;
	}

	footer p {
	font-weight:bold;
	margin:5px 0 0 0;
	color:#FFF;
	}

	#contenedor{	
	width:302px;
	height:auto;
	float:left;
	margin:5px 0 55px 75px;
	padding:0;
	}

	#contenedor1{
	width:302px;
	height:auto; 
	float:right;
	margin:5px 75px 55px 0px;
	}

	.col1{
	width:auto;
	height:auto; 
	}

	.row1, .row2, .row3,.row4, .row5, .row6,.row7, .row8, .row9{
	width:250px;
	height:50px;
	border:1px solid #ccc;
	margin:0;
	background-image:url(/images/degrade_gris_vert.jpg);background-repeat:repeat;background-position:0 0;
	}

	.row1 {
	border-radius:10px 10px 0 0;
	}

	.row9 {
	border-radius:0 0 10px 10px;
	}

	.mobut table {margin:0;
	}

/*@media (max-width:800px) and (max-device-aspect-ratio: 800/600){*/
	#background_cycler{
		display:none!important;
	}

	footer {
	font-family:inherit;
	font-size:0.7em;
	float:left!important;
	left:0;
	bottom:0;
	margin: 0 auto;
	width:100%;
	padding:5px 5px;
	text-align:center;
	background-color:#666;
	opacity:0.7;
	}

	#menu-button{
		display: block;
	}

	.menu-nav{
		display: none;
		width: 100%;
    	background: white;
    	height: auto;
    	border-top: none;
    	border-bottom: 1px solid #CCC;
    	padding: 0; 
    	position: absolute;
    	z-index: 111;
	}
	.menu-items{
		display: block;
	}

	.menu-items > ul{
	    position: relative;
    	padding: 0;
    	box-sizing: border-box;
    	border: none;
    	padding: 0;
	}

	.menu-items:hover > ul{
		display: none;
	}

	.menu-items > ul > li > a {
		padding: 5px;
    	border-bottom: 1px solid #CCC;
	}

}
@media (max-width:790px){

	.portal {
		font-size: 18px!important;
	}
	.subtitle {
		font-size: 16px!important;
	}
	#contenedor{
	float:left; 
	width:100%;
	height:auto;
	margin:0 0 14px 0;
	}

	.col1{
	width:auto;
	height:auto; 
	}

	.row1, .row2, .row3,.row4, .row5, .row6,.row7, .row8, .row9 {
	width:auto;
	height:50px;
	border:1px solid #CCC;
	margin:0;
	}

	#contenedor1{
	float:left; 
	width:100%;
	height:auto;
	margin-top:-14px;
	margin-bottom:65px;
	}

	.row1, .row9{
	border-radius:0;
	}

	.mobut table {margin:0 0 0 15px;
	}

}
@media (max-width: 676px){
	#cuerpo{
		width: 98%;
	}
}

@media (max-width: 642px){
	#principal, .userInfo{
		display:none;
	}
	#menuMobile{
		display:block!important; 
	}
}
@media (max-width: 620px){
	.title,
	.subtitle{
		right: 5%;
	}
	.subtitle {
		padding: 0;
		font-size: 12px!important;
		
	}
	/*.subtitle table {
		margin-right: -15px;
	}*/
	/*.subtitle table img{
		display: none;
	}*/
	.portal {
		font-size: 14px!important;
	}


	#content {	
		width:100%;
		margin: 0 auto;
		height:auto;
	}
	#cuerpo  {
		width:95%!important;
		height:auto;
		font-family:inherit;
		font-size:10px;
		margin-bottom:75px!important;
		padding:0;
	}
	#cuerpoMxl  {
		width:95%!important;
		height:auto;
		font-family:inherit;
		font-size:10px;
		margin-bottom:55px!important;
		padding:0 5px;
	}
	table.novusMxl{
		margin: 0 0 0 -15px;
	}
	table.novusMxl tr td{
		padding: 5px 0!important;
	}
	table.univerSal{
		margin: 0 0 0 -15px;
	}
	table.univerSal tr td{
		padding: 5px 0!important;
	}

}

@media (max-width:580px) {
	.col1, .col2{
		width:80%!important;
		float: left!important;
		border: none;
		font-size: 12px;
	}
	footer, #footer {
		text-align: center;
	}
	footer p, #footer p{
		margin-left: 0;
	}

}
@media (max-width:536px) {
	.title table tr .titulo {
		display: none;
	}

}
@media (max-width:500px) {
	footer, #footer {
		position: relative;
		height: auto!important;
	}
}

@media (max-width:480px) {
	#title{
		width:250px; 

	}
	#title .subtitle table td{
		text-align: right!important;
	}
}

@media (max-width:420px) {
	#logo {
	  position: absolute;
	  width: auto;
	  height: 90px;
	  top: 10px;
	  left: 5px;
	  z-index: 0;
	}

	#logo img{
		width: 45%;
	}
}

@media print {
	#header, #menu, #footer, #formas, #logo{display:none;}
	.list{white-space:nowrap!important;}
}