@charset "utf-8";
/* CSS Document */
@font-face{
	font-family:Aller;
	src:url(../Webfonts/aller.ttf);
}
@font-face{
	font-family: MyriadWeb;
	src:url(../Webfonts/myriadweb.TTF);
}
* {
	margin: 0px;
	padding: 0px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	color:#353535;
}
::-moz-selection{
   background:#0071AA;
   color: #FFC800;
}
::selection {
   background:#0071AA;
   color: #FFC800;
}
body{
	font-family: Aller;
}
a {
	text-decoration: none;
	transition: ease all 0.3s;
}
a:hover{
	color:#FFC800;
}
h1 {
	color:#FFC800;
	margin-left:5px;
}
h2,h3 {
	color: #0071AA;
}
h4 {
	color:#333;
}
p{
	text-align:justify;
	margin:10px 8px;
}
i{
	margin: 0 10px;
}
header{
	text-align: center;
	padding-bottom:20px;
 	background: -webkit-linear-gradient(bottom,rgba(5,0,0,0),rgba(5,0,0,0.9)); /*Safari 5.1-6*/
	background: -o-linear-gradient(bottom,rgba(5,0,0,0),rgba(5,0,0,0.9)); /*Opera 11.1-12*/
	background: -moz-linear-gradient(bottom,rgba(5,0,0,0),rgba(5,0,0,0.9)); /*Fx 3.6-15*/
	background: linear-gradient(to top, rgba(5,0,0,0), rgba(5,0,0,0.9));
}
footer{
	min-height: 200px;
	padding: 20px 10px;
	background:#F2F2F2;
}
article {
	padding: 40px 0 60px 0;
	margin-bottom: 30px;
}
article ul{
	list-style: none;
	text-align:left;
}
article ul li{
	list-style-image: url(../Images/bullets.png);
	list-style-position: inside;
	padding-left: 16px;
	margin:3px 0;
}
article ol{
	 list-style: none;
	text-align:left;
}
article ol li{
	counter-increment: step-counter;
	padding-left: 16px;
	margin:3px 0;
}
article ol li:before{
	content: counter(step-counter);
	margin-right: 5px;
	color: #FFC800;
	font-weight: bold;
}
section{
	margin: 40px auto;	
}
#langselect{
	width:100%;
	text-align: right;
	padding: 5px 10px 0 0;
	display:inline-block;
}
#langselect a{
	margin: 0 5px;
	font-weight: bold;
	color:#FFF;
	transition: ease all 0.3s;
}
#langselect a:hover{
	color:#FFC800;
}
/*rewc*/
#adver{
	color:#ff4b48;
	font-size: 14pt;
	font-weight: bold;
}
#login{
	width: 300px;
	height: 450px;
	margin: 100px auto;
	border: 1px solid #999;
	border-radius: 6px;
	text-align: center; 
}
#login img{
	max-width: 270px;
	margin:20px 0;
}
#login p{
	text-align: center;
	padding-top: 20px;
}
.AdverMessage{
	height: 60px;
}
.iMessage{
	width: 70%;
	display: inline-block;
}
#LogOut{
	width: 30%;
	text-align: right;
	display: inline-block;
}
#LogOut a{
	padding: 5px 7px;
	background: #D05B5D;
	color:white;
	border-radius: 4px;
	font-weight: bold;
}
#LogOut a:hover{
	background:#EF3134;
}
.InputR{
	width: 90%;
	height: 35px;
	padding: 5px;
	margin: 4px;
	border: 1px solid #9F9F9F;
	border-radius: 4px;
}
.TextAreaR{
	width:90%;
	height: 160px;
	padding: 5px;
	margin: 4px;
	border: 1px solid #9F9F9F;
	border-radius: 4px;
	font-family: MyriadWeb;
}
.TextAreaRL{
	width:90%;
	height: 80px;
	padding: 5px;
	margin: 4px;
	border: 1px solid #9F9F9F;
	border-radius: 4px;
	font-family: MyriadWeb;
}
.ResaltedSection{
	margin: 15px 0;
	padding: 20px 0 0 10px;
	background-color: #F9F9F9;
	border: 1px solid #B6B6B6;
	border-radius: 4px;
}
.EditList{
	list-style: none;
}
.EditList li{
	display: block;
	margin:10px 0;
}
#Delete{
	display:inline-block;
	margin-right:5px;
}
.DeletePA{
	background:url(../Images/icon-delete.gif) no-repeat;
	cursor:pointer;
	width:16px;
	height:16px;
	border:none;
	transition: all 0.5s ease;
}
.DeletePA:hover{
	background:url(../Images/icon-delete-hover.gif) no-repeat;
}
.drow{
	display: table-row;
}
.dcell{
	display: table-cell;
}

