@charset "utf-8";
.fg_header.fg_design {
    display: none;
}

.miniform label span, .small, small {color: #000}

/* ESTILOS NORMALES (para m�1�71�1�771�1�71�1�777�1�71�1�771�1�71�1�777viles en vertical) ========================================================================= */
body { background: url(/images/bg.jpg) top center fixed; margin: 0 auto; font-size: 100%;}
header {height: 125px; background: rgba(56,74,153,1);
background: -moz-linear-gradient(left, rgba(56,74,153,1) 0%, rgba(25,116,191,1) 50%, rgba(56,74,153,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(56,74,153,1)), color-stop(50%, rgba(25,116,191,1)), color-stop(100%, rgba(56,74,153,1)));
background: -webkit-linear-gradient(left, rgba(56,74,153,1) 0%, rgba(25,116,191,1) 50%, rgba(56,74,153,1) 100%);
background: -o-linear-gradient(left, rgba(56,74,153,1) 0%, rgba(25,116,191,1) 50%, rgba(56,74,153,1) 100%);
background: -ms-linear-gradient(left, rgba(56,74,153,1) 0%, rgba(25,116,191,1) 50%, rgba(56,74,153,1) 100%);
background: linear-gradient(to right, rgba(56,74,153,1) 0%, rgba(25,116,191,1) 50%, rgba(56,74,153,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#384a99', endColorstr='#384a99', GradientType=1 );}


#logo {text-align: center; width: 50%; float: left;}
#logo img {max-width: 75%; width: 225px; height: auto;}
#slogan {width: 50%; float: right;}
#slogan img {max-width: 98%; text-align: center;}

.headright {float: none; width: 100%; clear: both;}
.headright #row2 img, .headright #row3 img {width: 95%; text-align: center; height: 22px; width: auto;}
.headright #row2 {width: 45%; float: left; text-align: center; }
.headright #row3 {width: 54%; float: left; text-align: center;}

h1, h2, h3, h4, h5, h6 {font-family: 'Noto Serif', serif; font-weight:lighter}

h2 {color: #3052A3; border-bottom: 3px double #3052A3; display: inline-block; border-top: 1px solid #999}
h3 {color:#D3D3D3}

.slde {width: 100%; height: 85px; display: margin-bottom: 20px;
}

.slde h1 {
margin: 0 auto; color: #fff; text-align: center; font-size: 4.5em; text-shadow: 3px 3px 6px rgba(0, 0, 0, 1); margin: .3em 0 0 0;
}

.maincont {padding: 20px 35px; font-family: 'Kanit', sans-serif; font-size: 1.45em;overflow:auto;
background: rgba(220,217,242,0.89);
background: -moz-linear-gradient(-45deg, rgba(220,217,242,0.89) 0%, rgba(247,247,247,0.92) 51%, rgba(227,220,227,0.92) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(220,217,242,0.89)), color-stop(51%, rgba(247,247,247,0.92)), color-stop(100%, rgba(227,220,227,0.92)));
background: -webkit-linear-gradient(-45deg, rgba(220,217,242,0.89) 0%, rgba(247,247,247,0.92) 51%, rgba(227,220,227,0.92) 100%);
background: -o-linear-gradient(-45deg, rgba(220,217,242,0.89) 0%, rgba(247,247,247,0.92) 51%, rgba(227,220,227,0.92) 100%);
background: -ms-linear-gradient(-45deg, rgba(220,217,242,0.89) 0%, rgba(247,247,247,0.92) 51%, rgba(227,220,227,0.92) 100%);
background: linear-gradient(135deg, rgba(220,217,242,0.89) 0%, rgba(247,247,247,0.92) 51%, rgba(227,220,227,0.92) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dcd9f2', endColorstr='#e3dce3', GradientType=1 );

 }
.maincont p {color: #000; line-height: 185%; }
#barbottom {height: 2px; background: #f1610a; bottom: 0; width: 95%; margin: 0 auto; }

#mright {float: right; width: 45%; }

 .tinynav {
display: block;
font-family: 'Kanit', sans-serif;
 width: 95%; max-width: 250px;
}

nav {
	background: #ff0;
	padding: 8px 0px 6px 0;
}

 #nav {
display: none
}
 .js .tinynav {
display: block;
}

 #tinynav1 {
margin: 4px auto 4px auto;
border: 1px solid #000;
}
 .tinynav1 {
padding: 2px 20px;
z-index: 9999;
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border: 0;
background: #ff0;
color: #000;
font-size: 1.35em;
}
 .tinynav option {
padding: 5px 3px;
color: #fff;
background: #000;
}
 select option:hover {
padding: 5px 7px;
box-shadow: 0 0 0 40px #ff0 inset;
}
footer {padding: 35px 0 55px 0; text-align: center;font-size: 1.4em; font-family: 'Play', sans-serif;
 color: #fff}
footer a {color: #f1f1f1}
#footerleft, #footerright {width: 100%;}

/* RESPONSIVE ========================================================================= */
 
/* M�1�71�1�771�1�71�1�777�1�71�1�771�1�71�1�777viles en horizontal o tablets en vertical ------------------------------------------------------------------------- */
@media (min-width: 768px) {
body { font-size:100%;}
header {border-bottom: 1px solid #fff; height: 162px;}

#mright {width: 50%;}


 
/* Tablets en horizonal y escritorios normales ------------------------------------------------------------------------- */
@media (min-width: 1024px) {

header {height: 110px;}
.wrapper {max-width: 995px; margin: 0 auto;}
.headright {float: right; width: 40%; margin-top: 25px; clear: none;}
.headright #row2 {width: 100%; float: left}
	.headright #row2 img {height: 28px; width: auto;}
.headright #row3 {width: 100%; float: left}
	.headright #row3 img {height: 28px; width: auto;}
#logo {width: 30%; }
#logo img {padding: 0; width: 246px; height: auto;  }
#slogan {float: left; width: 30%; margin-top: 0; }
#slogan img {max-width: 100%; }
#barbottom {height: 4px; background: #f1610a; bottom: 0; max-width: 1000px; width: 80%; margin: 0 auto; }

#tinynav1 {display: none}
.rm-nav {
	letter-spacing: 1px;
}

nav {background: #000; text-align: center;}

#nav {
	display: inline-block;
	padding: 1px;
	max-width: 100%;
	height: 60px;
font-family: 'Kanit', sans-serif;
padding-top: 10px; font-weight: bold;
	z-index:9999;
}
#nav ul {
	list-style: none;
	list-style-type: none;
	text-align: center;
	padding: 0;
	margin: 0;
}
#nav li {
	font-size: 1.85em;
	line-height: 38px;
	height: auto;
	float: left;
	list-style: none;
	list-style-type: none;
border-right: 1px solid #232323;


}
#nav a {
	text-decoration: none;
	color: #fff;
	display: block;
 transition: .25s;
	padding: .2em .8em .3em .8em;
	font-weight:normal;
text-transform: uppercase;
}

#nav a:hover {
	border-bottom: 2px solid #FFFF00;
	color:#fff;
}
#nav a.active {
	background-color: #fff;
	color: #444;
	cursor: default;
}
#nav .menu li.menu-current a {
border-bottom: 2px solid #FFFF00;
	color: #fff;
}

#nav .menu li.menu-current a:hover {
	color: #fff
}

/* 2nd Child menu */
#nav .menu li ul {
	background: #0c0c0c;
	position: absolute;
	width: 14em;
	display: none;
	text-transform: none;
	z-index:9999;
	padding: .1em .2em .3em .1em;
	border-bottom: 4px solid #F1610A;
  -webkit-box-shadow: 2px 2px 13px 3px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 2px 13px 3px rgba(0,0,0,0.75);
box-shadow: 2px 2px 13px 3px rgba(0,0,0,0.75);
}
#nav .menu li ul li {
	width: 17em;
	text-transform: uppercase;
	text-align: left;
	font-weight: normal;
	font-size: 80%;
	margin: .3em .3em .3em 0;
	line-height: 2em;
border-right: 0;
	border-bottom: 1px solid #1a1a1a;
}
#nav .menu li ul a {
	width: 17em;
	padding: .5em .1em .2em .8em;
	color: #fff;
	border: 0;
	margin-top: -2px;
}
/* 2nd Child link hover */
#nav .menu li ul a:hover {
	color: #F1610A;
}
#nav .menu li ul li.menu-current a {
	color: #000;
	background: #F1610A
}
/* 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;
}

.maincont {width: 990px; margin: 0 auto; -webkit-box-shadow: 2px 2px 17px 3px rgba(0,0,0,0.88);
-moz-box-shadow: 2px 2px 17px 3px rgba(0,0,0,0.88);
box-shadow: 2px 2px 17px 3px rgba(0,0,0,0.88);
font-size: 1.60em
}

#footerleft, #footerright {width: 45%;}
#footerleft {float: left}
#footerright {float: right}

 }
 
/* Escritorios muy anchos    ------------------------------------------------------------------------- */
@media (min-width: 1200px) {