.contenidoCol{
	margin-top: 77px;
	text-align: center;
}
.contenidoCol1{
	background-color: transparent;
	text-align: left;
	display: inline-block;
	width: 70%;
}

.contenidoColumna{
	float:left;
	width: 80%;
}
.contenidoColumna2{
	width:20%;
}
.subrayado{
	text-decoration:underline;
}
.misDatos{
	text-align:center;
	background:#f6a82860;
	color: #333;
	margin-bottom:20px;
    padding: 10px;
}
.misDatosColumna{
	background-color: transparent;
	text-align: left;
	display: inline-block;
	width: 30%;
	margin-left:20px;
}
.misDatosColumna5{
	background-color: transparent;
	text-align: left;
	display: inline-block;
	width: 20%;
	margin-left:20px;
}

.tabMisTramites{
    float: left;
    padding: 10px 30px;
    border: 3px solid #f7a800;
    border-top: 10px solid #f7a800;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    margin-right: 15px;
    margin-bottom: -3px;
}

.tabMisTramites:hover{
	background-color:#f6a82860;
}

.tabActiva{
	background-color:#f6a828;
	color:#ffffff;
    border-bottom:4px solid #F9F9F9;
}

.tabActiva:hover{
	color:#7c778c;
}

div#formListadoExpediente\:tablaDoc{
 	border: 3px solid #f7a800;
   	border-top-right-radius: 10px;
   	border-bottom-right-radius: 10px;
   	border-bottom-right-radius: 10px;
}

.contenidoCol2{
	background-color: transparent;
	text-align: left;
	display: inline-block;
	width: 50%;
}
.enlacesInteresBox {
    float: left;
    text-align: center;
    width: 14%;
    min-width: 160px;
    height: 205px;
    border-radius: 7.7px;
    box-shadow: 0 0 15px 0 #e1e4ed;
    background-color: #ffffff;
    margin-left: 30px;
    margin-top: 36px;
}

.enlacesInteresBox img {
	max-width: 70%;
}

.enlacesInteresImg {
	height: 75px;
	vertical-align: middle;
    display: table-cell;
}

.enlacesInteresEnlace {
	font-size: 13px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.29;
	letter-spacing: normal;
	text-align: center;
	color: #f7a800;
}

.enlacesInteresBoxLine {
	margin-top: 3px;
    margin-bottom: 36px;
    display: inline-flex;
    width: 29.8px;
    height: 1.8px;
    border-radius: 1.5px;
    background-color: #f7a800;
}

.mensaje {
	float: left;
	max-width: 92%;
	border-radius: 10px;
	box-shadow: 0 2px 44px 0 rgba(0, 0, 0, 0.14);
	background-color: #ffffff;
	padding: 20px;
}

.contenidoButtonBox{
	margin-top: 25px;
	width: 190px;
}

.contenidoButtonBox2{
	margin-top: 25px;
	width: 185px;
}

.contenidoButton {	
	width: 190px;
}

.mensajeContent {
	max-height: 431px;
	overflow-y: scroll;
	padding: 22px; 
}

.tramitesBox {
	float: left;
    width: 46%;
    min-height: 248px;
	border-radius: 10px;
	box-shadow: 0 0 20px 0 #e1e4ed;
	background-color: #ffffff;
	margin: 11px;
}

.tramitesBoxSecond {
	margin-top: 30px;
}

.tramitesBox:hover  {
  box-shadow: 0 0 20px 0 rgba(104, 82, 237, 0.8);
  background-image: linear-gradient(36deg, #f7a700 26%, #e0870b);
}

.tramitesBox:hover span  {
  color: #ffffff !important;
  text-shadow: none;
}

.tramitesBox:hover .tramitesBoxLine  {
	background-color: transparent;
}

.tramitesBoxLine {
    height: 17px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-color: #f7a800;
}

.tramitesBoxContent {
	display: inline-block;
	padding: 15px;
}

#onhoverShape {
  display: none;
}

#surroundShape:hover img[id="initialShape"] {
  display: none;
}

#surroundShape:hover img[id="onhoverShape"] {
  display: block;
}

#onhoverSavings {
  display: none;
}

#surroundSavings:hover img[id="initialSavings"] {
  display: none;
}

#surroundSavings:hover img[id="onhoverSavings"] {
  display: block;
}

#onhoverAccept {
  display: none;
}

#surroundAccept:hover img[id="initialAccept"] {
  display: none;
}

#surroundAccept:hover img[id="onhoverAccept"] {
  display: block;
}

