@charset "utf-8";
/* Fuentes */

@font-face {
	font-family: TrebucMS;
	src: url(../fonts/trebuc.eot);
	src: url(../fonts/trebuc.eot?#iefix) format('embedded-opentype'), url(../fonts/trebuc.woff) format('woff'), url(../fonts/trebuc.ttf) format('truetype'), url(../fonts/trebuc.svg#TrebuchetMS) format('svg');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: TrebucMSB;
	src: url(../fonts/trebucbd.eot);
	src: url(../fonts/trebucbd.eot?#iefix) format('embedded-opentype'), url(../fonts/trebucbd.woff) format('woff'), url(../fonts/trebucbd.ttf) format('truetype'), url(../fonts/trebucbd.svg#TrebuchetMS-Bold) format('svg');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: TrebucMSI;
	src: url(../fonts/trebucit.eot);
	src: url(../fonts/trebucit.eot?#iefix) format('embedded-opentype'), url(../fonts/trebucit.woff) format('woff'), url(../fonts/trebucit.ttf) format('truetype'), url(../fonts/trebucit.svg#TrebuchetMS-Italic) format('svg');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: TrebucMSBI;
	src: url(../fonts/trebucbi.eot);
	src: url(../fonts/trebucbi.eot?#iefix) format('embedded-opentype'), url(../fonts/trebucbi.woff) format('woff'), url(../fonts/trebucbi.ttf) format('truetype'), url(../fonts/trebucbi.svg#Trebuchet-BoldItalic) format('svg');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: GothamBlack;
	src: url(../fonts/Gotham-Black.eot);
	src: url(../fonts/Gotham-Black.eot?#iefix) format('embedded-opentype'), url(../fonts/Gotham-Black.woff) format('woff'), url(../fonts/Gotham-Black.ttf) format('truetype'), url(../fonts/Gotham-Black.svg#Gotham-Black) format('svg');
	font-weight: 400;
	font-style: normal;
}

* {
	margin: 0;
	padding: 0;
}

body {
	font-family: TrebucMS;
	font-size: 9pt;
	color: #FFF;
	background-color: #000;
}

h1,
h2,
h3 {
	font-size: inherit;
	font-size: 8pt;
}

#wrapper {
	min-width: 96%;
	min-height: 90vh;
	position: absolute;
	top: 0px;
	border: solid 30px #000;
	background-color: #000000;
}

#social {
	margin-top: -30px;
	float: right;
}

#logo {
	background-image: url(../img/logo.png);
	background-position: center;
	background-repeat: no-repeat;
	width: 190px;
	height: 50px;
	margin-top: -12px;
}

#logo2,
#logo3 {
	background-image: url(../img/minhome.png);
	background-position: center;
	background-repeat: no-repeat;
	width: 75px;
	height: 77px;
	position: absolute;
	float: left;
	margin-top: -90px;
}

#logo3 {
	background-image: url(../img/minhomen.png);
}

.title {
	font-family: TrebucMSB;
	font-size: 12pt;
}

.title2 {
	font-family: TrebucMSB;
	font-size: 12pt;
}

.bot .title2 {
	font-size: 9pt;
}

.copyr p {
	font-family: TrebucMS;
	font-size: 8pt;
	color: #7F7F7F;
	padding-left: 15px;
}

.highlight {
	color: #F1631A !important;
	font-family: TrebucMSB, inherit !important;
	font-size: inherit !important;
}

#main-menu {
	background-color: #000;
	width: 218px;
	position: absolute;
	left: -278px;
	padding: 30px;
	z-index: 1000;
}

#main-menu #close-menu,
.close-news,
.close-service {
	position: relative;
	background-image: url(../img/close-icon.png);
	background-position: center;
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
	cursor: pointer;
	top: -35px;
	left: 224px;
	display: inline-block;
}

.close-news {
	top: -30px;
	left: 340px;
}

.close-service {
	position: absolute;
	left: 630px;
	top: 18px;
}

#main-menu #close-menu:hover {
	background-image: url(../img/close-icon-white.png);
}

#main-menu #close-menu.open {
	background-image: url(../img/open-icon.png);
}

#main-menu #close-menu.open:hover {
	background-image: url(../img/open-icon-white.png);
}

#main-menu li {
	list-style: none;
	padding: 10px;
	padding-left: 15px;
	border-bottom: solid 1px rgba(255, 255, 255, 0.2);
	cursor: pointer;
	color: #7F7F7F;
}

#main-menu li:first-child {
	border-top: solid 1px rgba(255, 255, 255, 0.2);
}

#main-menu li:hover {
	color: #FFF;
}

#main-menu .bot {
	position: absolute;
	bottom: -10px;
	width: 218px;
	line-height: 1;
}

#main-menu .bot p {
	padding-left: 15px;
}

hr {
	border-color: rgba(255, 255, 255, 0.5);
	margin: 10px 0;
}

.rs {
	margin: 5px 15px;
	width: 20px;
	height: 20px;
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer;
	display: inline-block;
}

#fa {
	background-image: url(../img/face.png);
	margin-left: 17px;
}

#tw {
	background-image: url(../img/twit.png);
}

#pi {
	background-image: url(../img/pint.png);
}

#fl {
	background-image: url(../img/flickr.png);
}

#in {
	background-image: url(../img/link.png);
}

#yt {
	background-image: url(../img/yout.png);
}

.sello {
	margin: 5px 1px 5px 0px;
	background-position: center;
	background-repeat: no-repeat;
	display: inline-block;
	height: 36px;
	cursor: pointer;
}

#s1 {
	background-image: url(../img/sellos/1.png);
	width: 36px;
}

#s2 {
	background-image: url(../img/sellos/2.png);
	width: 90px;
}

#s3 {
	background-image: url(../img/sellos/3.png);
	width: 40px;
}

#s4 {
	background-image: url(../img/sellos/4.png);
	width: 36px;
}

#contenido {
	position: relative;
	z-index: 0;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

input,
select,
textarea {
	font-size: 10pt;
	font-family: TrebucMS;
	height: 14px;
	width: 142px;
	padding-bottom: 2px;
	padding-top: 2px;
	padding-left: 2px;
	padding-right: 2px;
	line-height: 1 !important;
	border-color: rgba(253, 253, 253, 0.25);
	border-style: solid;
	border-width: 1px;
	resize: none;
	line-height: 1;
	border-radius: 0.1px;
	-moz-border-radius: 0.1px;
	-webkit-border-radius: 0.1px;
	color: #000000;
	-webkit-appearance: none;
	-moz-appearance: none;
	-webkit-border-radius: 0;
	appearance: none;
	-moz-border-radius: 0;
	border-radius: 0;
}

