@charset "UTF-8";
/* CSS Document */

#content {
	color:#000000;
	font-family:tahoma;
	font-size:12px;
	margin:0 auto;
	width:800px;
	
}

#content a{
	cursor:pointer;
	font-size:15px;
	font-weight:bold;
	text-decoration:underline;
}


.rojoTxt{
	color:#65c643;
	font-weight:bold;
	font-size: 20px;
	text-transform: uppercase;
}

.popup {
    background-color: #ffffff;
    color: #888888;
    height: 160px;
    left: -100%;
	line-height:26px;
	font-size:18px;
    padding: 20px;
    position: fixed;
	font-family: lato, sans-serif;
    /*right: 30%;*/
    top: 25%;
    width: 555px;
    z-index: 101;
	border:5px solid #888888;
	-moz-box-shadow: 0px 0px 10px 1px #888888;
	-webkit-box-shadow: 0px 0px 10px 1px #888888;
	box-shadow: 0px 0px 10px 1px #888888;
	border-radius:10px;
	-moz-border-radius:10px;
	z-index:999;
  margin-left: -277px;
}

.popup h1{
	font-size:18px;
	font-weight:200;
}

.overlay {
    background: #000000;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 999;
	opacity:0.4;
}

a.close {
    background: url("../images/cancel.png") repeat scroll left top;
    cursor: pointer;
    float: right;
    height: 26px;
    left: 32px;
    position: relative;
    top: -33px;
    width: 26px;
}
@media screen and (max-width: 60em) {
	.popup {
    background-color: #ffffff;
    color: #888888;
    height: 330px;
	line-height:26px;
	font-size:18px;
    padding: 20px;
    position: fixed;
	font-family: lato, sans-serif;
    right: 30%;
    top: 25%;
    width: 255px;
	z-index:999;
  margin-left: -127px;
}

}
@media (max-width: 576px) {
div.popup {
	/*left: 12%!important;*/
	}
}