.header-container{
	margin: 0 auto;
	width: 1200px;
}
.art-logo{
	margin-top: 15px;
	margin-left: 15px;
	z-index: 0;
}

.menu-nav{
	border-bottom: 1px dotted #737373;
	margin: 10px auto 0;
}

#loginBox{
	position: absolute;
	z-index: 3;
	float: right;
	width:200px;
	border: 1px dotted #E0E0E0;
	margin-top:50px;
}

.top-nav  label, a{
	font-size:small;
}

.top-nav a, a:visited{
	color:grey;
}

#adminForm a, a:visited{
	color:grey;
}

.top-nav #hello {
	vertical-align: bottom;
	font-weight: bold;
}

.top-nav  table{
	width: 100%;
}

#top-nav-buttons-td{
	width: 20%;
	white-space: nowrap;
}

#top-nav-search-div{
	display: inline-block;
	width:62%;
}

#mod-search-searchword{
	border-radius: 7px;
    padding-bottom: 1.2%;
	padding-top: 1.2%;
	background-color: #F3F3F3;
	border: 2px solid #cccccc;
}

#loginDiv #login {
	z-index:2;
}

#fu_fb, #fu_tw, #fu_in{
	text-decoration: none!important;
	color:#F9C658;
}

#fu_fb:hover, #fu_tw:hover, #fu_in:hover{
	color:rgba(249, 198, 88, 0.6);
}

#fu_label{
	margin-right:2px;
	color:#808080;
}

#followus{
	margin-left:12px;
}

#socialmedia{
	display: inline-block;
}

.art-vmenublockcontent{
	background-color: #F3F3F3;
	padding: 5px;
}

.art-post{
	margin-left:2%;
	margin-right:2%;
}

.overlay {
    background-color: rgba(0, 0, 0, 0.6);
    bottom: 0;
    cursor: default;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    visibility: hidden;
    z-index: 1;

    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -ms-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s;
}
.overlay:target {
    visibility: visible;
    opacity: 1;
}
.popup {
    background-color: #fff;
    
    display: inline-block;
    left: 50%;
    opacity: 0;
    padding: 15px;
    position: absolute;
    text-align: justify;
    top: 10%;
	width: 70%;
    visibility: hidden;
    z-index: 10;

    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);


    -webkit-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
    -moz-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
    -ms-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
    -o-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
    box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;

    -webkit-transition: opacity .5s, top .5s;
    -moz-transition: opacity .5s, top .5s;
    -ms-transition: opacity .5s, top .5s;
    -o-transition: opacity .5s, top .5s;
    transition: opacity .5s, top .5s;
}

	#loginDiv .popup{
		top: 130px;
	}

.overlay:target+.popup {
    opacity: 1;
    visibility: visible;
}

.closePopup {
    background-color: rgba(0, 0, 0, 0.8);
    height: 30px;
    line-height: 30px;
    position: absolute;
    right: 0;
    text-align: center;
    text-decoration: none;
    top: -15px;
    width: 30px;
	border-radius:50%;
}
.closePopup:before {
    color: rgba(255, 255, 255, 0.9);
    content: "X";
    font-size: 18px;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.9);
}
.closePopup:hover {
    background-color: rgba(249, 198, 88, 0.6);
}

.input{
width:90%!important;
padding:0!important;
}

art-inputText
{
  background: #000000;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #A6A6A6;
  margin: 0 auto;
  width: 100%;
  padding: 4px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #000000 !important; 
  font-size: 13px;
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  font-weight: normal;
  font-style: normal;
}

.asterisco{
font-size:18px;
color:grey;
}

th.label{
text-align:right;
}

#share-buttons i {
padding: 2px;
}

#share-buttons{
	float:right;
}

#share-buttons a{
	color: #9C9C9C;
}

#share-buttons a:hover{
	color: #F9C658;
	text-decoration: none;
}

#share-buttons a:visited{
	
}

#innerDiv {
	overflow: auto;
	width:100%;
	height:100%;
}

.art-postmetadataheader table{
	width: 100%;
}

.art-postmetadataheader table #spin_reset, #spin_confirm, #spin_complete, #spin_confirm_nuevo_evento{
	float:right;
	color: #F9C658;
}

th {
font-size: 14px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
font-weight:normal;
text-align: left;
}

button[type="submit"]:disabled:hover
{
	color:#333333!important;
	background:#E0E0E0;
}

input[type="radio"] {
	margin: -3px 10px 0px 2px;
}

input[type="file"] {
	width:80%!important;
}

ol.d {
list-style-type: lower-alpha;
}

.not-resize{
resize: none;
}

.placeholder{
	font-style: italic;
}

.borrar{
	font-size: small;
}

/* ----------Fixed-----------*/

.logo{
	margin-top: 4px;
    margin-left: 12px;
}

.header-img{
	margin-left: 21px;
	width: 973px;
	border-top: 1px dotted #737373;
}

.top-nav{
	padding-bottom: 7px;
    margin-top: 2px;
    padding-top: 7px;
	border-bottom: none;
	text-align: right;
	font-size: 0;
}

#logos table{
	border-spacing: inherit;
}

#logo-izq {
	width:18.5%;
}

img{
	width:100%;
}

.art-sidebar1 .art-block, .art-vmenublock{
	margin-left: 0;
	padding-left: 0;
}

.art-sidebar1 .art-blockcontent{
	padding-left: 0;
}