.details{
	font-size: 8pt;
	color:#666;
}
/*Universal Structure*/
#topbar{
	vertical-align:bottom;
	height: 35px;
	padding: 3px 5px 0 12px;
}
#topbar i{
	margin: 0;
}
.container{
	width: 100%;
	margin:0 auto;
	text-align: center;
}
.membercont{
	width: 100%;
	max-height: 230px;
	margin:0 auto;
	padding: 25px 0 0 0;
	text-align: center;
	overflow: hidden;
}
.BlockMini{
	width:290px;
	margin:10px;
	padding:10px 0 10px 20px;
	display:inline-block;
	vertical-align:top;
	text-align:left;
}
.Block{
	width:290px;
	min-height: 230px;
	margin:5px;
	display:inline-block;
	vertical-align:top;
	text-align:left;
}
.BlockDouble{
	width:290px;
	margin:10px;
	display:inline-block;
	vertical-align:top;
	text-align:left;
}
.BlockHalf{
	min-width: 290px;
	display:block;
	vertical-align:top;
	text-align:center;
}
.BlockFlat{
	width:290px;
	margin:10px;
	padding:5px 0 5px 20px;
	display:inline-block;
	vertical-align:bottom;
	text-align:center;
}
.NewBlock{
	width:290px;
	min-height:130px;
	margin:40px 10px;
	padding:10px 0 0 5px;
	vertical-align:top;
	display:inline-block;
	text-align:center;
}
.NewPict{
	width:290px;
	padding: 5px 0;
	display:table-cell;
}
.NewPict img{
	width:290px;
	height:129px;
	border-radius: 6px;
}
.NewPict img:hover{
	filter: brightness(120%);
	transition: ease all 0.4s;
}
.photobg{
	text-align: center;
	vertical-align: top;
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment:relative;
  	background-size: cover;
}
.photobg p{
	display: none;
}
.division{
	height: 30px;
	margin-bottom: 30px;
	border-bottom: 1px solid #ADADAD;
}
.iconsbig{
	text-align: center;
	margin: 10px auto;
}
.iconsbig img{
	transition: ease all 0.3s;
}
.iconsbig img:hover{
	-webkit-filter: brightness(2);
	filter: brightness(2);
}
.error{
	color:#ff4b48;
	font-size: 14pt;
	font-weight: bold;
}
.butmore{
	margin-top:20px;
	text-align:center;
	transition:ease-in-out 0.3s;
	display:inline-block;
	background:#0071AA;
}
.butmore a{
	width:120px;
	height:40px;
	padding-top:10px;
	display:block;
	color:#FFF;
}
.butmore a:hover{
	background-color:#F8C60E;
}
.recom{
	text-align: left;
	font-size: 9pt;
	color:#999;

}
.InputN{
	width: 90%;
	height: 35px;
	padding: 5px;
	margin: 4px;
	border: none;
	border-bottom: 1px solid #9F9F9F;
	font-family: Aller;
}
.TextAreaN{
	width:90%;
	height: 160px;
	padding: 5px;
	margin: 4px;
	border:none;
	border-bottom: 1px solid #9F9F9F;
	font-family: Aller;
}
.TextAreaL{
	width:90%;
	height: 50px;
	padding: 5px;
	margin: 4px;
	border:none;
	border-bottom: 1px solid #9F9F9F;
	font-family: Aller;
}
.SaveDataG{
	background-color: #65d870;
	border: none;
	border-radius: 4px;
	color:white;
	padding: 8px 18px;
	font-size: 14pt;
	margin: 4px 2px;
	cursor:pointer;
}
.SaveDataG:hover{
	background-color: #7EEB89;
}
.ResetDataR{
	background-color: #ff4b48;
	border: none;
	border-radius: 4px;
	color:white;
	padding: 8px 18px;
	font-size: 14pt;
	margin: 4px 2px;
	cursor:pointer;
}
.ResetDataR:hover{
	background-color: #ff6f6c;
}
.ArtContent{
	text-align: center;
	vertical-align: top;
	margin: 10px 10px 30px 10px;
	line-height:20pt;
}
.ArtImage{
	width:290px;
	margin:10px;
	border-radius:6px;
	transition:ease all 0.3s;
}
.ArtImage:hover{
	-webkit-filter: brightness(1.2);
	filter: brightness(1.2);
}
/*Tabs*/
#Tabs input {
	height: 2.5em;
	visibility: hidden;
}

