/*GENERALES*/
html, body, div, p, form, input, ul, li, h1, h2, h3, table, th, td {
	margin: 0px;
	padding: 0px;
}
body {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	color:#363636;
}
li {
	list-style:none;
}
object, iframe {
	outline:none;
}
i {
	display:none;
}
.hidden {
	display:none;
}
table {
	border:none;
	border-collapse:collapse;
}
p {
	font-size:12px;	
	margin-bottom:10px;
}
a {
	color:#000;
	text-decoration:none;
	outline:none;
	cursor:pointer;
}
img {
	border:none;
}
.clear {
	clear:both;
	display:block;
	height: 0px;
	font-size: 0px;
	line-height: 0px;
}


/*ESTRUCTURA*/
#especialContainer {
	width:653px;
	height:398px;
}
#especialMain {
	width:653px;
	height:398px;
	position:relative;
	background-image:url(../img/bg_especialMain.jpg);	
}
#especialMain .options {
	position:relative;
}
#especialMain .options li {
	position:absolute;
	cursor:pointer;
}
#especialMain .options li.importancia {
	width:145px;
	height:145px;
	top:125px;
	left:20px;
	background-image:url(../img/bg_especialMain-options-importancia.png);
}
#especialMain .options li.satisfaccion {
	width:145px;
	height:145px;
	top:125px;
	right:20px;
	background-image:url(../img/bg_especialMain-options-satisfaccion.png);
}
#especialMain .options li.estudio {
	width:150px;
	height:40px;
	top:345px;
	left:250px;
	background-image:url(../img/bg_especialMain-options-estudio.png);
}
.especialModal {
	width:653px;
	height:398px;
	position:absolute;
	z-index:50;
	background-color:#1d1913;
	opacity:0.99;	
}
.modalContent {
	width:623px;
	height:368px;
	padding:15px;
}
.modalContent.importancia {
	background-image:url(../img/bg_modalContent-importancia.png);
}
.modalContent.satisfaccion {
	background-image:url(../img/bg_modalContent-satisfaccion.png);
}
#especialTabs {
	width:400px;
	height:190px;
	position:absolute;
	left:125px;
	top:155px;
}
#especialTabs .controls ul {
	position:relative;
	top:60px;
}
#especialTabs .controls li a {
	width:30px;
	height:30px;
	position:absolute;
	display:block;
	cursor:pointer;
}
#especialTabs .controls li a.backward {
	left:-35px;
	background-image:url(../img/bg_especialTabs-controls-backward.png);
}
#especialTabs .controls li a.forward {
	right:-35px;	
	background-image:url(../img/bg_especialTabs-controls-forward.png);
}
#especialTabs .items {
	position:relative;
}
#especialTabs .item {
    display:none;
    position:absolute;
}
#especialTabs .question {
	margin-bottom:15px;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	text-align:center;
} 
#especialTabs .answers ul {
	margin-left:10px;
	margin-right:10px;
}
#especialTabs .answers li {
	width:85px;
	height:85px;
	float:left;
	margin-left:5px;
	margin-right:5px;
	color:#fff;
	line-height:85px;
	font-size:18px;
	text-align:center;		
	background-image:url(../img/bg_especialTabs-answers.png);
	cursor:pointer;
}
#especialTabs .answers li:hover, #especialTabs .answers li.active, #especialTabs .answers li.active:hover {
	background-position:bottom;
}
#especialTabs .answers li.unactive:hover {
	background-position:top;
}
#especialTabs .answers li .text {
	display:none;
}
#especialTabs .answers li .text::selection {
	background:none;
}
#especialTabs .answers li .text::-moz-selection {
	background:none;
}
#especialTabs .disabled {
    visibility:hidden !important;
}

/*BOTONES*/
.btnClose {
	width:30px;
	height:30px;
	position:absolute;
	right:5px;
	top:5px;
	background-color:#6b6155;
	background-image:url(../img/bg_btnClose.png);
	cursor:pointer;
}
.btnReport {
	position:absolute;
	right:20px;
	bottom:20px;
	color:#fff;
}
.btnReport a {
	color:#83b5c9;
}
.btnReport a:hover {
	text-decoration:underline;
}