input[type=button]:focus {
	outline: 0;
	color: #FFF;
}

input[type=button] {
	font-size: 10pt;
	border: none;
	width: auto;
	height: auto;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #000;
	color: #7F7F7F;
	margin-bottom: 0;
	margin-top: 0;
	margin-left: 4px;
	margin-right: 4px;
}

input[type=button][default=default] {
	font-family: TrebucMSB;
}

input[type=button]:hover {
	color: #FFF;
}

input[type=button][tr=tr]:hover {
	color: #FFF;
}

select {
	width: 152px;
	height: 24px;
}

input[type=checkbox] {
	width: 18px;
	height: 18px;
	margin-left: 4px;
	margin-top: 4px;
}

label {
	line-height: 1;
	padding-left: 6px;
	position: absolute;
}

#initfrm {
	height: 134px;
	margin-top: 20px;
	text-align: center;
	background-color: #000000;
}

.middle {
	width: 200px;
	margin: 0 auto;
	top: 50%;
	position: relative;
}

.home-project-overlay {
	position: absolute;
	z-index: 10;
	width: 360px;
	height: 240px;
	right: 40px;
	bottom: 36px;
	color: #7F7F7F;
	text-align: center;
}

.home-project-overlay .close-project {
	position: relative;
	background-image: url(../img/close-icon.png);
	background-position: center;
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
	cursor: pointer;
	display: inline-block;
	top: 12px;
	left: 144px;
}

.home-project-overlay-2 {
	position: absolute;
	z-index: 10;
	width: 360px;
	height: 240px;
	right: 40px;
	bottom: 36px;
	color: #FFF;
	text-align: center;
}

.home-project-overlay .black-bg,
.home-project-overlay-2 .black-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.75);
}

.home-project-overlay .location-container,
.home-project-overlay-2 .location-container {
	position: relative;
	width: 198px;
	margin: 0 auto;
	margin-top: 18px;
	margin-bottom: 6px;
	overflow: hidden;
}

.home-project-overlay .location-container .location-container-2,
.home-project-overlay-2 .location-container .location-container-2 {
	width: 600px;
	margin-left: -201px;
}

.home-project-overlay .location-container .line-before,
.home-project-overlay .location-container .line-after,
.home-project-overlay-2 .location-container .line-before,
.home-project-overlay-2 .location-container .line-after {
	border: 0;
	outline: 0;
	margin: 0;
	border-top: 2px solid #f0ede7;
	-moz-opacity: .5;
	-khtml-opacity: .5;
	-webkit-opacity: .5;
	opacity: .5;
	-ms-filter: alpha(opacity=50);
	filter: alpha(opacity=50);
	display: inline-block;
	width: 150px;
}

.home-project-overlay .location-container .location,
.home-project-overlay-2 .location-container .location {
	font-size: 10pt;
	line-height: 18px;
	text-transform: uppercase;
	display: inline-block;
	margin: 0 5px;
	position: relative;
	top: 3px;
}

.home-project-overlay .title,
.home-project-overlay-2 .title {
	position: relative;
	font-size: 20pt;
	line-height: 1;
	text-transform: uppercase;
	width: 300px;
	margin: 10px auto;
}

.home-project-overlay hr.title-line,
.home-project-overlay-2 hr.title-line {
	margin: 0 auto;
	margin-bottom: 18px;
	border-top: 2px solid rgba(240, 237, 231, 1);
	-moz-opacity: .5;
	-khtml-opacity: .5;
	-webkit-opacity: .5;
	opacity: .5;
	-ms-filter: alpha(opacity=50);
	filter: alpha(opacity=50);
	width: 198px;
}

.home-project-overlay .description,
.home-project-overlay-2 .description {
	position: relative;
	line-height: 18px;
	color: #f0ede7;
	width: 260px;
	margin: 0 auto;
	font-size: 10pt;
	max-height: 342px;
	overflow: hidden;
}

.home-project-overlay .description {
	padding: 0 8px 0 0;
	text-align: justify;
}

a,
a:link,
a:hover,
a:active,
a:visited {
	text-decoration: none;
	cursor: pointer;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out;
}

.view-older-entries,
.view-project-btn {
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out;
	height: 25px;
	display: block;
	color: #f0ede7;
	border: 1px solid #787774;
	text-transform: uppercase;
	cursor: pointer;
	font-weight: 300;
	font-style: normal;
	font-size: 10pt;
	line-height: 23px;
	text-align: left;
	letter-spacing: 1px;
	padding-left: 9px;
	padding-right: 19px;
	background: transparent url(../img/small-right-arrow.png) right 7px top 6px no-repeat;
}

.home-project-overlay .view-project-btn,
.home-project-overlay-2 .view-project-btn {
	position: absolute;
	bottom: 32px;
	right: 34px;
}

#contenedor-info {
	width: 306px;
	padding: 30px;
	background-color: rgba(0, 0, 0, 0.8);
	position: relative;
	left: -336px;
	overflow: overlay;
	overflow-x: hidden;
	overflow-y: auto;
}

#contenedor-info .title {
	font-size: 14pt;
}

#contenedor-info P {
	margin: 10px 0;
}

#info-full {
	position: relative;
	right: 0px;
	overflow: hidden;
}

#leyenda {
	width: 100%;
	text-align: center;
	font-family: TrebucMSB;
	float: left;
	position: relative;
	margin-bottom: 20px;
}

#leyenda span {
	font-family: GothamBlack;
	line-height: 0.9;
}

.grafico {
	/*width:100%;
	height:70%;
	float:left;*/
	margin-bottom: 20px;
	margin-left: -30px;
}

#graph.grafico svg text {
	font-family: GothamBlack !important;
}

.mapa {
	position: absolute;
	left: 0px;
	top: 0px;
}

.edomapa {
	position: absolute;
	left: 50%;
	top: 50%;
}

area,
area:hover {
	cursor: pointer;
	background: rgba(0, 0, 0, 0.6);
}

#contmap-pos {
	position: relative;
	margin: 0 auto;
}

#contedomap-pos {
	position: relative;
}

#contmap,
#contedomap {
	position: absolute;
}

#info-proj {
	background-image: url(../img/proyectos/acotacion.png);
	background-repeat: no-repeat;
	background-size: 32%;
	background-position: 8% 4%;
}

.SubmitContact,
.CancelContact {
	width: 40% !important;
	color: #FFF !important;
}