#Tabs label {
	background: #f9f9f9;  /* Fondo de las pestañas */
	border-radius: .25em .25em 0 0;
	color: #888;  /* Color del texto de las pestañas */
	cursor: pointer;
	display: block;
	float: left;
	font-size: 1em;  /* Tamaño del texto de las pestañas */
	min-height: 2.5em;
	line-height: 2.5em;
	margin-right: .25em;
	padding: 0 1.5em;
	text-align: center;
}

#Tabs input:hover + label {
	background: #ddd;  /* Fondo de las pestañas al pasar el cursor por encima */
	color: #666;  /* Color del texto de las pestañas al pasar el cursor por encima */
}

#Tabs input:checked + label {
	background: #f1f1f1;  /* Fondo de las pestañas al presionar */
	color: #444; /* Color de las pestañas al presionar */
	position: relative;
	z-index: 6;
	/*
	-webkit-transition: .1s;
	-moz-transition: .1s;
	-o-transition: .1s;
	-ms-transition: .1s;
	*/
}
#content {
	background: #f1f1f1;  /* Fondo del contenido */
	border-radius: 0 .25em .25em .25em;
	min-height:50em;/*Alto del contenido */
	position: relative;
	width: 100%;
	z-index: 5;
}

#content div {
	opacity: 0;
	padding: 1.5em;
	position: absolute;
	z-index: -100;
	/*
	transition: all linear 0.1s;
	*/
}
#Tabs input#tab-1:checked ~ #content #content-1,
#Tabs input#tab-2:checked ~ #content #content-2{
    opacity: 1;
    z-index: 100;
}

input.visible {
  visibility: visible !important;
}
/*Tablet*/
@media (min-width: 600px){
	.photobg{
		background-size: cover;
	}
	.photobg p{
		color: #FFF;
		text-align: center;
		display: block;
	}
	.Block{
		margin:10px 15px;
	}
	.BlockMini{
		width: 210px;
	}
	.BlockHalf{
	width: 40%;
	display: inline-block;
	text-align: left;
	}
	.BlockDouble{
		width: 60%;
	}
	.NewBlock{
		width: 300px;
	}
	.NewPict img{
	width:300px;
	height:133px; 
	}
	.ArtImage{
	width:350px;
	float:left;
	}
	
}

/*PC*/
@media (min-width: 900px){
	.container{
		width: 990px;
		text-align: center;
	}
	.NewBlock{
		width: 450px;
	}
	.BlockHalf{
	width: 50%;
	}
	.NewPict img{
	width:450px;
	height:200px; 
	}
	.photobg h1{
		font-size: 36pt;
	}
	header .container{
		text-align: left;
	}
	.ArtImage{
	width:550px;
	}
	#map{
		margin: 20px 0;
	}
	#map iframe{
		width:100%;
		height: 350px;
	}
	
}