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

body 
	{
		padding: 0px;
		margin: 0px;
		text-align: center;
		position: absolute;
		bottom: 0px;
		width: 100%;
		height: 100%;
	}	
	
	a
	{	
		font-size:11px;
		text-decoration:none;
		color:#ccc;
	}	
		
	div
	{
		text-align: right;
		position: absolute;
		margin: 0px;
		right: 50px;
		top: 0px;
		width: 100%;
		height: 100%;
	}	
	#bandera
	{
		padding: 0;
		margin: 0px;
		border: 0;
		position: relative;
		top: 40%;
		right: 10px;
		text-decoration:none;
		font-weight:bold;
		color:#ccc;
	}
	table
	{
		padding: 0;
		margin: 0px;
		border: 0;
		position: relative;
		top: 45%;
		right: 3%;
		text-decoration:none;
		font-weight:bold;
		color:#ccc;
	}
	#bg
	{
		position: absolute;
		top:0px;
		left: 0px;
		margin: 0px;
		/*width: 100%;*/
		height: 100%;
	}
	#banda
	{	
		position: absolute;
		margin: 0px;
		/*right: 50px;*/
		right: 3%;
		top: 0px;
		width: 370px;
		height: 100%;
	}
	#banda2
	{	
		position: absolute;
		margin: 0px;
		right: 0px;
		left: 0px;
		/*top: 0px;*/
		bottom: 50px;
		width: 100%;
		height: 100px;
	}
	#logoraven
	{	
		position: absolute;
		margin: 0px;
		/*right: 100px;*/
		left: 50px;
		/*top: 0px;*/
		bottom: 95px;
/*		width: 621px;
		height: 80px;
*/		width: 825px;
		height: 223px;
	}
	#disdesweb2
	{	
		position: absolute;
		margin: 0px;
		right: 35px;
		top: 96%;
		text-align:left;
	}
	
	#disdesweb
	{	
		position: absolute;
		margin: 0px;
		right: 35px;
		/**/top: 96%;
		text-align:left;
		font-size:11px;
		text-decoration:none;
		width: 370px;
		height: 2%;
		color:#ccc;
	}
	

/* responsive */
/*
#mobile_select h2 {border:0; margin:-17px 0 0 0; padding:0; background:#0C1D43;text-align:right}
#mobile_select h2 a {
display:inline-block;
font-size:0.8em;
border-radius:4px 4px 0 0;
padding:6px;
font-size:0.75em;
margin-right:5px;
}
*/


@media only screen and (max-width: 480px) {

	img {
  max-width: 100%;
  height: auto;
  border: 0;
  -ms-interpolation-mode: bicubic;
}


	#logoraven
	{	
		position: absolute;
		margin: 0px;
		/*right: 100px;*/
		left: 0px;
		/**/
		top: 70px;
/*		bottom: 155px;
		width: 621px;
		height: 80px;
*/		width: 100%;
		height: 100px;
	}

	#disdesweb
	{	
/*		position: absolute;
*/		margin: 0px;
		left: 0px;
		/**/top: 96%;
		text-align:right;
		font-size:11px;
		text-decoration:none;
		width: 370px;
		height: 2%;
		color:#ccc;
	}
	
/*
	#fontsize{display:none}
	#nav,#wrapper2,#wrapper,.cols-3 .column-1,.cols-3 .column-2,.cols-3 .column-3,#right,.box,#header form
		{
		float: none;
		width: 100%
	}
	#header {padding-top:3em}
	#header form  {margin:0}
	.logoheader {background:#0C1D43; min-height:100px; margin:0}
	.box {
		border-left: 0 !important;
		border-bottom: solid 1px #ddd;
	}
	#line {
		text-align: center;
		top: 0;
		right: auto;
		max-width: 100% ;
		min-width:100%;

		margin: 0 0px; background:#095197;
	}
	#header form input {
		float: none; margin-bottom:4px
	}
	#menuwrapper { margin-top:10px; }
	#header ul.menu {position:relative; top:0;left:20px; right:20px; margin:0; width:90%; border-radius:4px}
	#header ul.menu li:first-child a {border-radius: 4px 4px 0 0}
	#header ul.menu li:last-child a {border-radius:0 0 4px 4px }
	#header ul.menu li a:link,
	#header ul.menu li a:visited {
		display: block;
		padding: 6px 10px;
		border-bottom: solid 1px #ccc
	}
*/
}

/*
@media only screen and (min-width: 600px) {
*/
@media only screen and (min-width: 400px) {
	img {
  max-width: 100%;
  height: auto;
  border: 0;
  -ms-interpolation-mode: bicubic;
}


	#logoraven
	{	
		position: absolute;
		margin: 0px;
		/*right: 100px;*/
		left: 50px;
		bottom: 95px;
/*		top: 485px;
		top: 455px;
		bottom: 500px;
*/		
		width: 400px;
		height: auto;
/*		width: 1382px;
		height: 300px;
  		max-width: 100%;
 		height: auto;
*/
	}

	#disdesweb
	{	
		position: absolute;
		margin: 0px;
		right: 35px;
		/**/top: 96%;
		text-align:left;
		font-size:11px;
		text-decoration:none;
		width: 370px;
		height: 2%;
		color:#ccc;
	}

}