.SubmitContact {
	background-color: #F1631A !important;
}

.SubmitContact:hover {
	color: #CCC !important;
}

.noticia {
	background-color: rgba(0, 0, 0, 0.85);
	padding: 10px;
	position: relative;
	width: 266px;
	margin: 10px;
	float: left;
	height: 480px;
	cursor: pointer;
}

.dnoticia {
	background-color: rgba(0, 0, 0, 0.85);
	padding: 10px;
	position: relative;
	margin: 10px;
	cursor: pointer;
}

.notimg {
	width: 258px;
	height: 167px;
	background-size: contain;
}

.nottitle {
	font-size: 13pt;
}

#notdescription2 {
	overflow: hidden;
	height: 356px;
	padding: 0 6px 0 0;
	width: 620px;
	position: relative;
	text-align: justify;
}

.newsbtns {
	position: absolute;
	top: 0;
	left: auto;
	right: 0;
}

.newsnext,
.newsfwd {
	margin: 10px !important;
	cursor: pointer;
}

.newsnext {
	float: right;
	display: none;
}

.newsfwd {
	float: left;
}

.noticiafull {
	background-color: rgba(0, 0, 0, 0.85);
	padding: 10px;
	position: relative;
	width: 632px;
	margin: 10px;
	float: left;
	height: 540px;
	cursor: pointer;
}

.noticiafull .row #notdescription2 p {
	margin: 1em;
	margin-right: 0.5em;
}

/* Sistema */

.column {
	float: left;
	margin-bottom: 0;
	margin-top: 0;
	margin-left: 3px;
	margin-right: 3px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.row {
	margin-bottom: 2px;
	margin-top: 2px;
	margin-left: 0;
	margin-right: 0;
	min-height: 24px;
	line-height: 1;
}

.row input:first-child {
	margin-left: 0;
}

.row input:last-child {
	margin-right: 0;
}

#frm_login {
	position: relative;
	height: 124px;
	width: 232px;
	font-size: 12pt;
}

#loading_info {
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 5000;
	padding: 30px;
	background-image: url(../img/loading.png);
	background-position: center;
	background-repeat: no-repeat;
	font-family: TrebucMSB;
	font-size: 1.5em;
	color: #FFFFFF !important;
	background-color: rgba(0, 0, 0, 0.25);
}

#bandera1 {
	background: url(../img/spa.jpg);
	background-repeat: no-repeat;
	background-position: center;
}

#bandera2 {
	background: url(../img/eng.jpg);
	background-repeat: no-repeat;
	background-position: center;
}

.banderas {
	width: 16px;
	height: 11px;
	right: 12px;
	bottom: 27px;
	position: absolute;
	margin: 0px 3px;
	cursor: pointer;
}

.curricular-container {
	position: relative;
	width: 251px;
	height: 65px;
	margin: 0 auto;
}

.curricular {
	background-position: center;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
}

#agnico {
	background-image: url(../img/proyectos/curriculares/agnico.jpg);
}

#aurico {
	background-image: url(../img/proyectos/curriculares/aurico.jpg);
}

#coeur {
	background-image: url(../img/proyectos/curriculares/coeur.jpg);
}

#endeavour {
	background-image: url(../img/proyectos/curriculares/endeavour.jpg);
}

#frisco {
	background-image: url(../img/proyectos/curriculares/frisco.jpg);
}

#genco {
	background-image: url(../img/proyectos/curriculares/genco.jpg);
}

#goldcorp {
	background-image: url(../img/proyectos/curriculares/goldcorp.jpg);
}

#majestic {
	background-image: url(../img/proyectos/curriculares/majestic.jpg);
}

#penoles {
	background-image: url(../img/proyectos/curriculares/penoles.jpg);
}

#trafigura {
	background-image: url(../img/proyectos/curriculares/trafigura.jpg);
}

#vane {
	background-image: url(../img/proyectos/curriculares/vane.jpg);
}

#yamana {
	background-image: url(../img/proyectos/curriculares/yamana.jpg);
}

#fresnillo {
	background-image: url(../img/proyectos/curriculares/fresnillo.jpg);
}

#dondavid {
	background-image: url(../img/proyectos/curriculares/dondavid.jpg);
}

#slid {
	overflow: hidden;
	position: absolute;
}

#slid #sl1,
#slid #sl2,
#slid #sl3,
#slid #sl4,
#slid #sl5,
#slid #sl6,
#slid #sl7,
#slid #sl8,
#slid #sl9 {
	display: none;
	margin-left: 0px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	float: left;
}

#slid #sl1 {
	background-image: url(../img/1.jpg);
}

#slid #sl2 {
	background-image: url(../img/10.jpg);
}

#slid #sl9 {
	background-image: url(../img/obra-civil/11.jpg);
}

/*Uploader*/

#drop-files {
	width: 100%;
	height: 80px;
	background: rgba(0, 0, 0, 0.7);
	border: 2px dashed rgba(241, 99, 26, 0.6);
	text-align: center;
	float: left;
	line-height: 84px;
	margin-top: 4px;
}

#dropped-files {
	float: left;
	position: relative;
	width: 97%;
	height: 34px;
}

#upload-button {
	position: absolute;
	top: 10px;
	z-index: 800;
	width: 200px;
	display: none;
}

#dropped-files .image {
	height: 42px;
	width: 65px;
	border: 2px solid #000;
	position: absolute;
	overflow: hidden;
}

#upload-button .ss-upload {}

#upload-button a {
	text-decoration: none;
	color: #000;
	padding: 10px 20px;
	background-color: #FFF;
}

#upload-button span {
	display: none;
	text-align: center;
	padding: 10px 15px;
	position: relative;
	top: -24px;
	left: 150px;
	margin-left: 17px;
}

#upload-button a:hover {
	background-color: rgba(0, 0, 0, 0.8);
	color: #fff;
}

#extra-files {
	display: none;
	float: left;
	position: relative;
	top: -73px;
}

#extra-files .number {
	background: rgba(0, 0, 0, 0.6);
	display: inline-block;
	position: relative;
	color: #fff;
	padding: 8px 14px;
	margin: 75px 0 0 -16px;
	cursor: pointer;
}

#dropped-files #upload-button .delete {
	padding: 10px 15px;
	background: #000;
	box-shadow: none;
	color: #F1631A;
}

#dropped-files #upload-button .delete:hover {
	background: rgba(0, 0, 0, 0.8);
}

#extra-files .number:after {
	/*position: absolute; content: " "; top: 18px; left: -40px; display: block; border: 20px solid; border-color: transparent rgba(0, 0, 0, 0.6) transparent transparent;*/
}