#onhoverWriting{
  display: none;
}

#surroundWriting:hover img[id="initialWriting"] {
  display: none;
}

#surroundWriting:hover img[id="onhoverWriting"] {
  display: block;
}

#onhoverOthers {
  display: none;
}

#surroundOthers:hover img[id="initialOthers"] {
  display: none;
}

#surroundOthers:hover img[id="onhoverOthers"] {
  display: block;
}
#onhoverDerechos {
  display: none;
}

#surroundDerechos:hover img[id="initialDerechos"] {
  display: none;
}

#surroundDerechos:hover img[id="onhoverDerechos"] {
  display: block;
}

#onhoverDocument {
  display: none;
}

#surroundDocument:hover img[id="initialDocument"] {
  display: none;
}

#surroundDocument:hover img[id="onhoverDocument"] {
  display: block;
}

#onhoverManager {
  display: none;
}

#surroundManager:hover img[id="initialManager"] {
  display: none;
}

#surroundManager:hover img[id="onhoverManager"] {
  display: block;
}

#onhoverBuilding {
  display: none;
}

#surroundBuilding:hover img[id="initialBuilding"] {
  display: none;
}

#surroundBuilding:hover img[id="onhoverBuilding"] {
  display: block;
}

#onhoverDesktopMonitor {
  display: none;
}

#surroundDesktopMonitor:hover img[id="initialDesktopMonitor"] {
  display: none;
}

#surroundDesktopMonitor:hover img[id="onhoverDesktopMonitor"] {
  display: block;
}

#onhoverCanalDPD {
  display: none;
}

#surroundCanalDPD:hover img[id="canalDPD:initialCanalDPD"] {
  display: none;
}

#surroundCanalDPD:hover img[id="onhoverCanalDPD"] {
  display: block;
}

#onhoverCanalDPD2 {
  display: none;
}

#surroundCanalDPD2:hover img[id="canalDPD:initialCanalDPD2"] {
  display: none;
}

#surroundCanalDPD2:hover img[id="onhoverCanalDPD2"] {
  display: block;
}

#onhoverCredit {
  display: none;
}

#surroundCredit:hover img[id="initialCredit"] {
  display: none;
}

#surroundCredit:hover img[id="onhoverCredit"] {
  display: block;
}

#onhoverSpeaker {
  display: none;
}

#surroundSpeaker:hover img[id="initialSpeaker"] {
  display: none;
}

#surroundSpeaker:hover img[id="onhoverSpeaker"] {
  display: block;
}

#onhoverPactoDigital {
  display: none;
}

#pactoDigital:hover img[id="pactoDigital:initialPactoDigital"] {
  display: none;
}

#pactoDigital:hover img[id="onhoverPactoDigital"] {
  display: block;
}

#onhoverRubber {
  display: none;
}

#surroundRubber:hover img[id="initialRubber"] {
  display: none;
}

#surroundRubber:hover img[id="onhoverRubber"] {
  display: block;
}

#onhoverContent {
  display: none;
}

#surroundContent:hover img[id="initialContent"] {
  display: none;
}

#surroundContent:hover img[id="onhoverContent"] {
  display: block;
}

#onhoverLive {
  display: none;
}

#surroundLive:hover img[id="initialLive"] {
  display: none;
}

#surroundLive:hover img[id="onhoverLive"] {
  display: block;
}

#onhoverSi {
  display: none;
}

#surroundSi:hover img[id="initialSi"] {
  display: none;
}

#surroundSi:hover img[id="onhoverSi"] {
  display: block;
}

#onhoverNo {
  display: none;
}

#surroundNo:hover img[id="initialNo"] {
  display: none;
}

#surroundNo:hover img[id="onhoverNo"] {
  display: block;
}

#onhoverDepende {
  display: none;
}

#surroundDepende:hover img[id="initialDepende"] {
  display: none;
}

#surroundDepende:hover img[id="onhoverDepende"] {
  display: block;
}

#onhoverEncargado {
  display: none;
}

#surroundEncargado:hover img[id="initialEncargado"] {
  display: none;
}

#surroundEncargado:hover img[id="onhoverEncargado"] {
  display: block;
}

#onhoverResponsable {
  display: none;
}

#surroundResponsable:hover img[id="initialResponsable"] {
  display: none;
}

#surroundResponsable:hover img[id="onhoverResponsable"] {
  display: block;
}

