@import url("/2015/css/reset.css");
@import url("/2015/css/colorbox.css");
@import url("/2015/css/autocomplete.css");
@import url("/2015/css/font-awesome.css");
@import url("/2015/css/tooltip.css");
* {
  box-sizing: border-box;
}
html, body {
	margin:0;
	padding:0;
	font-size:15px;
	font-family: "pt sans";
}
body.black {
	background-color:#000;
}


header {
	background-color:#fff;
	text-align:right;
	position:relative;
}
footer {
	background-color:rgba(0,0,0,.4);
	width:100%;
	color:#ffffff;
}

.home footer {
	position:fixed;
	bottom:0;
}
.inner footer {
	position:static;
}
footer .block {
	white-space:nowrap;
	padding:1.5em 0 ;
	font-size:.8em;
	text-transform: uppercase;
}
footer strong {
	font-weight: bold;
}
footer .block .sides{
	width:40%;
	display:inline-block;
}
footer .block .sides.right {
	float:right;
	text-align:right;
}
footer .block .sides.right a {
	margin-left:2em;
}
footer .block .center {
	width:60%;
	text-align:center;
	display:block;
	margin:0 auto;
}
.block {
	max-width:940px;
	min-width:640px;
	margin:0 auto;
}

.topmenu {
	white-space:nowrap;
	font-size:.9em;
	position:relative;
	display:inline-block;
}
.topmenu li {
	display:inline-block;
	border-right:1px solid #cccccc;
	
}
.topmenu li a {
	padding:1em;
	display:inline-block;
	color:#555555;
	text-transform: uppercase;
	font-weight:bold;
	transition: background-color .5s;
}
.topmenu li a:hover {
	background-color:#d30303;
	color:white;
	transition: background-color .5s;
}
.topmenu li i {
	padding-right:.5em;
}
.topmenu .sl {
	display:none;
	white-space:normal;
	transform: translateY(100%);
	z-index:100000;
	bottom:0px;
	background-color:#f9f5f5;
	position:absolute;
}
.topmenu li.lastit ul {
	right:0;
}
.topmenu li.lastit ul li a{
	text-align:right;
	padding-left:2em;
}
.topmenu .sl li{
	display:block;
	white-space:nowrap;
	text-align:left;
}
.topmenu .sl li a {
	display:block;
}
.topmenu .sl li a span {
	display:block;
	color:#8d8d8c;
}
.topmenu li:hover .sl {
	display:block;
}
.logo {
	padding:.5em 0;
	display:inline-block;
	color:#898989;
	font-size:1.4em;
	text-transform:uppercase;
	letter-spacing:-1px;
	float:left;
	height:1.9em;
}
.logo img {
	vertical-align:baseline;
	margin-right:.5em;
}
.logo b {
	color:red;
}

.content {

}
.genericbg{
	background-image:url("/images/bg_content.png");
	background-position:175% 0;
}
.site {
	z-index:1;
	height:100%;
	position:absolute;
	width:100%;
}
.content .home {
}
.fadeBox {
	position:absolute;
	overflow:hidden;
	top:0;
	left:0;
	bottom:0;
	top:0;
	width:100%;
	height:100%;
	z-index:0;
	background-position:top center;
	background-repeat:no-repeat;
	background-size:cover;
}
/*
.mainbg {

	height:100%;
	background-repeat:no-repeat;
	background-position:center;	
	background-size:cover;
	-o-transition:background-image 2s;
}
*/
.bg1 {
	background-image:url('/images/bg-1.jpg');
	-o-transition: background-image 1s;
} 
.bg2 {
	background-image:url('/images/bg-2.jpg');
	-o-transition: background-image 1s;
} 
.bg3 {
	background-image:url('/images/bg-3.jpg');
	-o-transition: background-image 1s;
} 
.bg4 {
	background-image:url('/images/bg-4.jpg');
	-o-transition: background-image 1s;
} 