#extra-files #file-list {
	display: none;
	background: white;
	padding: 10px 0;
	border-radius: 5px;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
	width: 221px;
	top: 126px;
	border: 1px solid #dadada;
	right: -28px;
	max-height: 50px;
	position: absolute;
	color: #545454;
}

#file-list ul {
	overflow: auto;
	padding: 0;
	border-top: 1px solid #dadada;
	max-height: 50px;
	width: 222px;
	list-style: none;
	border-bottom: 1px solid #dadada !important;
}

#file-list ul li:last-of-type {
	border-bottom: 0 !important;
}

#uploaded-holder {
	width: 100%;
	height: 48px;
	display: none;
	float: left;
	margin-top: 2px;
}

#extra-files #file-list:after,
#extra-files #file-list:before {
	position: absolute;
	content: " ";
	top: -40px;
	left: 157px;
	display: block;
	border: 20px solid;
	border-color: transparent transparent #ffffff transparent;
}

#extra-files #file-list:before {
	border-color: transparent transparent #dadada transparent;
	top: -41px;
}

#extra-files #file-list li {
	border-bottom: 1px solid #eee;
	font-weight: bold;
	font-size: 1em;
	padding: 5px;
}

#loading {
	display: none;
	float: left;
	width: 100%;
	position: relative;
	margin: 0;
}

#loading-bar {
	width: 100%;
	height: 20px;
	background: #fff;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
	padding: 2px;
}

.loading-color {
	width: 0%;
	height: 100%;
	-webkit-transition: all 0.1s ease-in;
	-moz-transition: all 0.1s ease-in;
	-ms-transition: all 0.1s ease-in;
	-o-transition: all 0.1s ease-in;
	transition: all 0.1s ease-in;
	border-radius: inherit;
	background-color: #000;
}

#loading-content {
	position: absolute;
	top: 2px;
	text-align: center;
	width: 100%;
	color: #F1631A;
	left: 2px;
	line-height: 20px;
}

#file-name-holder {
	width: 100%;
	float: left;
}

#file-name-holder h1 {
	text-align: center;
	border-bottom: 1px solid #dadada;
	padding: 0;
	margin: 0;
	font-size: inherit;
	color: #F1631A;
}

#uploaded-files {
	width: 100%;
	padding: 0;
	border: 1px solid #dadada;
	height: 55px;
	overflow: auto;
	margin: 0;
	background-color: rgba(0, 0, 0, 0.6);
}

#uploaded-files li {
	padding: 20px 10px;
}

#uploaded-files a {
	color: #F1631A;
}

#NewsCreator input,
#NewsCreator textarea {
	margin-bottom: 10px;
	width: 100%;
}

#NewsCreator #nprevio {
	height: 30px;
	margin-bottom: 5px;
}

.ps-container .ps-scrollbar-x-rail {
	position: absolute;
	bottom: 0px;
	height: 5px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	opacity: 0;
	filter: alpha(opacity=0);
	-o-transition: background-color .2s linear, opacity .2s linear;
	-webkit-transition: background-color.2s linear, opacity .2s linear;
	-moz-transition: background-color .2s linear, opacity .2s linear;
	transition: background-color .2s linear, opacity .2s linear
}

.ps-container:hover .ps-scrollbar-x-rail,
.ps-container.hover .ps-scrollbar-x-rail {
	opacity: .6;
	filter: alpha(opacity=60);
}

.ps-container .ps-scrollbar-x-rail:hover,
.ps-container .ps-scrollbar-x-rail.hover {
	background-color: #eee;
	opacity: .9;
	filter: alpha(opacity=90);
}

.ps-container .ps-scrollbar-x-rail.in-scrolling {
	opacity: .9;
	filter: alpha(opacity=90);
}

.ps-container .ps-scrollbar-y-rail {
	position: absolute;
	right: 0px;
	width: 5px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	opacity: 0;
	filter: alpha(opacity=0);
	-o-transition: background-color .2s linear, opacity .2s linear;
	-webkit-transition: background-color.2s linear, opacity .2s linear;
	-moz-transition: background-color .2s linear, opacity .2s linear;
	transition: background-color .2s linear, opacity .2s linear;
}

.ps-container:hover .ps-scrollbar-y-rail,
.ps-container.hover .ps-scrollbar-y-rail {
	opacity: .6;
	filter: alpha(opacity=60);
}

.ps-container .ps-scrollbar-y-rail:hover,
.ps-container .ps-scrollbar-y-rail.hover {
	background-color: #eee;
	opacity: .9;
	filter: alpha(opacity=90);
}

.ps-container .ps-scrollbar-y-rail.in-scrolling {
	opacity: .9;
	filter: alpha(opacity=90);
}

.ps-container .ps-scrollbar-x {
	position: absolute;
	bottom: 0;
	height: 5px;
	background-color: #aaa;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-o-transition: background-color .2s linear;
	-webkit-transition: background-color.2s linear;
	-moz-transition: background-color .2s linear;
	transition: background-color .2s linear;
}

.ps-container.ie6 .ps-scrollbar-x {
	font-size: 0;
}

.ps-container .ps-scrollbar-x-rail:hover .ps-scrollbar-x,
.ps-container .ps-scrollbar-x-rail.hover .ps-scrollbar-x {
	background-color: #999;
}

.ps-container .ps-scrollbar-y {
	position: absolute;
	right: 0;
	width: 5px;
	background-color: #aaa;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-o-transition: background-color .2s linear;
	-webkit-transition: background-color.2s linear;
	-moz-transition: background-color .2s linear;
	transition: background-color .2s linear;
}

.ps-container.ie .ps-scrollbar-y {
	font-size: 0;
}

.ps-container .ps-scrollbar-y-rail:hover .ps-scrollbar-y,
.ps-container .ps-scrollbar-y-rail.hover .ps-scrollbar-y {
	background-color: #999;
}

.rb_div,
.rb_div2 {
	width: 45px;
	display: inline-block;
	float: left;
	height: 24px;
}

.rb_div2 {
	width: 120px;
}

.encuesta p {
	margin: 1em 0;
	line-height: 1;
}

.encuesta .row {
	line-height: 24px;
}

/* Generales.Rotacion */

#bloq {
	display: table;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 1002;
	width: 980px;
	height: 100%;
	visibility: hidden;
	background: #000;
	background-position: 50% 35%;
}

#bloqcont {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	color: #FFF;
	font: 2em TrebucMS;
	font-weight: bold;
}

