* {
     font-family:"Figtree", sans-serif;
}

#infoCubeIdName{
display:inline-block;
	background:#002633;
	width:150px;
	height:150px;
	color:white;
	font-size:24px;
	box-shadow: 0px 0px 20px #888888!important;
	padding:25px;
	padding-top:30px;
	text-align: center;
	vertical-align: top;
	margin-top: 35px;
	margin-left: 35px;
	margin-bottom: 25px;
}

#simpleInfoCubeInfo{
	display:none;
}
 #theImg{
 	width:80%;
	min-width:650px;
	display:inline-block;
 }
 
@media screen and (min-width: 1207px) {

	#theImg{
  		margin-top:30px;
  		margin-left:50px;
  		display:inline-block;
    }
   
   #paidRoadsTable{
   	margin-left:50px;
   	margin-top:30px;
   }
}

 #paidRoadsTable{
 	display:inline-block;

 }
 
 #paidRoadsTable th{
border-bottom: #000000 solid 1px;
	font-weight: bold;
	margin-right:25px;
	padding-right:25px;
 }

 
 tr:nth-child(even){
	background-color: #eeeeee;
}

tr:hover{
	background-color: #dddddd;
}
 
 /*!!!eismo info*/
 #eismoInfoImg{
 		margin-top:-5px;
 	 	width:140px;
 	 	 
 }
  #eismoInfoImg:hover{
 opacity:0.7;
 }
 .eismoInfoImg{
  	display: inline-block!important;
	font-size:14px;
 }
 .eismoInfoImgText
 {	display: inline-block!important;
	font-size:14px;
	position: relative;
    top: -10px;
 }
 
 .textImgEismoInfo{

 }
 
 #portlet_com_example_portlet_MainchoisemvcportletPortlet_INSTANCE_VsXGWR0ESVgi .mainChoiseContainer{
	height:75px;
}
#portlet_com_example_portlet_MainchoisemvcportletPortlet_INSTANCE_VsXGWR0ESVgi .mainChoise{
	height:75px;
}
.mainChooseIcon, .findTruckVinette, .menuIcon, .loginIcon, .paidRoads, .sellPoints , .userCharge{
	width:45px; 
	margin-bottom:0px;
}
.mainChooseIcon:hover, .findTruckVinette:hover, .menuIcon:hover, .loginIcon:hover, .paidRoads:hover,  .sellPoints:hover, .userCharge:hover{
	width:45px; 
	margin-bottom:0px;
}


.mainChoise {
    margin-left: 15px;
    margin-right: 15px;
    display: inline;
    padding-top: 5px;
    height: 75px;
    max-width: 240px;
    width: 25%;
    text-align: center;
    transition: width,background,0.1s,0.2s;
    transition-timing-function: ease-in;
    transition-delay: .1s;
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    background: #1D1B1D;
}


.secondaryMainChoise{	

	margin-left:15px;
	margin-right:15px;
 	display: inline;
	padding-top: 30px;
	height: 70px;
	max-width:240px;
	width: 20%;
	text-align: center;
	transition: width, background, 0.1s, 0.2s;
	transition-timing-function: ease-in;
	transition-delay: 0.1s;
	color: #ffffff;
	font-weight:500;
	font-size:14px;
    background: #D55713;

}


.secondaryMainChoise:hover{
	color:#ffffff;
	background: #565656;
	transition: background, color, 0.1s;
	transition-timing-function: ease-in;
	cursor: pointer;
}


.secondaryChoiseContainer {
    width: 100%;
    min-width: 830px;
    padding-bottom: 55px;
    height: 70px;
    position: relative;
    left: 0;
    top: 0;
    padding: 0!important;
    display: flex;
    font-size: 13px;
    background: #d55713;
    right: 0;
    margin-top: 0;
}
.mainChooseIcon, .findTruckVinette, .menuIcon, .loginIcon {
    width: 45px;
    margin-bottom: 0px;
}

 #paidsRoads{
 	background: #D55713!important;
 }
 
 
 
@media screen and (max-width:860px) {

#portlet_com_example_portlet_MainchoisemvcportletPortlet_INSTANCE_VsXGWR0ESVgi .mainChoiseContainer,
#portlet_com_example_portlet_PaidroadslistmvcportletPortlet_INSTANCE_qPaCwDKeU5Cr .mainChoiseContainer {
    height: 50px;
}
#portlet_com_example_portlet_MainchoisemvcportletPortlet_INSTANCE_VsXGWR0ESVgi .mainChoise,
#portlet_com_example_portlet_PaidroadslistmvcportletPortlet_INSTANCE_qPaCwDKeU5Cr .mainChoise {
    height: 50px;
}

.logo {
    	margin-left: 15px;
	}


	.mainChooseText{
		display: none;
	}
	#infoCubeIdName{
		display:none;
	}
	#simpleInfoCubeInfo{
		display:block;
	}
	#paidRoadsTable{

		margin: auto;
		padding:7px!important;
	}
	
	#theImg {
    	min-width: 280px;
    	width: 100%;
   		margin-bottom: 30px;
   	}
   	body {
    	min-width: 320px;
	}
	
	
	.mainChoiseContainer {
   		min-width: 320px;
	}
	.mainChoiseContainer img {
   		max-width: 50px;
   		margin-top:-3px!important;
	}
	
	.footerTexts{
		font-size:12px;
		margin:10px;
	}
	.mainChoise {
  	  	margin-left: auto!important;
    	margin-right: auto!important;
    }
}



@media screen and (max-width:860px) {

#portlet_com_example_portlet_MainchoisemvcportletPortlet_INSTANCE_YtjsmgLXlB6q .mainChoiseContainer,
#portlet_com_example_portlet_MainchoisemvcportletPortlet_INSTANCE_3MtvamqQgR1y .mainChoiseContainer{
    height: 50px;
}
#portlet_com_example_portlet_MainchoisemvcportletPortlet_INSTANCE_YtjsmgLXlB6q .mainChoise,
#portlet_com_example_portlet_MainchoisemvcportletPortlet_INSTANCE_3MtvamqQgR1y .mainChoise{
    height: 50px;
}

	.logo {
    	margin-left: 15px;
	}


	.mainChooseText{
		display: none;
	}
	#infoCubeIdName{
		display:none;
	}
	#simpleInfoCubeInfo{
		display:block;
	}
	#paidRoadsTable{

		margin: auto;
		padding:7px!important;
	}
	
	#theImg {
    	min-width: 280px;
    	width: 100%;
   		margin-bottom: 30px;
   	}
   	body {
    	min-width: 320px;
	}
	
	
	.mainChoiseContainer {
   		min-width: 320px;
	}
	.mainChoiseContainer img {
   		max-width: 50px;
   		margin-top:-3px!important;
	}
	
	.footerTexts{
		font-size:12px;
		margin:10px;
	}
	.mainChoise {
  	  	margin-left: auto!important;
    	margin-right: auto!important;
    }
	
	
}

#paidRoadsTable td{
	padding-right:5px;
}

#mapAndTable {
	display: inline-block;
	text-align: center;
}

#paidRoadsTable {
	text-align: left;
}

#mapTitle {
	font-weight: bold;
	font-size: 20px;
	margin-top: 35px;
}