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

html {
	font-size: 100%;
background:url(/images/bg.jpg);
}


.txtcent {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	font-size: 1.95rem; line-height: 89%;
	font-family: 'Bungee Spice', cursive;
}

#imgsup {
    position: relative;
    margin-top: -18%;
}

#topbtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  border: none;
  outline: none;
  background-color: #0E183D;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 10px;
  font-size: 1.125em;
}

#topbtn:hover {
  background-color: #555;
}


.fotop {
    position: relative;
    text-align: center;
    color: white;
}

.content {
    padding: 25px 0;
	font-family: 'Ubuntu', sans-serif;
	line-height: 195%;

}

.topmain .fotop {height: 30vh; display: inline-block; width: 100%; clear: both}
.topmain {padding-bottom: 1.5555vh;}
.contmain .content {margin-top: 25px;}

.topmain h1 {color: #fff; font-size:  calc(32px + 6 * ((100vw - 320px) / 680));}

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

/* ESTILOS NORMALES (para m¨®viles en vertical) ========================================================================= */
body { background: url(/media/tophome1.jpg) repeat-x; background-position-y: -3%; margin: 0 auto; font-size: 100%;}
header {background: url(/images/bg-black.png); display: inline-block; width: 100%; padding: 10px 0 22px 0}
.wrapper {width: 100%; margin: 0 auto; padding:0 15px}
.logo {width: 100%; text-align: center;}
.logo img {max-width: 120px; height: auto}
.icons {width: 100%; text-align: center; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;}
.icons img {max-height: 28px; width: auto}
#idioma {width: 46%; float: left; color: #fff; font-size: .95em; text-align: right;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;}
#social {width:46%; float: right; text-align: left}
nav {width: 100%; text-align: center; display: inline-block; margin-top: 4px;}

#logo img {max-width: 79%}

h1, h2, h3, h4, h5, h6 { font-family: 'Ubuntu', sans-serif;}

h2 {color: #d90000}
h3 {color:#D3D3D3}


.topmain {}

.maincont {padding: 20px 35px; font-family: 'Encode Sans Semi Expanded', sans-serif; font-size: 1.45em;}
.maincont p, .maincont ul li, .maincont ol {color: #111; line-height: 185%; }


 .tinynav {
display: block;
font-family: 'Encode Sans Semi Expanded', sans-serif;
 width: 95%; max-width: 250px;
}
 #nav {
display: none
}
 .js .tinynav {
display: block;
}

 #tinynav1 {
margin: 10px auto 12px 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;
color: #fff;
font-size: 1em;
	 background: #d90000;
background: -moz-linear-gradient(top, #d90000 0%, #ff8000 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #d90000), color-stop(100%, #ff8000));
background: -webkit-linear-gradient(top, #d90000 0%, #ff8000 100%);
background: -o-linear-gradient(top, #d90000 0%, #ff8000 100%);
background: -ms-linear-gradient(top, #d90000 0%, #ff8000 100%);
background: linear-gradient(to bottom, #d90000 0%, #ff8000 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d90000', endColorstr='#ff8000', GradientType=0 );
}
 .tinynav option {
padding: 5px 3px;
color: #fff;
background: #000;
}
 select option:hover {
padding: 5px 7px;
box-shadow: 0 0 0 40px #E30816 inset;
}

.whiteline {background: #fff; width:100%}

footer {padding: 35px 0 55px 0; text-align: center;font-size: .85em; font-family: 'Encode Sans Semi Expanded', sans-serif;
 color: #fff; background: #000}
footer a {color: #f1f1f1}
#footerleft, #footerright {width: 100%;}

.theme-default .nivoSlider {
	position:relative;
	background:#fff url(/images/loading.gif) no-repeat 50% 50%;
	margin-bottom:10px;
	-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
	-moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
	box-shadow: 0px 1px 5px 0px #4a4a4a;
}
.theme-default .nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
.theme-default .nivoSlider a {
	border:0;
	display:block;
}
.theme-default .nivo-controlNav {
	text-align: center;
	padding: 20px 0;
}
.theme-default .nivo-controlNav a {
	display:inline-block;
	width:22px;
	height:22px;
	background:url(/images/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin: 0 2px;
}
.theme-default .nivo-controlNav a.active {
	background-position:0 -22px;
}
.theme-default .nivo-directionNav a {
	display:block;
	width:38px;
	height:38px;
	background:url(/images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
	opacity: 0;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}
.theme-default:hover .nivo-directionNav a {
	opacity: 1;
}
.theme-default a.nivo-nextNav {
	background-position:-38px 0;
	right:15px;
}
.theme-default a.nivo-prevNav {
	left:15px;
}
.theme-default .nivo-caption {
	font-family: Helvetica, Arial, sans-serif;
}
.theme-default .nivo-caption a {
	color:#fff;
	border-bottom:1px dotted #fff;
}
.theme-default .nivo-caption a:hover {
	color:#fff;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled {
	width: 100%;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled a {
	width: auto;
	height: auto;
	background: none;
	margin-bottom: 5px;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled img {
	display: block;
	width: 120px;
	height: auto;
}
.nivoSlider {
	position:relative;
	width:100%;
	height:auto;
	overflow: hidden;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	max-width: none;
}
.nivo-main-image {
	display: block !important;
	position: relative !important;
	width: 100% !important;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:9999;
	display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:9998;
	height:100%;
	top:0;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:9997;
	overflow:hidden;
}
.nivo-box img {
	display:block;
}
/* Caption styles */


.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	width:100%;
	z-index:9989;
	padding: 5px 10px;
	opacity: 0.8;
	overflow: hidden;
	display: none;
	-moz-opacity: 0.8;
	filter:alpha(opacity=8);
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
	display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9999;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
	text-align:center;
	padding: 15px 0;
}
.nivo-controlNav a {
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}


/* RESPONSIVE ========================================================================= */
 
/* M¨®viles en horizontal o tablets en vertical ------------------------------------------------------------------------- */
@media (min-width: 768px) {
	body {background-position-y: -4%;}
.txtcent {font-size: 2.8em}
ul#nav {margin: 0 auto; width: 90%;}
.htop {text-align: center}
.htop img {width: 95%;}

}

/* Tablets en horizonal y escritorios normales ------------------------------------------------------------------------- */
@media (min-width: 1024px) {
	body {background-position-y: -7%;}

header {padding: 8px 12px;}
.wrapper {width: 995px;}
.logo {max-width: 122px; float: left;}
.logo img {max-width: 100%}

	.navig {float: left; width: 60%; margin: 22px 0 0 8%; }
ul#nav {margin: 0 auto; width: 100%;}
	
	.topmain {}
	.txtcent {font-size: 3.6em}
	
	.icons {float: right; width: 18%; margin: 45px 0 0 0;}
	#idioma {width: 47%}
	#social {width: 47%;}
	#social img {max-width:32px; height: auto}
  
#tinynav1 {display: none}
.rm-nav {
	letter-spacing: 1px;
}

#nav {
	display: inline-block;
	padding: 1px;
	max-width: 100%;
	height: 60px;
font-family: 'Encode Sans Semi Expanded', 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.15em;
	line-height: 38px;
	height: auto;
	float: left;
	list-style: none;
	list-style-type: none;
border-right: 1px solid #444;
}
#nav a {
	text-decoration: none;
	color: #fff;
	display: block;
 transition: .25s;
	padding: .1em 1em .3em 1em;
	font-weight:normal;
text-transform: uppercase;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
font-family: 'Encode Sans Semi Expanded', sans-serif;


}

#nav a:hover {
	background:#E30816;
	color:#EBEB1F;
}
#nav a.active {
	background-color: #fff;
	color: #444;
	cursor: default;
}
#nav .menu li.menu-current a {
background:  #2E3091;
	color: #EBEB1F;
}

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

/* 2nd Child menu */
#nav .menu li ul {
	background: #C9C9C9;
	position: absolute;
	width: 28em;
	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: 1.5em;
border-right: 0;
	border-bottom: 1px solid #b7b7b7;
}
#nav .menu li ul a {
	width: 17em;
	padding: .5em .1em .2em .8em;
	color: #2C3091;
	border: 0;
	margin-top: -2px;
}
/* 2nd Child link hover */
#nav .menu li ul a:hover {
	color: #EBEB1F;
}
#nav .menu li ul li.menu-current a {
	color: #EBEB1F;
	background: #2e3091
}
/* 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: 1000px; margin: 0 auto;
font-size: 1.60em
}

#footerleft {width: 58%; float: left}
#logosmall { width: 8%; float: left}
#footerright {width: 33%; float: right}


 }
 
/* Escritorios muy anchos    ------------------------------------------------------------------------- */
@media (min-width: 1200px) {
.wrapper {width: 88%}
.logo {width: 494px}
.htop img {width: 232px}
#social img {width: 101px;}
#correo img {width: 232px;}
	.txtcent {font-size: 3.8em}
#nav a {
	padding: .1em 1.8em .3em 1.8em;
}

.maincont {width: 85%; margin: 0 auto; padding: 20px 5px; 
font-size: 1.60em
}

 }