#valores-graph {
	position: relative;
	margin: 0 auto;
	margin-bottom: 20px;
	width: 190px;
	font-size: 13pt;
}

.doughnutlegend div {
	width: 14px;
	height: 14px;
	display: -webkit-inline-box;
	float: left;
	margin-right: 8px;
	margin-top: 4px;
}

.doughnutlegend {
	list-style: none;
}

#copyr {
	position: absolute;
	text-align: center;
	width: 100%;
	color: #7F7F7F;
	font-size: 77%;
	line-height: 30px;
	bottom: -30px;
}

#infografia {
	background-image: url(../img/servicios/infografia.png);
	/* background-position: center; */
	background-repeat: no-repeat;
	background-size: contain;
	height: 960px;
}

#holder {
	position: relative;
	margin: 0 auto;
	overflow: hidden;
}

#infografia .proceso {
	/*position: relative;*/
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	cursor: pointer;
}

#pueble {
	background-image: url(../img/servicios/pueblee.png);
	top: 15.3%;
	left: 18.8%;
	width: 8%;
	height: 18%;
	display: block;
	min-height: 130px;
	position: absolute;
}

/*Responsive*/

#seguridad {
	background-image: url(../img/servicios/seguridade.png);
	top: 15.3%;
	left: 70.9%;
	width: 8%;
	height: 18%;
	display: block;
	min-height: 130px;
	position: absolute;
}

/*Responsive*/

#ventilacion {
	background-image: url(../img/servicios/ventilacione.png);
	top: 20%;
	left: 48.2%;
	width: 9%;
	height: 18%;
	display: block;
	min-height: 130px;
	position: absolute;
}

/*Responsive*/
#supervision {
	background-image: url(../img/servicios/supervisione.png);
	top: 30%;
	left: 62.7%;
	width: 9%;
	height: 18%;
	display: block;
	min-height: 130px;
	position: absolute;
}

/*Responsive*/
#amacice {
	background-image: url(../img/servicios/amacicee.png);
	/* top: -18.8%; */
	top: 38.8%;
	left: 76.4%;
	width: 8%;
	height: 18%;
	display: block;
	min-height: 130px;
	position: absolute;
}

#acarreo {
	background-image: url(../img/servicios/acarreoe.png);
	top: 43%;
	left: 33.2%;
	width: 8%;
	height: 18%;
	display: block;
	min-height: 130px;
	position: absolute;
}

#rezagado {
	background-image: url(../img/servicios/rezagadoe.png);
	top: 43.6%;
	left: 48.4%;
	width: 8%;
	height: 18%;
	display: block;
	min-height: 130px;
	position: absolute;
}

#sostenimiento {
	background-image: url(../img/servicios/sostenimientoe.png);
	top: 67.7%;
	left: 45.1%;
	width: 10.5%;
	height: 18%;
	display: block;
	min-height: 130px;
	position: absolute;
}

#barrenacion {
	background-image: url(../img/servicios/barrenacione.png);
	top: 55.5%;
	left: 64.95%;
	width: 9.5%;
	height: 18%;
	display: block;
	min-height: 130px;
	position: absolute;
}

#voladura {
	background-image: url(../img/servicios/voladurae.png);
	top: 75%;
	left: 61.7%;
	width: 8%;
	height: 18%;
	display: block;
	min-height: 130px;
	position: absolute;
}

.procesodesc {
	position: absolute;
	height: 510px;
	width: 650px;
	top: 50%;
	left: 50%;
	padding: 10px;
	background-color: rgba(0, 0, 0, 0.75);
	margin-top: -265px;
	margin-left: -335px;
}

.procesodesc .imgproceso {
	float: left;
	width: 295px;
	height: 480px;
	padding: 10px;
}

.procesodesc .txtproceso {
	float: left;
	width: 314px;
	height: 490px;
	padding: 10px;
	font-size: 12pt;
	text-align: justify;
}

.procesodesc .txtproceso h1 {
	font-size: 18pt;
	color: #F1631A;
	text-align: left;
}

.procesodesc .txtproceso input[type=button] {
	margin: 15px;
	position: relative;
	left: 50%;
	margin-left: -83px;
	font-size: 18pt;
	padding: 14px 26px;
}

#puebledesc,
#seguridaddesc,
#ventilaciondesc,
#supervisiondesc,
#amacicedesc,
#acarreodesc,
#rezagadodesc,
#sostenimientodesc,
#barrenaciondesc,
#voladuradesc {
	display: none;
}

#puebledesc .imgproceso {
	background-image: url(../img/servicios/pueble.jpg);
	background-repeat: no-repeat;
	background-position: center;
}

#seguridaddesc .imgproceso {
	background-image: url(../img/servicios/seguridad.jpg);
	background-repeat: no-repeat;
	background-position: center;
}

#ventilaciondesc .imgproceso {
	background-image: url(../img/servicios/ventilacion.jpg);
	background-repeat: no-repeat;
	background-position: center;
}

#supervisiondesc .imgproceso {
	background-image: url(../img/servicios/supervision.jpg);
	background-repeat: no-repeat;
	background-position: center;
}

#amacicedesc .imgproceso {
	background-image: url(../img/servicios/amacice.jpg);
	background-repeat: no-repeat;
	background-position: center;
}

#acarreodesc .imgproceso {
	background-image: url(../img/servicios/acarreo.jpg);
	background-repeat: no-repeat;
	background-position: center;
}

#rezagadodesc .imgproceso {
	background-image: url(../img/servicios/rezagado.jpg);
	background-repeat: no-repeat;
	background-position: center;
}

#sostenimientodesc .imgproceso {
	background-image: url(../img/servicios/sostenimiento.jpg);
	background-repeat: no-repeat;
	background-position: center;
}

#barrenaciondesc .imgproceso {
	background-image: url(../img/servicios/barrenacion.jpg);
	background-repeat: no-repeat;
	background-position: center;
}

#voladuradesc .imgproceso {
	background-image: url(../img/servicios/voladura.jpg);
	background-repeat: no-repeat;
	background-position: center;
}

#infografia-overlay {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: rgba(0, 0, 0, 0.5);
	display: none;
}

#privacidad {
	width: 98%;
	text-decoration: underline;
	cursor: pointer;
}

#privacidad:hover {
	color: #FFF;
}

.brandlogo {
	width: 156px;
	height: 28px;
	background-position: center;
	background-repeat: no-repeat;
}

input[type=checkbox],
input[type=radio] {
	visibility: hidden;
	display: none;
}

/*********Medias Queries******************/
/*
Adecuar en las medias quieres.
#infografia {
    background-image: url(../img/servicios/infografia.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: 260px;
}
*/