.bg5 {
	background-image:url('/images/bg-5.jpg');
	-o-transition: background-image 1s;
} 
.mainmenu {
	background: -moz-linear-gradient(top,  rgba(59,59,59,0.63) 0%, rgba(59,59,59,0.63) 1%, rgba(137,137,137,0.55) 20%, rgba(141,141,141,0.55) 21%, rgba(141,141,141,0.55) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(59,59,59,0.63) 0%,rgba(59,59,59,0.63) 1%,rgba(137,137,137,0.55) 20%,rgba(141,141,141,0.55) 21%,rgba(141,141,141,0.55) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(59,59,59,0.63) 0%,rgba(59,59,59,0.63) 1%,rgba(137,137,137,0.55) 20%,rgba(141,141,141,0.55) 21%,rgba(141,141,141,0.55) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a13b3b3b', endColorstr='#8c8d8d8d',GradientType=0 ); /* IE6-9 */
	text-align:left;
	cleat:both;
	color:#d7d7d7;
	font-size:1em;
	font-weight:bold;
}
.inner .mainmenu {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#790301+0,cc0000+22,da0203+100 */
background: rgb(121,3,1); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(121,3,1,1) 0%, rgba(204,0,0,1) 22%, rgba(218,2,3,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(121,3,1,1) 0%,rgba(204,0,0,1) 22%,rgba(218,2,3,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(121,3,1,1) 0%,rgba(204,0,0,1) 22%,rgba(218,2,3,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#790301', endColorstr='#da0203',GradientType=0 ); /* IE6-9 */

  background-blend-mode: multiply;
	color:white;
}
.mainmenu .fl {
	white-space:nowrap;
}
.mainmenu .menuicon {
	display:none;
}
.mainmenu .searchicon {
	margin:.7em .3em;
	float:right;
	cursor:pointer;
}
.closesearch {
	cursor:pointer;
	position:absolute;
	top:50%;
	right:0;
	transform: translateY(-70%);
	margin-right:1em;
	z-index:20;
}
.search {
	position:absolute;
	height:100%;
	background-color:white;
	top:0;
	width:100%;
	padding:.3em;
	text-align:left;
	display:none;
}
.search .block {
	position:relative;
}
.search input#autosearch {
	font-size:1.4em;
	border-radius:.2em;
	width:100%;
	background-color:transparent;
	border:2px solid #d30303;
	color:#d30303;
	padding:.1em .5em;
    outline-width: 0;
}


input#autosearch::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #ecb8b8;
}
input#autosearch:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #ecb8b8;
   opacity:  1;
}
input#autosearch::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #ecb8b8;
   opacity:  1;
}
input#autosearch:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #ecb8b8;
}
input#autosearch:placeholder-shown { /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */
  color:    #ecb8b8;
}

.search i {
	float:right;
	margin:.2em .3em 1em -1em;

	color:#d30303;
	font-size:1.5em;
}
.mainmenu .fl li {
	display:inline-block;
	position:relative;
	
	transition: background-color .3s;
}
.mainmenu .fl li i {
	display:none;
	position:absolute;
	bottom:0;
	left:50%;
	transform:translateY(68%) translateX(-50%);
	color:red;
}
.mainmenu .fl li:hover, .mainmenu .fl li a.on  {
	background-color:rgba(0,0,0,.4);
	
	transition: background-color .3s;
}
.mainmenu .fl li .sl a.on {
	background-color:transparent;
}
.mainmenu .fl li:hover a, .mainmenu .fl li a.on {
	border-bottom:2px solid red;
	transition: border-color .3s
}
.mainmenu .fl li:hover .sl a {
	border:0;
}
.mainmenu .fl li a {
	padding:1em .5em;
	display:inline-block;
	border-bottom:2px solid transparent;
	transition:border-color .3s;
}
.mainmenu .fl li:hover .sl, .mainmenu .fl li:hover i, .mainmenu .fl li a.on i {
	display:block;
	opacity:1;
	transition:opacity 1s;
}
.mainmenu .fl li:hover i {
	z-index:1;	
}
.mainmenu .sl {
	position:absolute;
	bottom:0px;
	transform: translateY(100%);
	display:none;
	opacity:0;
	transition:opacity 1s;
	background-color:#f9f5f5;
	white-space: normal;
	text-shadow:none;
	z-index:1000;
}
.mainmenu .sl li {
	border:0;
	display:block;
}
.mainmenu .sl li:hover {
	border:0;
}
.mainmenu .sl li a{
	padding:1em;
	color:#555555;
	font-weight:bold;
	font-size:.8em;
	white-space:nowrap;
	border:0;
}
.mainmenu .sl li:hover a{
	color:white;
	border:0;
}
.boxes {
	position:absolute;
	top:50%;
	transform:translateY(40%) translateX(-50%);
	white-space: nowrap;
	width:100%;
	left:50%;
	overflow:hidden;
	text-align:center;
	padding:0 -1em;
}
.boxes a {
	width:31%;
	display:inline-block;
	margin:0 1%;
	background-color:rgba(255,0,0,.5);
	text-align:left;
	padding:1em;
	color:white;
	height:170px;
	background-repeat:no-repeat;
	background-position:304px 0;
	background-size:cover;
	
	transition:background-position .4s ease-in;
}
.boxes a:hover {
	background-position:-4px 0;
	transition:background-position .4s ease-out;
	background-color:rgba(255,0,0,.8);
}
.boxes .wrp {
	margin:0 -1%;
}
.boxes a span {
	display:block;
	padding:.5em 0;
}
.boxes a span b {
	font-size:1.1em;
}
.boxes h2 {
	font-size:1.5em;
	margin-bottom:1.5em;
	font-weight: normal;
}
.box1 {
	background-image:url(/images/box_1.png);
}
.box2 {
	background-image:url(/images/box_2.png);
}
.box3 {
	background-image:url(/images/box_3.png);
}

