/* Globals */
* { margin: 0px; padding: 0; font-family: "SFUIDisplay-Light", "Helvetica Neue", Helvetica, Arial, sans-serif; }
html,body { background-color: #EBEBEB; }

img { border:0px; }
a { font-size: 12px; text-decoration: none; }
a:hover { text-decoration: none !important; }

div,td,label,p,li,input,select,textarea { font-size: 12px; }
input[type=button],input[type=submit] { cursor: pointer; }
input[type=submit],input[type=button],fieldset { border:0px; }
/*input[type=text],input[type=password],select { border:1px solid #ababab;padding:1px;line-height:27px;height:27px;font-family: Arial; }*/
textarea { font-family: Arial;padding:1px;border:1px solid #ababab; }
select[multiple=multiple] { height:150px; }
option { font-family: Arial; }

/* Floats */
.clear { clear: both; }
.left { float: left; }
.right { float: right; }

.centre { text-align: center; }

/* Margins/paddings */
.margin10left { margin-left:10px; }
.margin12left { margin-left:12px; }
.margin15left { margin-left:15px; }
.margin20left { margin-left:20px; }
.margin30left { margin-left:30px; }
.margin40left { margin-left:40px; }
.margin130left { margin-left:130px; }
.margin100left { margin-left:100px; }
.margin5right { margin-right:5px; }
.margin10right { margin-right:10px; }
.margin15right { margin-right:15px; }
.margin20right { margin-right:20px; }
.margin50right { margin-right:50px; }
.margin5left { margin-left:5px; }
.margin2top { margin-top:2px; }
.margin5top { margin-top:5px; }
.margin10top { margin-top:10px; }
.margin12top { margin-top:12px; }
.margin15top { margin-top:15px; }
.margin20top { margin-top:20px !important; }
.margin25top { margin-top:25px !important; }
.margin30top { margin-top:30px; }
.margin50top { margin-top:50px; }
.margin5bottom { margin-bottom:5px; }
.margin10bottom { margin-bottom:10px; }
.pad3bottom { padding-bottom:3px !important; }
.pad10bottom { padding-bottom:10px !important; }
.pad15bottom { padding-bottom:15px !important; }
.pad20bottom { padding-bottom:20px; }
.pad30bottom { padding-bottom:30px; }
.pad50bottom { padding-bottom:50px; }
.pad5right { padding-right:5px; }
.pad10right { padding-right:10px !important; }
.pad20right { padding-right:20px !important; }
.pad5top { padding-top:5px !important; }
.pad8top { padding-top:8px; }
.pad10top { padding-top:10px; }
.pad15top { padding-top:15px; }
.pad20top { padding-top:20px; }
.pad5left { padding-left:5px; }
.pad10left { padding-left:10px !important; }
.pad20left { padding-left:20px; }

/* Cursors */
.pointer { cursor:pointer; }

/* Text styles */
.upper,
.uppercase { text-transform: uppercase; }
.capitalize { text-transform: capitalize; }
.tachado { text-decoration:line-through; }
.red { color: #960000; }
.bold { font-weight: bold; }
.blue { color: #00a6c0; }
.blue2 { color: #075a67 !important; }
.white { color: #ffffff !important; }
.gray { color: #353535; }
.normal { font-weight:normal !important; }
.arial { font-family: Arial !important; }
.font_especial { font-family: 'Terminal Dosis' !important; }
.subrallat { text-decoration: underline; }
.dashed { border-bottom:1px dashed #C5C5C5 !important; }
.line24 { line-height:24px; }
.line20 { line-height:20px; }

/* Fonts */
.font11 { font-size:11px !important; }
.font12 { font-size:12px !important; }
.font13 { font-size:13px !important; }
.font14 { font-size:14px !important; }
.font16 { font-size:16px !important; }
.font18 { font-size:18px !important; }
.font24 { font-size:24px !important; }
.font48 { font-size:48px !important; }

/* Displays */
.block { display: block; }

/* Errors */
.required,
.error { color: red; font-weight: bold; }
.error-notice { background-color: red; font-weight: bold; color: white; padding: 10px; }
.form-error-msg { color:#c81414; font-weight:bold; font-size:13px; }
.errors { color: red; font-weight: bold; margin-bottom: 8px; font-size:14px; }

.wrapper  {
    width: 100%;
    margin: 0px auto;
    color: #000000;
    font-size: 1.2em;
    text-align: left;
    padding: 0px 0px;
    height: auto;
    overflow: hidden;
}
.content {
	width: 960px;
	margin: auto;
}

/* Login */
#top_login {
	background-color:#000000 !important;
	text-align:center !important;
}
#top_login img {
	display:none !important;
}
.login-allcontainer, .bg_login {
	background-color:#000000 !important;
}
.login-allcontainer {
	padding-top:55px !important;
}
.login-container input[type=submit] {
	background-color:#00a6c0;
	width: 122px;
	height: 48px;
	text-align: center;
	color: white;
	border: 0px;
	text-transform: uppercase;
	font-weight:700;
	font-size:18px;
	margin-top:10px;
}
.login-container h2 { color:#000000;font-size:16px; }
.login-container a { color:#ffffff;font-size:14px; }
.login-container input[type=button] {
	border:0px;
	background-color:#393939;
	font-size:14px !important;
	color:#ffffff;
}

/* Bottom */
/*#bottom {
	background-color:#e20612;
	width: 100%;
	height: 61px;
	color: #ffffff;
	font-size: 11px;
	padding-top: 39px;
	margin-top:24px;
}*/
#bottom a, #bottom a:active, #bottom a:hover, #bottom span {
	color:#ffffff;
	font-size:14px;
}
#bottom span { float:right;padding-right:40px;color:#000000; }

/* Autocompletar */
.ac_results {
	padding: 0px;
	border: 1px solid #B2B2B2;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}
.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}
.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	display: block;
	/*
	if width will be 100% horizontal scrollbar will apear
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-family: Arial;
	font-size: 12px;
	/*
	it is very important, if line-height not setted or setted
	in relative units scroll will be broken in firefox
	*/
	line-height: 18px;
	overflow: hidden;
}
.ac_loading { background: white url('../images/indicator.gif') right center no-repeat; }
.ac_odd { background-color: #eee; }
.ac_over {
	background-color: #00a6c0;
	color:#ffffff;
	cursor:pointer;
}
.ac_input {
	border:1px solid #b2b2b2;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:1px;
	background-color:#ffffff;
	min-width:160px;
	margin-right:20px;
}

.new_document {
	position:absolute;
	width:32px;
	height:21px;
	font-size:11px;
	background-image:url(../images/backend/microsite/new2.png);
	background-repeat:no-repeat;
	color:#ffffff;
	text-align:center;
	padding-top:11px;
	font-weight:bold;
	text-transform:uppercase;
    margin-left: 25px;
    margin-top: -22px;
}

/* Top microsite product */
.microsite_subtitle {
    font-size: 21px;
    line-height: 21px;
    background-color: white;
    padding-left: 21px;
    text-transform: uppercase;
    color: #8c7e7e;
}
.microsite_subtitle a {
    float: left;
    display: block;
    line-height: 55px;
    padding-left: 20px;
    padding-right: 20px;
    border-left: 1px solid #d2cfd0;
    font-size: 18px;
    color: #8c7e7e;
    text-transform: uppercase;
    background-position: 20px center;
    background-repeat: no-repeat;
}
.microsite_subtitle a.active, .microsite_subtitle a:hover, .menu_active { background-color: #e3e1e2; }


/* DOWNLOAD + VIEW PRIMARY PRODUCT AND THUMBS*/

a.button_microsite_product_image {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;

    text-decoration: none;
    color: white;
    font-size:22px;
    text-align:center;
    vertical-align:middle;
    height:42px;
    line-height:42px;
}



a.button_microsite_product_long_image
{
	-webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;

    text-decoration: none;
    color: white;
   	font-size:13px;
    text-align:center;
    vertical-align:middle;
    height:22px;
    line-height:22px;

}

.base_thumb_cont
{
	width:134px;
	height:134px;
	margin-right:5px;
	margin-bottom:5px;
	float:left;
}

.over_bg_black
{
	position: absolute;
	width: 134px;
	height:134px;
	background-color:#000000;
	opacity: 0.5;
	display:none;
	margin-top:5px;
}


.button_layer_thumb
{
	position: absolute;
	width: 134px;
	height:134px;
	display:none;
	margin-top:5px;


}

.thumb_btn_top
{
	height:20px;
	float:left;
	width:88px;
	margin-left:23px;
	margin-top:35px;
	background-color:#353535;
}

.thumb_btn_down
{
	height:20px;
	float:left;
	width:85px;
	margin-top:20px;
	margin-left:25px;
	margin-bottom:0px;
}

.primary_cont
{
	width:503px;
	height:485px;
}

.primary_cont_btn
{
	width:480px;
	height:485px;
	margin-left:21px;
	float:left;
}


.bg_half_primary
{

	position: absolute;
	width: 482px;
	height:482px;
	background-color:#000000;
	opacity: 0.5;
	display:none;

}

.primary_left_btn
{
	float:left;
	width:150px;
	margin-left:55px;
	margin-top:215px;
	margin-right:0px;
	background-color:#353535;
	font-family:'Terminal Dosis';
}

.primary_right_btn
{
	margin-right:0px;
	float:left;
	width:150px;
	margin-top:215px;
	margin-left:60px;
	margin-bottom:2px;
	background-color:#353535;
}