/* Smart Phones Xtra Small */
@media screen and (min-width:320px) and (max-width:430px) {
	#infografia {
		background-image: url(../img/servicios/infografia.png);
		background-repeat: no-repeat;
		background-size: contain;
		height: 260px;
	}

	#pueble {
		background-image: url(../img/servicios/pueblee.png);
		top: 8%;
		left: 18.8%;
		width: 8%;
		height: 18%;
		display: block;
		min-height: 130px;
		position: absolute;
	}
	/*Responsive*/
	#seguridad {
		background-image: url(../img/servicios/seguridade.png);
		top: 4%;
		left: 70.9%;
		width: 8%;
		height: 18%;
		display: block;
		min-height: 130px;
		position: absolute;
	}
	/*Responsive*/
	#ventilacion {
		background-image: url(../img/servicios/ventilacione.png);
		top: 9%;
		left: 48.2%;
		width: 8%;
		height: 18%;
		display: block;
		min-height: 130px;
		position: absolute;
	}
	/*Responsive*/
	#supervision {
		background-image: url(../img/servicios/supervisione.png);
		top: 25%;
		left: 70.7%;
		width: 8%;
		height: 18%;
		display: block;
		min-height: 130px;
		position: absolute;
	}
	/*Responsive*/
	#amacice {
		background-image: url(../img/servicios/amacicee.png);
		/* top: -18.8%; */
		top: 28%;
		left: 85.4%;
		width: 8%;
		height: 18%;
		display: block;
		min-height: 130px;
		position: absolute;
	}
	#acarreo {
		background-image: url(../img/servicios/acarreoe.png);
		top: 18%;
		left: 33.2%;
		width: 8%;
		height: 18%;
		display: block;
		min-height: 130px;
		position: absolute;
	}
	#rezagado {
		background-image: url(../img/servicios/rezagadoe.png);
		top: 23.6%;
		left: 58.4%;
		width: 8%;
		height: 18%;
		display: block;
		min-height: 130px;
		position: absolute;
	}
	#sostenimiento {
		background-image: url(../img/servicios/sostenimientoe.png);
		top: 32.7%;
		left: 40.1%;
		width: 10%;
		height: 18%;
		display: block;
		min-height: 130px;
		position: absolute;
	}
	#barrenacion {
		background-image: url(../img/servicios/barrenacione.png);
		top: 44.5%;
		left: 44.95%;
		width: 8%;
		height: 18%;
		display: block;
		min-height: 130px;
		position: absolute;
	}
	#voladura {
		background-image: url(../img/servicios/voladurae.png);
		top: 43%;
		left: 61.7%;
		width: 8%;
		height: 18%;
		display: block;
		min-height: 130px;
		position: absolute;
	}
}

/* Smart Phones */
@media screen and (min-width:431px) and (max-width:600px) {
	#infografia {
		background-image: url(../img/servicios/infografia.png);
		background-repeat: no-repeat;
		background-size: contain;
		height: 360px;
	}

	#pueble {
		background-image: url(../img/servicios/pueblee.png);
		top: 12%;
		left: 18.8%;
		width: 8%;
		height: 18%;
		display: block;
		min-height: 130px;
		position: absolute;
	}
	/*Responsive*/
	#seguridad {
		background-image: url(../img/servicios/seguridade.png);
		top: 10%;
		left: 70.9%;
		width: 8%;
		height: 18%;
		display: block;
		min-height: 130px;
		position: absolute;
	}
	/*Responsive*/
	#ventilacion {
		background-image: url(../img/servicios/ventilacione.png);
		top: 14%;
		left: 48.2%;
		width: 8%;
		height: 18%;
		display: block;
		min-height: 130px;
		position: absolute;
	}
	/*Responsive*/
	#supervision {
		background-image: url(../img/servicios/supervisione.png);
		top: 25%;
		left: 70.7%;
		width: 8%;
		height: 18%;
		display: block;
		min-height: 130px;
		position: absolute;
	}
	/*Responsive*/
	#amacice {
		background-image: url(../img/servicios/amacicee.png);
		/* top: -18.8%; */
		top: 28%;
		left: 85.4%;
		width: 8%;
		height: 18%;
		display: block;
		min-height: 130px;
		position: absolute;
	}
	#acarreo {
		background-image: url(../img/servicios/acarreoe.png);
		top: 28%;
		left: 33.2%;
		width: 8%;
		height: 18%;
		display: block;
		min-height: 130px;
		position: absolute;
	}
	#rezagado {
		background-image: url(../img/servicios/rezagadoe.png);
		top: 27.6%;
		left: 48.4%;
		width: 8%;
		height: 18%;
		display: block;
		min-height: 130px;
		position: absolute;
	}
	#sostenimiento {
		background-image: url(../img/servicios/sostenimientoe.png);
		top: 42.7%;
		left: 45.1%;
		width: 10%;
		height: 18%;
		display: block;
		min-height: 130px;
		position: absolute;
	}
	#barrenacion {
		background-image: url(../img/servicios/barrenacione.png);
		top: 40.5%;
		left: 74.95%;
		width: 8%;
		height: 18%;
		display: block;
		min-height: 130px;
		position: absolute;
	}
	#voladura {
		background-image: url(../img/servicios/voladurae.png);
		top: 47%;
		left: 61.7%;
		width: 8%;
		height: 18%;
		display: block;
		min-height: 130px;
		position: absolute;
	}
}