.slider {
	font-size:80px;
	position:absolute;
	top:20%;
	left:50%;
	width:100%;
	text-align:center;
	transform:translateY(40%) translateX(-50%);
	color:white;
	line-height:2em;
	text-transform: uppercase;
	letter-spacing:.15em;
}
.slider .arrow {
	position:absolute;
	display:inline-block;
	font-size:2em;
	font-weight:200;
	color:rgba(255,255,255,.3);
	line-height:1em;
	cursor:pointer;
}
.slider .arrow.left {
	left:0;
}
.slider .arrow.right {
	right:0;
}

.block.generic {
	background-color:white;
	white-space:nowrap;
	margin-bottom:6.5em;
	
}
.block.generic .column {
	white-space:normal;
	padding:3em 1em 1em 1em;
	display:inline-block;
	vertical-align:top;
	color:#666666;
	line-height:1em;
	font-size:1.1em;
}

.block.generic .column.left {
	width:230px;
	margin-right:10px;
	padding-right:0;
}
.block.generic .column.main {
	width:700px;
	padding-right:6em;
	line-height:1.3em;
}
.block.generic .column.main span {
	line-height:1em;
	display:block;
}
.block.generic .column.main span.destacar {
	line-height:1em;
	display:inline;
	background-color:yellow;
}

.contentID_21_0 .block.generic .column.left {
	width:100px;
}
.contentID_21_0 .block.generic  .column.main {
	width:800px;
}

.block.generic .column.main ul{
	list-style:disc;
	padding:0 0 0 2em;
}

.block.generic .column.main p {
	margin-top:0;
}
.block.generic .column.right {
	width:200px;
	margin-right:20px;
}
.block.generic .column.full {
	width:100%;
}
.content h1 {
	color:#d30303;
	border-bottom:1px solid #e1e1e1;
	padding:.3em 0;
	margin-bottom:1em;
	font-size:2em;
	line-height:1em;
}
.content .next {
	margin:20px 0 0 auto;
	color:#d30303;
	text-align:right;
	font-weight:bold;
}

.column h3 {
	color:#d30303;
	border-bottom:1px solid #e1e1e1;
	padding:.3em 0;
	margin-bottom:1em;
	font-size:2em;
	line-height:1em;
}
.column.main h3 {
	font-size:1em;
}
.submenu {
	margin-top:3.8em
}
.submenu li {
	display:block;
}
.submenu li i {
	float:right;
	margin:1.05em .5em 0.9em 0.1em;
}
.submenu li a {
	padding:.9em 0 .9em 1em;
	line-height:1.3em;
	display:block;
	border-bottom:1px solid #f0f0f0;
}
.submenu li:hover {
	background-color:#d30303;
	color:white;
	transition: background-color .5s;
}
.submenu li a.on {
	color:#d30303;
}
.submenu li:hover a.on {
	color:white;
}
.submenu .sDetail {
	font-size:.8em;
	padding-left:1em;
}
.share {
	height:29px;
	background-image:url(/images/bg_share.png);
	background-repeat:repeat-x;
	color:white;
	text-align:center;
	padding:.2em 0;
	font-size:1.5em;
	
}
.share span {
	margin:0 .5em;
	cursor:pointer;
}


