/* font-family: 'Sarala', sans-serif;
font-family: 'Ubuntu Condensed', sans-serif;
font-family: 'Gudea', sans-serif;

 */

html {
	border-top: 4px solid #82882F;
}
body {
	margin: 0 auto;
width: 100%;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}
.rm-nav {
	letter-spacing: 1px;
}
#wrapperheader, #wrapperlogo, #wrappermain, #wrapperfooter {
  max-width: 1100px; margin: 0 auto; clear: both; 
}

.header {
    border-bottom: 1px solid #E7AF3D;
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f2f2f2));
background: -webkit-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
background: -o-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
background: -ms-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
background: linear-gradient(to bottom, #ffffff 0%, #f2f2f2 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=0 );
font-size: 13px;
}

#wrapperlogo #logoleft {
	float: left;
	width: 24%;
}

#wrapperheader {padding: 10px 0 55px 0; }

.header #contact {
	float: left;
        width: 55%; 
}

.header #contact img {
float: left; margin-top: 5px;
}

.header #social {
float: right;
  clear: right; width: 35%;
}

.menu {
float: right; display: inline-block;
}

.titles {
text-align: right; font-size: 24px;  color: #000037;
background: #ffffff; font-weight: lighter;
background: -moz-linear-gradient(top, #ffffff 0%, #cccccc 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #cccccc));
background: -webkit-linear-gradient(top, #ffffff 0%, #cccccc 100%);
background: -o-linear-gradient(top, #ffffff 0%, #cccccc 100%);
background: -ms-linear-gradient(top, #ffffff 0%, #cccccc 100%);
background: linear-gradient(to bottom, #ffffff 0%, #cccccc 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc', GradientType=0 );
}

.titles .breadcrumb {
background: url(/images/minivector.png) left no-repeat; padding: 18px 25px 18px 5px;
}

.contmain {
  width: 100%; background: url(/media/bg.jpg); 

}
/* styles for desktop */
.tinynav {
	display: none
}

h1, h2, h3, h4, h5, h6 {font-family: 'Questrial', sans-serif; text-transform: uppercase}

h2 {font-size: 26px; color: #81872E}

.dev-output {
	padding: 1.3em;
	margin-bottom: 20px;
	z-index: 9999;
	margin-top: 0;
	font-size: 16px;
background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(247,247,247,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(247,247,247,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(247,247,247,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(247,247,247,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(247,247,247,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(247,247,247,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7', GradientType=0 );
}
.dev-output p, .dev-output h1, .dev-output h2, .dev-output h3, .dev-output ul, .dev-output tr td {
}
.dev-output p, .dev-output ul li {
	line-height: 165%;
	font-size: 16px;
font-family: 'Roboto', sans-serif;
}
#nav {
	display: inline;
	padding: 0;
	max-width: 100%;
	height: 5px;
	font-family: 'Archivo Narrow', sans-serif;
	text-transform: uppercase;
	z-index:9999;
}
#nav ul {
	list-style: none;
	list-style-type: none;
	text-align: center;
	padding: 0;
	margin: 0;
	margin-left: 0;

}
#nav li {
	font-size: 1.25em;
	line-height: 36px;
	height: auto;
	float: left;
	padding: 0;
	list-style: none;
	list-style-type: none; border-right: 1px solid #82882F;
}
#nav a {
	text-decoration: none;
	color: #82882F;
	display: block;
	transition: .5s;
	padding: 1.05em 1.1em 1.05em .5em;
	font-weight:lighter;
}


#nav a:hover {
	color:#fff; background: #E7AF3D
}
#nav a.active {
	color: #00D5DF;
	cursor: default;
}

#nav ul li:last-child {border-right: 0}

#nav .menu li.menu-current a {
	color: #fff;
	background: #E7AF3D;
}
#nav .menu li.menu-current a:before {
	-webkit-filter: sepia(70%);
	filter: sepia(70%);
}
#nav li a:hover::before {
	opacity: 0.4;
	-webkit-filter: brightness(.75);
	filter: brightness(.75);
}
#nav li a:before {
	background: url(/images/crumb.png) no-repeat top left;
	content: "";


	position: relative;
	left: 0;
	top: 10px;
	display: inline-block;
	width: 16px;
	height: 30px;
}
/* 2nd Child menu */
#nav .menu li ul {
background: #E8B54A;
	position: absolute;
	width: 13.2em;
	display: none;
	text-transform: none;
	z-index:9999;
	padding: .1em .2em .3em .1em;
	border-bottom: 4px solid #CC921A;
-webkit-box-shadow: 2px 4px 13px 1px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 4px 13px 1px rgba(0,0,0,0.75);
box-shadow: 2px 4px 13px 1px rgba(0,0,0,0.75); 
}
#nav .menu li ul li {
	width: 16em;
	text-transform: uppercase; 
	text-align: left;
	font-weight: normal;
	font-size: 16px;
	margin: .3em .3em 0 0;
	line-height: 2em; 
	border-bottom: 1px solid #CC921A; border-right: 0;
}
#nav .menu li ul a {
	width: 16em;
	padding: .5em .1em .2em .8em;
	color: #fff;
	border: 0;
	margin-top: -2px; 
}
/* 2nd Child link hover */
#nav .menu li ul a:hover {
	color: #fff;
background: #CC921A;
}

#nav .menu li ul li.menu-current a {
	color: #fff;
	background: #CC921A;
	border-bottom: 1px solid #fff
}
/* Show and hide */
#nav .menu li:hover ul, #nav .menu li a:focus ul, #nav .menu li.subMenu ul {
	display: block;
}
#nav .menu li ul ul {
	display: none;
}
#nav .menu li:hover ul ul, #nav .menu li.subMenu ul ul {
	display: none;
}
#nav .menu li:hover ul, #nav .menu li li:hover ul, #nav .menu li.subMenu ul, #nav .menu li li.subMenu ul {
	display: block;
}

a#enlace {
-webkit-border-radius: 1em;
-moz-border-radius: 1em;
border-radius: 1em;
background: #E7AF3D;
color: #fff;
padding: 15px 10px
	}

.footer {background: #E7AF3D; width: 100%;display: inline-block; padding: 25px 20px}
.footer a{color: #000}
.footer #fleft {width: 40%; float: left}
.footer #fright {width: 55%; float: right; text-align: right}


/* styles for mobile */
@media screen and (max-width: 700px) {
nav {
	height: 60px;
}
.tinynav {
	display: block;
	font-family: 'Gudea', sans-serif;
	width: 45vw;
}
#nav {
	display: none
}
.js .tinynav {
	display: block;
}
.js #nav {
	display: none
}
#tinynav1 {
	margin: 15px auto 0 auto;
	border: 1px solid #fff;
}
.tinynav1 {
	padding: 5px 5px;
	z-index: 9999;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border: 0;
	background: #1F819E;
	color: #fff;
	font-size: 1.025em;
}
.tinynav option {
	padding: 5px 3px;
	color: #fff;
	background: #232322;
}
select option:hover {
	padding: 5px 7px;
	box-shadow: 0 0 0 40px #1F819E inset;
}
}