.art-sidebar2 .art-block{
	margin-right: 0;
	padding-right: 0;
}

.art-sidebar2 .art-blockcontent{
	padding-right: 0;
}

/* ---- Follow us footer ---- */

#footer #followus {
		display:none;
}

/* ---- Slincknav ---- */
.slicknav_menu{
	display:none;
	background: #9C9C9C;
	padding: 0px;
}

.slicknav_menu a{
	font-size: 12px;
	font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.slicknav_menu a, a:visited{
color: #fff;
}

.slicknav_menu .slicknav_icon-bar{
	 height: 3px;
	width: 17px;
	box-shadow: none;
}

.slicknav_btn {
	margin-right: 1.6%;
	background: none;
}

.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {
    margin-top: 2px;
}

.slicknav_menu ul.slicknav_nav li ul li a:before
{
    content: "\f105";
    font-family: FontAwesome;
    margin-right: 10px;
    bottom: 2px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    line-height: 0;
    color: #F9C658;
}

.slicknav_arrow{
	display: none;
}

ul.slicknav_nav li a:before
{
  content: "\f054";
  font-family: FontAwesome;
  margin-right: 5px;
  bottom: 2px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  color: #F9C658;
}

ul.slicknav_nav li a.separator:before
{
	content: none;
}

.slicknav_nav a:hover, .slicknav_nav .slicknav_row:hover {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background: initial;
  color: #222;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	font-size: 16px;
}
::-moz-placeholder { /* Firefox 19+ */
  font-size: 16px;
}
:-ms-input-placeholder { /* IE 10+ */
  font-size: 16px;
}
:-moz-placeholder { /* Firefox 18- */
  font-size: 16px;
}

/* --------Responsive-------------*/
@media all and (max-width: 1230px)
{
		body{
		min-width:100px;
	}

	.header-container {
		margin: 0 auto;
		width: 97.56%;
	}
	.art-sheet {
		margin: 0 auto;
		width: 97.56%;
	}

	art-footer-inner{
		margin: 0 auto;
		width: 97.56%;
	}

	.top-nav{
		padding-bottom:5px;
		margin-top:5px;
		border-bottom: none;
		text-align: right;
		font-size: 0.5em;
	}

	.header-img{
		margin-left: 0.5%;
		width: 100%;
		border-top: 1px dotted #737373;
	}

	.header{
	  position: relative;
	  background-position: center top;
	  background-repeat: no-repeat;
	  background-origin: padding-box!important;
	}

	.logo{
		margin-top: 2%;
		margin-left: 6.5%;
		width: 90%;
	}

	.art-footer-inner{
		margin: 0 auto;
		width: 97.56%;
	}
	
	.popup{
		width:80%;
	}
	
	.popup #innerDiv{
		width:100%;
		height:100%;
	}

	#followus{
		text-align: center;
	}

}

/* ---- Tablet ---- */
@media all and (max-width: 1024px)
{	
	.art-sidebar2{
		display: none;
	}
	
	#top-nav-buttons-td{
		padding-top: 10px;
	}
	
	::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	font-size: 14px;
}
::-moz-placeholder { /* Firefox 19+ */
  font-size: 16px;
}
:-ms-input-placeholder { /* IE 10+ */
  font-size: 16px;
}
:-moz-placeholder { /* Firefox 18- */
  font-size: 16px;
}

	#mod-search-searchword{
		padding-bottom: 7px;
		padding-top: 7px;
	}

}

/* ---- Landscape cel ---- */
@media all and (max-width: 768px){
	.art-sidebar1{
		display: none;
	}
	
	ul.art-hmenu>li>a {
		padding: 0 6px!important;
	}
	
	.header-container #buttons, #logos, #menu{
	    margin-right: 2px;
		margin-left: 2px;
}

.art-postmetadataheader h2, .art-postheader{
	font-size:12px;
}

.art-postcontent ,.art-postcontent li, .art-postcontent h3, .art-postcontent  a, .art-postcontent a:link, .art-post th  {
	font-size:12px;
}

.art-article p {
	/*margin-top:0; Molesta con el articulo de felicitaciones, se puede setear estilo en el de felicitaciones y dejar este*/ 
}

.popup{
		top: 80px;
	}
	
	.slicknav_menu{
		display:block;
	}
	
	#footer #followus {
		display:block;
}

	ul.art-hmenu ul {
		width: 250px;
	}
	
	ul.art-hmenu ul li:nth-child(even) {
	  width: auto;
	  float: none;
	}
	ul.art-hmenu ul li:nth-child(odd) {
	   width: auto;
	  float: none;
	}

}

/* ---- Portrait cel ---- */
@media all and (max-width: 480px){
	
	.header-img{
		display:none;
	}
	
	#logo-izq{
		width:100%;
	}
	
	.logo{
		width: 50%;
		margin: auto;
		padding: 4%;
	}
	
	.menu-nav ul{
		float:none;
		margin:0 auto;
		display: block;
		text-align: center;
	}

	.menu-nav>ul>li{
		display: inline-block;
		float:none;
	}
	
	.popup{
		top: 100px;
	}
	
	#loginDiv .popup {
    width: 70%!important;
	}
	
	table{
		width: 100%;
	}
	
	#top-nav-search-div{
		width: 100%;
	}
	
	ul.art-hmenu ul {
		left:0;
	}

}