.tramitesBoxTitle {
	float: left;
    font-size: 22px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.23;
    letter-spacing: normal;
    color: #5e5797;
    margin: 15px 0px 11px 0px;
    width: 100%;
}

.tramitesBoxText {
	float: left;
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.5;
	letter-spacing: normal;
	color: #716c80;
}

.tramiteBox {
	float: left;
    width: 27%;
    min-height: 200px;
	border-radius: 10px;
	box-shadow: 0 0 20px 0 #e1e4ed;
	background-color: #ffffff;
	margin: 11px;
}
.tramiteBoxNBS {
	float: left;
    width: 35%;
    min-height: 200px;
	border-radius: 10px;
	box-shadow: 0 0 20px 0 #e1e4ed;
	background-color: #ffffff;
	margin: 11px;
}
.tramiteBoxLine {
    height: 14.8px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-color: #f7a800;
}
.tramiteBoxLineEntity {
    background-color: #554d89 !important;
}

.tramiteBoxTitle {
	float: left;
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.23;
    letter-spacing: normal;
    color: #5e5797;
    margin: 15px 0px 11px 0px;
    width: 100%;
}

.tramiteBoxOptionText {
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.36;
  letter-spacing: normal;
  color: #7c778c;
}

.tramiteBox:hover  {
  box-shadow: 0 0 20px 0 rgba(104, 82, 237, 0.8);
  background-image: linear-gradient(36deg, #f7a700 26%, #e0870b);
}

.tramiteBoxEntity:hover  {
  background-image: linear-gradient(36deg, #554d89 26%, #554d89) !important;
}

.tramiteBox:hover span  {
  color: #ffffff !important;
  text-shadow: none;
}

.tramiteBoxNBS:hover span  {
  color: #ffffff !important;
  text-shadow: none;
}


.tramiteBox:hover .tramiteBoxLine  {
	background-color: transparent;
}

.otrosServiciosBox {
	float: left;
	width: 46%;
    min-height: 237px;
	margin: 11px;
}

.otrosServiciosBoxContent {
	display: inline-block;
	padding: 0px 20px 20px 20px;
}

.otrosServiciosBoxTitle {
	float: left;
	max-width: 84%;
	font-size: 18px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.39;
	letter-spacing: normal;
	color: #716cb1;
    margin: 0px 0px 11px 11px;
    width: 100%;
}

.otrosServiciosBoxText {
	float: left;
	font-size: 15px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.67;
	letter-spacing: normal;
	color: #7c778c;
}
.tableHeader {
	display: inline-flex;
    width: 100%;
}
.tableHeaderColumn {
    margin: 20px 20px 0px 20px;
	letter-spacing: 0.5px;
	color: #4c4c4c;
}
.tableBodyColumn {
    margin: 20px;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0.5px;
	color: #4c4c4c;
}

.tableBodyColumnSmall {
	font-size: 13px;
	letter-spacing: 0.41px;
	font-weight: 600;
	line-height: normal;
}

.tableBody {
	display: inline-flex;
	width: 100%;
	border-radius: 10px;
	box-shadow: 0 2px 44px 0 rgba(0, 0, 0, 0.17);
	background-color: #ffffff;
}
.tableBodyDimensions {
	padding: 16px;
	max-width: 460px;
	align-items: center;
}
.breadElem {
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #e68f08;
}
.breadElemLast {
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #4c4c4c;
}

.tablaCol {
	padding: 10px !important;
	border-style:none !important;
	text-align:left !important;
}
.tablaCol27 {
	width:27%;
}
.tablaCol19 {
	width:19%;
}
.tablaCol18 {
	width:18%;
}
.tablaCol13 {
	width:13%;
}
.tablaCol11 {
	width:11%;
}

.sugerenciasBox {
	width: 45em;
}

@media only screen and (max-width: 1255px) {
	.contenidoCol{
		margin-top: 60px;
	}
	.contenidoCol1{
		width: 100%;
	}
	.contenidoButtonBox {
		width: 100%;
	}
	.contenidoButtonBox2 {
		width: 100%;
	}
	.contenidoButton {	
		width: 150px;
	}
}

@media only screen and (max-width: 600px) {
	.tramitesBox {
	    width: 92%;
	}
	.tramiteBox {
	    width: 92%;
	}
	.otrosServiciosBox {
	    width: 92%;
	}
	.tableHeader {
		display: none;
	}
	.tableBody {
		display: inline-block;
	}
	.contenidoButton {	
		width: 100% !important;
	}
	.sugerenciasBox {
		width: 20em;
	}
}