/* Tablets*/
@media screen and (min-width:601px) and (max-width:979px) {
	#infografia {
		background-image: url(../img/servicios/infografia.png);
		background-repeat: no-repeat;
		background-size: contain;
		height: 460px;
	}

	#pueble {
		background-image: url(../img/servicios/pueblee.png);
		top: 26%;
		left: 18.8%;
		width: 8%;
		height: 18%;
		display: block;
		min-height: 130px;
		position: absolute;
	}
	/*Responsive*/
	#seguridad {
		background-image: url(../img/servicios/seguridade.png);
		top: 10%;
		left: 70.9%;
		width: 8%;
		height: 18%;
		display: block;
		min-height: 130px;
		position: absolute;
	}
	/*Responsive*/
	#ventilacion {
		background-image: url(../img/servicios/ventilacione.png);
		top: 30%;
		left: 48.2%;
		width: 8%;
		height: 18%;
		display: block;
		min-height: 130px;
		position: absolute;
	}
	/*Responsive*/
	#supervision {
		background-image: url(../img/servicios/supervisione.png);
		top: 25%;
		left: 64.7%;
		width: 8%;
		height: 18%;
		display: block;
		min-height: 130px;
		position: absolute;
	}
	/*Responsive*/
	#amacice {
		background-image: url(../img/servicios/amacicee.png);
		/* top: -18.8%; */
		top: 38%;
		left: 75.4%;
		width: 8%;
		height: 18%;
		display: block;
		min-height: 130px;
		position: absolute;
	}
	#acarreo {
		background-image: url(../img/servicios/acarreoe.png);
		top: 43%;
		left: 33.2%;
		width: 8%;
		height: 18%;
		display: block;
		min-height: 130px;
		position: absolute;
	}
	#rezagado {
		background-image: url(../img/servicios/rezagadoe.png);
		top: 47.6%;
		left: 48.4%;
		width: 8%;
		height: 18%;
		display: block;
		min-height: 130px;
		position: absolute;
	}
	#sostenimiento {
		background-image: url(../img/servicios/sostenimientoe.png);
		top: 62.7%;
		left: 45.1%;
		width: 10%;
		height: 18%;
		display: block;
		min-height: 130px;
		position: absolute;
	}
	#barrenacion {
		background-image: url(../img/servicios/barrenacione.png);
		top: 44.5%;
		left: 64.95%;
		width: 8%;
		height: 18%;
		display: block;
		min-height: 130px;
		position: absolute;
	}
	#voladura {
		background-image: url(../img/servicios/voladurae.png);
		top: 60%;
		left: 61.7%;
		width: 8%;
		height: 18%;
		display: block;
		min-height: 130px;
		position: absolute;
	}
}

/* Tablets LandsCape and NetBookss */
@media screen and (min-width:980px) and (max-width:1200px) {
	#infografia {
		background-image: url(../img/servicios/infografia.png);
		background-repeat: no-repeat;
		background-size: contain;
		height: 560px;
	}

	#pueble {
		background-image: url(../img/servicios/pueblee.png);
		top: 26%;
		left: 18.8%;
		width: 8%;
		height: 18%;
		display: block;
		min-height: 130px;
		position: absolute;
	}
	/*Responsive*/
	#seguridad {
		background-image: url(../img/servicios/seguridade.png);
		top: 10%;
		left: 70.9%;
		width: 8%;
		height: 18%;
		display: block;
		min-height: 130px;
		position: absolute;
	}
	/*Responsive*/
	#ventilacion {
		background-image: url(../img/servicios/ventilacione.png);
		top: 30%;
		left: 48.2%;
		width: 8%;
		height: 18%;
		display: block;
		min-height: 130px;
		position: absolute;
	}
	/*Responsive*/
	#supervision {
		background-image: url(../img/servicios/supervisione.png);
		top: 25%;
		left: 64.7%;
		width: 8%;
		height: 18%;
		display: block;
		min-height: 130px;
		position: absolute;
	}
	/*Responsive*/
	#amacice {
		background-image: url(../img/servicios/amacicee.png);
		/* top: -18.8%; */
		top: 38%;
		left: 75.4%;
		width: 8%;
		height: 18%;
		display: block;
		min-height: 130px;
		position: absolute;
	}
	#acarreo {
		background-image: url(../img/servicios/acarreoe.png);
		top: 43%;
		left: 33.2%;
		width: 8%;
		height: 18%;
		display: block;
		min-height: 130px;
		position: absolute;
	}
	#rezagado {
		background-image: url(../img/servicios/rezagadoe.png);
		top: 47.6%;
		left: 48.4%;
		width: 8%;
		height: 18%;
		display: block;
		min-height: 130px;
		position: absolute;
	}
	#sostenimiento {
		background-image: url(../img/servicios/sostenimientoe.png);
		top: 62.7%;
		left: 45.1%;
		width: 10%;
		height: 18%;
		display: block;
		min-height: 130px;
		position: absolute;
	}
	#barrenacion {
		background-image: url(../img/servicios/barrenacione.png);
		top: 44.5%;
		left: 64.95%;
		width: 8%;
		height: 18%;
		display: block;
		min-height: 130px;
		position: absolute;
	}
	#voladura {
		background-image: url(../img/servicios/voladurae.png);
		top: 60%;
		left: 61.7%;
		width: 8%;
		height: 18%;
		display: block;
		min-height: 130px;
		position: absolute;
	}
}

/* High Resolution*/
@media screen and (min-width:1201px) and (max-width:1400px) {
	#infografia {
		background-image: url(../img/servicios/infografia.png);
		background-repeat: no-repeat;
		background-size: contain;
		height: 710px;
	}

		#pueble {
		background-image: url(../img/servicios/pueblee.png);
		top: 26%;
		left: 18.8%;
		width: 8%;
		height: 18%;
		display: block;
		min-height: 130px;
		position: absolute;
	}
	/*Responsive*/
	#seguridad {
		background-image: url(../img/servicios/seguridade.png);
		top: 10%;
		left: 70.9%;
		width: 8%;
		height: 18%;
		display: block;
		min-height: 130px;
		position: absolute;
	}
	/*Responsive*/
	#ventilacion {
		background-image: url(../img/servicios/ventilacione.png);
		top: 30%;
		left: 48.2%;
		width: 8%;
		height: 18%;
		display: block;
		min-height: 130px;
		position: absolute;
	}
	/*Responsive*/
	#supervision {
		background-image: url(../img/servicios/supervisione.png);
		top: 25%;
		left: 64.7%;
		width: 8%;
		height: 18%;
		display: block;
		min-height: 130px;
		position: absolute;
	}
	/*Responsive*/
	#amacice {
		background-image: url(../img/servicios/amacicee.png);
		/* top: -18.8%; */
		top: 38%;
		left: 75.4%;
		width: 8%;
		height: 18%;
		display: block;
		min-height: 130px;
		position: absolute;
	}
	#acarreo {
		background-image: url(../img/servicios/acarreoe.png);
		top: 43%;
		left: 33.2%;
		width: 8%;
		height: 18%;
		display: block;
		min-height: 130px;
		position: absolute;
	}
	#rezagado {
		background-image: url(../img/servicios/rezagadoe.png);
		top: 47.6%;
		left: 48.4%;
		width: 8%;
		height: 18%;
		display: block;
		min-height: 130px;
		position: absolute;
	}
	#sostenimiento {
		background-image: url(../img/servicios/sostenimientoe.png);
		top: 62.7%;
		left: 45.1%;
		width: 10%;
		height: 18%;
		display: block;
		min-height: 130px;
		position: absolute;
	}
	#barrenacion {
		background-image: url(../img/servicios/barrenacione.png);
		top: 44.5%;
		left: 64.95%;
		width: 8%;
		height: 18%;
		display: block;
		min-height: 130px;
		position: absolute;
	}
	#voladura {
		background-image: url(../img/servicios/voladurae.png);
		top: 60%;
		left: 61.7%;
		width: 8%;
		height: 18%;
		display: block;
		min-height: 130px;
		position: absolute;
	}
}