.sitemap li {
	list-style:none;
	margin-bottom:1em;
}
.sitemap li ul li {
	margin-bottom:0;
}
.sitemap li a{
	color:#666;
	text-decoration:none;
}
.sitemap li a:hover {
	color:#D84519;
}

.outlinebox {
	background-color:#e84f2c;
	border-radius:5px;
}

.outlinebox td {
	padding:1em;
	color:#ffffff
}

.outlinebox td div {
	padding:0 20px .5em 0;
	float:left;
}



.wiki {
	width:auto;
	display:block;
}
.wiki dt {
	display:inline-block;
	width:80px;
	clear:left;
	color:#d30303;;
	font-weight:bold;
	margin:0px 0px 10px 0px;
	vertical-align:top;
}
.wiki dd {
	display:inline-block;
	width:500px;
	margin:0px 0px 10px 0px;
}
.wiki dd p {
	margin:0px;	
}
.nodesk {
	display:none;
}
@media screen and (max-width: 640px) {
	
	.nodesk {
		display:block;
	}
	.blockphoto {
		padding-bottom:1em;
	}
	.blockphoto img {
		width:100%;
	}
	.blockphoto em {
		display:block;
		text-align:center;
	}
	.nomob {
		display:none;
	}
	
	.topmenu span, .slider {
		display:none;
	}
	.topmenu li a {
		padding:1.6em .9em;
	}
	.logo {
		text-align:left;
		font-size:1.2em;
		padding-left:.2em;
	}
	.logo span {
		display:block;
	}
	.block {
		min-width:0;
	}
	.mainmenu .fl {
		white-space: normal;
		display:none;
	}
	.mainmenu .sl {
		position:relative;
		display:none;
		transform:none;
	}
	.mainmenu .fl li:hover .sl {
		display:block;
	}
	.mainmenu .sl li a {
		display:block;
	}
	.mainmenu {
		padding:.5em .5em .4em .5em;
	}
	.mainmenu .menuicon {
		display:block;
		font-size:2em;
	}
	.mainmenu .fl li {
		display:block;
	}
	.mainmenu .fl li > a{
		display:block;
	}
	.menu {
		display:none;
	}
	.boxes {
		transform:none;
		position:static;
		
	}
	.boxes a {
		display:block;
		width:auto;
		margin:.5em 1em;
		background-position: right bottom;
		height:110px;
		background-size:auto 155px;
		margin-top:2em;
	}
	.boxes a span {
		padding:.1em 0;
	}
	.boxes a h2 {
		font-size:1.2em;
		margin-bottom:.6em;
	}
	.generic .column.left {
		display:none;
	}
	.content h1 {
		line-height:1em;
	}
	.block.generic .column.main {
		padding:2em 1em 0 1em;
		width:100%;
	}
	.next {
		margin:2em 0;
		padding:2em 0;
	}
	.topmenu .sl {
		right:0;
	}
	.home footer {
		position:static;
	}
	footer .block {
		padding:0;
	}
	footer .block .sides, footer .block .sides.right{
		display:block;
		width:100%;
		text-align:center;
		float:none;
		padding:.3em 0;
	}
	footer .block .center {
		width:100%;
		padding:.3em 0;
		white-space:normal;
	}

	.mainmenu .fl li .sl, .mainmenu .fl li i, .mainmenu .fl li a.on i {
		display:none;
		opacity:0;
		transition:opacity 1s;
	}

	.mainmenu .fl li.vis ul{
		display:block;
		opacity:1;
		transition:opacity 1s;
	}
	
	.mainmenu .fl li.vis, .mainmenu .fl li.vis>a.on  {
		background-color:rgba(0,0,0,.4);

		transition: background-color .3s;
	}
	.mainmenu .fl li.vis>a, .mainmenu .fl li.vis>a.on {
		border-bottom:2px solid red;
		transition: border-color .3s
	}
	.block.generic .column.main img {
		width:100% !important; 
	}
	/*
	.block.generic .column.main table img {
		width:auto !important; 
	}
	*/
}


@media screen and ( max-height: 720px ){
	.slider {
		top:10%;
	}
	.boxes {
		top:40%;
	}
}