@charset "utf-8";

/* CSS Document */



@import url(https://fonts.googleapis.com/css?family=Roboto:400,900italic,900,700italic,700,500italic,500,400italic,300italic,300,100italic,100);



::-webkit-scrollbar{

  width:20px;

} 



::-webkit-scrollbar-thumb{

   background-color: rgba(255,255,255,255);

}  



html

{

	width:100%;

	height:100%;

	margin:0px;

}



body

{

	margin:5px;

	font-family: 'Roboto', sans-serif;

}



.logo 

{

	position: relative;

}



.logo img

{

	width:100%;

}



.inn-logo-gif 

{

	position: absolute;

	top: 0;

	left: 0;

}



.menu_principal

{

	/*height: 25px;*/

	/*background-color: #707173;*/

	width:95%;

	overflow:hidden;

	margin: 25px 5px 10px 5px;

	/*border:1px solid #A7A9AA;*/

}

.menu_principal a

{

	/*font-size:11px;*/

	display:block;

	float:left;

	padding:6px 14px;

	/*color:#FFF;*/

	text-decoration:none;

	border-right:1px solid #A7A9AA;

	/*border:1px solid #A7A9AA;*/

	color:#630;

	font-size:medium;

}



.menu_principal a:hover

{

	background-color:#512828;

	color:#FFF;

}



.leyenda

{

	font-size:small;

}



.toggleMenu {

    display:  none;

    background: #666;

    padding: 10px 15px;

    color: #fff;

}





input[type='text']

{

	width:50%;

	padding:1%;

	background-color:#a0c9c9;

	color:#333;

	font-size:14px;

	border:1px solid;

	margin:1% 0;

}



input[type='password']

{

	width:50%;

	padding:1%;

	background-color:#a0c9c9;

	color:#333;

	font-size:14px;

	border:1px solid;

	margin:1% 0;

}



input[type='tel']

{

	width:50%;

	padding:1%;

	background-color:#a0c9c9;

	color:#333;

	font-size:14px;

	border:1px solid;

	margin:1% 0;

}

input[type='button']

{

	width:20%;

	padding:1%;

	background-color:#573c1c;

	color:#ffffff;

	font-size:14px;

	border:1px solid;

	margin:2% 0;

	cursor:pointer;

}

textarea

{

	width:80%;

	padding:1%;

	background-color:#a0c9c9;

	color:#333;

	font-size:14px;

	border:1px solid;

	margin:1.5% 0;

	height:90px;

}





#current

{

	text-align:right;

	background-color:#573c1c;

	color:#ffffff;

}



/*----------   Ipad acostado   ----------*/

@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation : landscape)

{

	.menu_principal a

	{

		display:block;

		float:left;

		padding:6px 14px;

		text-decoration:none;

		border-right:1px solid #A7A9AA;

		color:#630;

		font-size:x-small;

	}

}



/*----------   Ipad parado   ----------*/

@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation : portrait)

{

	.menu_principal a

	{

		display:block;

		float:left;

		padding:6px 14px;

		text-decoration:none;

		border-right:1px solid #A7A9AA;

		color:#630;

		font-size:x-small;

	}

}



/*----------   cel acostado   ----------*/

@media screen and (max-width: 667px)

{

	.menu

	{

		float: left;

		position: relative;

		font-weight: bold;		

		padding-top:42px;

	}

	

	.toggleMenu 

	{

    display:  none;

    padding: 10px 15px;

	background:none;

    color: #000;

	margin-top:40px;

	text-decoration:none;

	border:1px dotted #000000;

	margin-top:-100px;

	z-index:10;

	

	}

	

    .active {

        display: block;

    }

	

	.menu_principal

	{

		display: block;

		width:25%;

		overflow:hidden;

		margin: 25px 5px 10px 5px;

		border:1px solid #A7A9AA;

	}

	.menu_principal a 

	{

		float:none;

		z-index:10;

		padding:6px 14px;

		text-decoration:none;

		border-right:1px solid #A7A9AA;		

		color:#630;

		font-size:x-small;

	}

}



/*----------   cel parado   ----------*/

@media screen and (max-width: 375px)

{

	.toggleMenu 

	{

    display:  none;

    padding: 10px 15px;

	background:none;

    color: #000;

	margin-top:40px;

	text-decoration:none;

	border:1px dotted #000000;

	margin-top:-100px;

	z-index:10;

	

	}

	

    .active {

        display: block;

    }

	

	.menu_principal

	{

		display: block;

		width:25%;

		overflow:hidden;

		margin: 25px 5px 10px 5px;

		border:1px solid #A7A9AA;

	}

	.menu_principal a 

	{

		float:none;

		z-index:10;

		padding:6px 14px;

		text-decoration:none;

		border-right:1px solid #A7A9AA;		

		color:#630;

		font-size:x-small;

	}

}