/* Extra High Resolution*/
@media screen and (min-width:1401px) and (max-width:1600px) {
	#infografia {
		background-image: url(../img/servicios/infografia.png);
		background-repeat: no-repeat;
		background-size: contain;
		height: 810px;
	}

	#pueble {
		background-image: url(../img/servicios/pueblee.png);
		top: 15.3%;
		left: 18.8%;
		width: 8%;
		height: 18%;
		display: block;
		min-height: 130px;
		position: absolute;
	}
	/*Responsive*/
	#seguridad {
		background-image: url(../img/servicios/seguridade.png);
		top: 15.3%;
		left: 70.9%;
		width: 8%;
		height: 18%;
		display: block;
		min-height: 130px;
		position: absolute;
	}
	/*Responsive*/
	#ventilacion {
		background-image: url(../img/servicios/ventilacione.png);
		top: 20%;
		left: 48.2%;
		width: 9%;
		height: 18%;
		display: block;
		min-height: 130px;
		position: absolute;
	}
	/*Responsive*/
	#supervision {e
		background-image: url(../img/servicios/supervisione.png);
		top: 30%;
		left: 62.7%;
		width: 9%;
		height: 18%;
		display: block;
		min-height: 130px;
		position: absolute;
	}
	/*Responsive*/
	#amacice {
		background-image: url(../img/servicios/amacicee.png);
		/* top: -18.8%; */
		top: 38.8%;
		left: 76.4%;
		width: 8%;
		height: 18%;
		display: block;
		min-height: 130px;
		position: absolute;
	}
	#acarreo {
		background-image: url(../img/servicios/acarreoe.png);
		top: 43%;
		left: 33.2%;
		width: 8%;
		height: 18%;
		display: block;
		min-height: 130px;
		position: absolute;
	}
	#rezagado {
		background-image: url(../img/servicios/rezagadoe.png);
		top: 43.6%;
		left: 48.4%;
		width: 8%;
		height: 18%;
		display: block;
		min-height: 130px;
		position: absolute;
	}
	#sostenimiento {
		background-image: url(../img/servicios/sostenimientoe.png);
		top: 61.7%;
		left: 45.1%;
		width: 10.5%;
		height: 18%;
		display: block;
		min-height: 130px;
		position: absolute;
	}
	#barrenacion {
		background-image: url(../img/servicios/barrenacione.png);
		top: 50.5%;
		left: 64.95%;
		width: 9.5%;
		height: 18%;
		display: block;
		min-height: 130px;
		position: absolute;
	}
	#voladura {
		background-image: url(../img/servicios/voladurae.png);
		top: 65%;
		left: 61.7%;
		width: 8%;
		height: 18%;
		display: block;
		min-height: 130px;
		position: absolute;
	}
}

.encuesta {
	width: 95%;
	margin: 0 auto;
	overflow: inherit !important;
}

.encuesta label {
	line-height: 24px;
	cursor: pointer;
}

.encuesta .column {
	float: none !important;
	clear: both !important;
	display: inline-block;
}

/* CheckBox */

.checkbox {
	width: 16px;
	margin: 0 4px;
	position: relative;
	display: inline-block;
}

.checkbox label {
	cursor: pointer;
	position: absolute;
	width: 16px;
	height: 16px;
	top: -13px;
	border-radius: 3px;
	-webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
	box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
	background: #fcfff4;
	background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead', GradientType=0);
	padding-left: 0px !important;
}

.checkbox label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	content: '';
	position: absolute;
	width: 7px;
	height: 3px;
	background: transparent;
	top: 4px;
	left: 3px;
	border: 3px solid #F1631A;
	border-top: none;
	border-right: none;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.checkbox label:hover::after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.5;
}

.checkbox input[type=checkbox]:checked+label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

/* RadioBtn */

.radio {
	width: 16px;
	height: 16px;
	background: #fcfff4;
	background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead', GradientType=0);
	margin: 0 0 0 4px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	-webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
	box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
	position: relative;
	display: inline-block;
	top: 3px;
}

.radio label {
	cursor: pointer;
	position: absolute;
	width: 12px;
	height: 12px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	left: 2px;
	top: 2px;
	-webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 1);
	-moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 1);
	box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 1);
	/*background: -webkit-linear-gradient(top, #222 0%, #45484d 100%);
	background: -moz-linear-gradient(top, #222 0%, #45484d 100%);
	background: -o-linear-gradient(top, #222 0%, #45484d 100%);
	background: -ms-linear-gradient(top, #222 0%, #45484d 100%);
	background: linear-gradient(top, #222 0%, #45484d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr='#45484d',GradientType=0 );*/
	padding-left: 0px !important;
}

.radio label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	content: '';
	position: absolute;
	width: 8px;
	height: 8px;
	background: #F1631A;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	top: 1px;
	left: 2px;
	-webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
	box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
}

.radio label:hover::after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.3;
}

.radio input[type=radio]:checked+label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

.item {
	padding: 15px;
	margin: 5px;
	background-color: rgba(0, 0, 0, 0.5);
	border-radius: 5px;
	width: 185px;
	display: inline-block;
}

.item span.title {
	font-size: 12pt;
	font-weight: bold;
}

.item hr.title {
	margin: 0 0 11px 0;
}

#graphs {
	width: 100%;
	height: 86%;
	overflow: auto;
	background-color: #FFF;
	color: #000;
}

.graphics {
	width: 750px;
	height: 300px;
	display: inline-block;
}

.graphicsvalues {
	position: relative;
	margin: 0 auto;
	margin-bottom: 20px;
	width: 150px;
	font-size: 13pt;
}

.doughnutlegend div {
	width: 14px;
	height: 14px;
	display: -webkit-inline-box;
	float: left;
	margin-right: 8px;
	margin-top: 4px;
}

.doughnutlegend {
	list-style: none;
}

.graficosurvery {
	/*width:100%;
	height:70%;
	float:left;*/
	margin-bottom: 20px;
	margin-left: -30px;
}

.graficosurvery svg text {
	font-family: GothamBlack !important;
}

#print {
	display: none;
}