@media only screen and (min-width: 500px) {
	img {
  max-width: 100%;
  height: auto;
  border: 0;
  -ms-interpolation-mode: bicubic;
}


	#logoraven
	{	
		position: absolute;
		margin: 0px;
		/*right: 100px;*/
		left: 50px;
		bottom: 95px;
/*		top: 485px;
		top: 455px;
		bottom: 500px;
*/		
		width: 500px;
		height: auto;
/*		width: 1382px;
		height: 300px;
  		max-width: 100%;
 		height: auto;
*/
	}

	#disdesweb
	{	
		position: absolute;
		margin: 0px;
		right: 35px;
		/**/top: 96%;
		text-align:left;
		font-size:11px;
		text-decoration:none;
		width: 370px;
		height: 2%;
		color:#ccc;
	}

}

@media only screen and (min-width: 600px) {
	img {
  max-width: 100%;
  height: auto;
  border: 0;
  -ms-interpolation-mode: bicubic;
}


	#logoraven
	{	
		position: absolute;
		margin: 0px;
		/*right: 100px;*/
		left: 50px;
		bottom: 95px;
/*		top: 485px;
		top: 455px;
		bottom: 500px;
*/		
		width: 600px;
		height: auto;
/*		width: 1382px;
		height: 300px;
  		max-width: 100%;
 		height: auto;
*/
	}

	#disdesweb
	{	
		position: absolute;
		margin: 0px;
		right: 35px;
		/**/top: 96%;
		text-align:left;
		font-size:11px;
		text-decoration:none;
		width: 370px;
		height: 2%;
		color:#ccc;
	}

}

@media only screen and (min-width: 700px) {
	img {
  max-width: 100%;
  height: auto;
  border: 0;
  -ms-interpolation-mode: bicubic;
}


	#logoraven
	{	
		position: absolute;
		margin: 0px;
		/*right: 100px;*/
		left: 50px;
		bottom: 95px;
/*		top: 485px;
		top: 455px;
		bottom: 500px;
*/		
		width: 600px;
		height: auto;
/*		width: 1382px;
		height: 300px;
  		max-width: 100%;
 		height: auto;
*/
	}

	#disdesweb
	{	
		position: absolute;
		margin: 0px;
		right: 35px;
		/**/top: 96%;
		text-align:left;
		font-size:11px;
		text-decoration:none;
		width: 370px;
		height: 2%;
		color:#ccc;
	}

}

@media only screen and (min-width: 768px) {
	img {
  max-width: 100%;
  height: auto;
  border: 0;
  -ms-interpolation-mode: bicubic;
}


	#logoraven
	{	
		position: absolute;
		margin: 0px;
		/*right: 100px;*/
		left: 50px;
		bottom: 95px;
/*		top: 485px;
		top: 455px;
		bottom: 500px;
*/		
		width: 600px;
		height: auto;
/*		width: 1382px;
		height: 300px;
  		max-width: 100%;
 		height: auto;
*/
	}

	#disdesweb
	{	
		position: absolute;
		margin: 0px;
		right: 35px;
		/**/top: 96%;
		text-align:left;
		font-size:11px;
		text-decoration:none;
		width: 370px;
		height: 2%;
		color:#ccc;
	}

}

@media only screen and (min-width: 992px) {
	img {
  max-width: 100%;
  height: auto;
  border: 0;
  -ms-interpolation-mode: bicubic;
}


	#logoraven
	{	
		position: absolute;
		margin: 0px;
		/*right: 100px;*/
		left: 50px;
		bottom: 95px;
/*		top: 485px;
		top: 455px;
		bottom: 500px;
*/		
		width: 60%;
		height: auto;
/*		width: 1382px;
		height: 300px;
  		max-width: 100%;
 		height: auto;
*/
	}

	#disdesweb
	{	
		position: absolute;
		margin: 0px;
		right: 35px;
		/**/top: 96%;
		text-align:left;
		font-size:11px;
		text-decoration:none;
		width: 370px;
		height: 2%;
		color:#ccc;
	}

}

@media only screen and (min-width: 1382px) { /* Styles */
	img {
  max-width: 100%;
  height: auto;
  border: 0;
  -ms-interpolation-mode: bicubic;
}


	#logoraven
	{	
		position: absolute;
		margin: 0px;
		/*right: 100px;*/
		left: 50px;
		bottom: 95px;
/*		top: 485px;
		top: 455px;
		bottom: 500px;
*/		
		width: 825px;
		height: 223px;
/*		width: 1382px;
		height: 300px;
  		max-width: 100%;
 		height: auto;
*/
	}

	#disdesweb
	{	
		position: absolute;
		margin: 0px;
		right: 35px;
		/**/top: 96%;
		text-align:left;
		font-size:11px;
		text-decoration:none;
		width: 370px;
		height: 2%;
		color:#ccc;
	}

}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5) , only screen and
		(min--moz-device-pixel-ratio: 1.5) , only screen and
	(min-device-pixel-ratio: 1.5) { /* Styles */
}