@import url("http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700,400italic");
@import url(http://fonts.googleapis.com/css?family=Lato);


html {
        -webkit-font-smoothing: antialiased !important;
        -moz-osx-font-smoothing: grayscale;
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTJBQkFGRUZFOTIyMTFFMEJDRDNEQzkxOTVGOTNBODAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTJBQkFGRjBFOTIyMTFFMEJDRDNEQzkxOTVGOTNBODAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5MkFCQUZFREU5MjIxMUUwQkNEM0RDOTE5NUY5M0E4MCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5MkFCQUZFRUU5MjIxMUUwQkNEM0RDOTE5NUY5M0E4MCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtrV+I8AAAAQSURBVHjaYvj//z8DQIABAAj8Av7bok0WAAAAAElFTkSuQmCC',sizingMethod=crop);
        zoom: 1;
}

h1, h2, h3, h4, h5, h6, p, li, td {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTJBQkFGRUZFOTIyMTFFMEJDRDNEQzkxOTVGOTNBODAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTJBQkFGRjBFOTIyMTFFMEJDRDNEQzkxOTVGOTNBODAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5MkFCQUZFREU5MjIxMUUwQkNEM0RDOTE5NUY5M0E4MCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5MkFCQUZFRUU5MjIxMUUwQkNEM0RDOTE5NUY5M0E4MCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtrV+I8AAAAQSURBVHjaYvj//z8DQIABAAj8Av7bok0WAAAAAElFTkSuQmCC',sizingMethod=crop);
  zoom: 1;
}


/*for testing purpose */
.body-trans {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: black;
	'background-color: #036;
    'padding:20px 0 20px 0; /* check why this isn't working .. remove comment later */
   	position:relative;
    background: url("../imgweb/andorra-bkgrnd.png");
        
}
.fondoPagina-trans {
	'background-color: #FFF;
    box-shadow: inset 0 0px 10px #f0f0f0,0 0 10px #999;
    margin-top:20px;   /* this margin is because of the above body declaration not working */
   -webkit-border-radius: 7px 7px 7px 7px;
   -moz-border-radius:7px 7px 7px 7px;
   -ms-border-radius: 7px 7px 7px 7px;
    border-radius:7px 7px 7px 7px;
}

/* end of testing */

#menuSuperior {
  font-family: 'Source Sans Pro', sans-serif; font-weight: 400; color: #444;
}

#menuSuperior a { padding: 5px 5px 0px 10px; }


.box-useful-info-adjust {
    width: 97% !important;
    margin-left: 2px !important;
}

.box-adjust-height {
    /*    height:651px;*/
    /*  height:585px; */
    height:532px;
}
.box2-top {
    /*height: 475px !important; */
    height: 400px !important; 
}
.box2-bottom {
    width: 278px !important;
    margin-left: -12px !important;
    /*height: 148px !important; */
    height: 167px !important;
    margin-top: 3px !important;
}
.adjustspacing {
    padding-top:25px;
}

.adjustspacing-1 {
    /* padding-top: 11px; */
    margin-top:-10px;
}

.align-center {
    text-align: center;
}

.col1-box-bottom {
    color: #00B748;
    font-weight: bold;
    /*    font-family: "Yanone Kaffeesatz", serif; */
    width: 272px !important;
    left: -24px;
    top: 11px;
    font-size: 15px;
    height:38px;
    text-align:center;   
}
.col3-box-bottom {
    color: #00B748;
    font-weight: bold;
    /*font-family: "Yanone Kaffeesatz", serif; */
    width: 272px !important;
    left: -24px;
    top: -9px;
    font-size: 15px;    
    height: 33px;
    text-align:center;
}

.webcam {
    margin-top: -15px;
    margin-left: -5px;
}
.webcamimg {
    margin-left:-5px;
    width: 55%;
    height: 100%;
}

#useful-information {
    padding-top: 67px;
}


.drop-shadow {
    position: relative;
    float: left;
    width:90%;
    padding: 1em;
    margin: 15px 2px 2px 12px;  /* 15px 10px 2px 4px; */
    background-color: #fff;

    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6), 0 0 10px rgba(255, 255, 255, 0.9) inset;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6), 0 0 10px rgba(255, 255, 255, 0.9) inset;
    -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6), 0 0 10px rgba(255, 255, 255, 0.9) inset;
    -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6), 0 0 10px rgba(255, 255, 255, 0.9) inset;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6), 0 0 10px rgba(255, 255, 255, 0.9) inset;
   
   /* -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 20px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 20px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 20px rgba(0, 0, 0, 0.1) inset;
    */
}

.drop-shadow:before,
.drop-shadow:after {
    content: "";
    position: absolute;
    z-index: -9999;
}
.curve:before {
    top: 0;
    bottom: 0;
    left: 0;
    right: 50%;

     -webkit-box-shadow:  0px 0px 30px rgba(0, 0, 0, 0.6);
     -moz-box-shadow: 0 0 15px rgba(0,0,0,0.6);
     box-shadow: 0 0 15px rgba(0,0,0,0.6);
     -webkit-border-radius: 10px / 100px;
     -moz-border-radius: 10px / 100px;
     border-radius: 10px / 100px;/**/
}

.curve-hz-2:before {
    top: 0;
    bottom: 0;
    left: 10px;
    right: 10px;
    -webkit-border-radius: 100px / 10px;
    -moz-border-radius: 100px / 10px;
    border-radius: 100px / 10px;
}

.curve3:before {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0%;

    -webkit-box-shadow:  0px 0px 30px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 0 0 15px rgba(0,0,0,0.6);
    box-shadow: 0 0 15px rgba(0,0,0,0.6);

    -webkit-border-radius: 100px / 10px;
    -moz-border-radius: 100px / 10px;
    border-radius: 100px / 10px;
}

.curve5:before {
    top: 10%;
    bottom: 10%;
    left: 0;
    right: 0;

    -webkit-box-shadow:  0px 0px 30px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 0 0 15px rgba(0,0,0,0.6);
    box-shadow: 0 0 15px rgba(0,0,0,0.6);

    -webkit-border-radius: 100px / 10px;
    -moz-border-radius: 100px / 10px;
    border-radius: 100px / 10px;
    /*
    -webkit-border-radius: 10px / 100px;
    -moz-border-radius: 10px / 100px;
    border-radius: 10px / 100px;/*/
}
/* button effect : author :srinivas/sunny */
a.srieffect {
	overflow: hidden;
	font-size: 18px;
	color: #FFF;
	background-color: #F60;
	line-height: 30px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	display: inline-block;
	width: 250px;

    background: -webkit-linear-gradient( 175deg, #cc5200 0%, #e65c00 25%, #ff6600 50%, #e65c00 60%, #cc5200 100%);
    background: -moz-linear-gradient( 175deg, #cc5200 0%, #e65c00 25%, #ff6600 50%, #e65c00 60%, #cc5200 100%);
    background-image: -ms-linear-gradient( 175deg, #cc5200 0%, #e65c00 25%, #ff6600 50%, #e65c00 60%, #cc5200 100%);
    background-image: -o-linear-gradient( 175deg, #cc5200 0%, #e65c00 25%, #ff6600 50%, #e65c00 60%, #cc5200 100%);
    background-image: linear-gradient( 175deg, #cc5200 0%, #e65c00 25%, #ff6600 50%, #e65c00 60%, #cc5200 100%);
    
/*
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F60), color-stop(.6, #F6921E), color-stop(.5, #e65c00), to(#cd5200));
    background: -moz-linear-gradient(top, #F60, #F6921E 50%, #e65c00 61%, #cd5200);
    background-image: -ms-linear-gradient(top, #FF6600 0%, #F6921E 50%, #E65C00 61%, #CD5200 100%);
    background-image: linear-gradient(to bottom, #FF6600 0%, #F6921E 50%, #E65C00 61%, #CD5200 100%);


   -webkit-box-shadow: 0 0 5px#888;
   -moz-box-shadow: 0 0 5px #888;
   -ms-box-shadow:0 0 4px #888;
	box-shadow: 0 0 5px #888;
*/    
}

a.srieffect span::before {
	position: absolute;
	top: 100%;
	/*left:46px; */	

	content: attr(data-hover);	
	display: inline-block;
	text-align: center;
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

a.srieffect span {
	position: relative;
	display: inline-block;
    background-color: #00B748;
    width: 100%;
	text-align: center;
	color:#fff;
	
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	-ms-transition: -moz-transform 0.3s;	
	transition: transform 0.3s;
    
    background: -webkit-linear-gradient(175deg, #008434 0%, #009e3e 25%, #00b748 50%, #009e3e 60%, #008434 100%);
    background: -moz-linear-gradient(175deg, #008434 0%, #009e3e 25%, #00b748 50%, #009e3e 60%, #008434 100%);
    background: -o-linear-gradient(175deg, #008434 0%, #009e3e 25%, #00b748 50%, #009e3e 60%, #008434 100%);
    background: -ms-linear-gradient(175deg, #008434 0%, #009e3e 25%, #00b748 50%, #009e3e 60%, #008434 100%);
    background: linear-gradient(175deg, #008434 0%, #009e3e 25%, #00b748 50%, #009e3e 60%, #008434 100%);
    
}

a.srieffect:hover span,
a.srieffect:focus span{
    /* try again a different 3d hover effect
    -webkit-box-shadow: 0 0 5px#888;
	-moz-box-shadow: 0 0 5px #888;
    -ms-box-shadow: 0 0 5px #888;
	box-shadow: 0 0 5px #888;
    */
   	color:#fff;
	background-color: #00B748;
    width: 100%; 	
   -webkit-transform: translateY(-100%);
   -moz-transform: translateY(-100%);
   -ms-transform: translateY(-100%);
	transform: translateY(-100%);
}

#shdw {
	position: relative;
    float: left;
    width: 936px;
    padding: 1em;
    background-color: #00B748;
   	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    margin-bottom:20px;
}

#shdw:before {
    top: 0;
    bottom: 0;
    -moz-border-radius: 100px / 10px;
    border-radius: 100px / 10px;
}
#shdw:before, #shdw:after {
    content: "";
    position: absolute;
    z-index: -2;
}

.info {
    'border-bottom: 1px solid #00B748;
    width:80%;
}
.info .grid_4 , .info .grid_3{
    text-align: center;
}
.info .grid_4 > span , .info .grid_3 > span{
    line-height: 2em;
    line-break: strict;
    display: block;
    text-align: match-parent;
}

/* useful-info -- driving directions */
.info div:nth-child(1) {

    margin-left: -20px;
}

/* useful-info -- piste maps */
.info div:nth-child(2) {
    'width:260px;
    margin-left: -20px;
}


/* useful-info -- driving directions */
.info div:nth-child(1) span {

    margin-left: -20px;
}

/* useful-info -- piste maps */
.info div:nth-child(2) span {
    'width:260px;
    margin-left: -20px;
}


.activity-image1 {  background: url("../imgweb/caldea-spa.jpg") no-repeat;
                    background-position: 50% 50%; background-size: cover;
                    height:150px; width:200px;border: 1px solid #F60
 }
.activity-image2 { background: url("../imgweb/tobotronc4.jpg")  no-repeat;
                   background-position: 50% 50%; background-size: cover;
                   height:150px; width:350px; border: 1px solid #F60;
}
.activity-image3 { background: url("../imgweb/Iglu-hotel.jpg") no-repeat;
                   background-position: 50% 50%; background-size: cover;
                   height:150px; width:200px;border: 1px solid #F60;
}

.grid_311 { width:220px;display: inline;float: left;margin-left: 10px;              }
.grid_411 { width:440px !important; padding-left: 55px;display: inline;float: left; }
.grid_511 { margin-left: -30px;width: 140px;display: inline;float: left;            }

.grid_311 span {
    line-height: 2em;
    display: block;
    padding-left: 50px;
    padding-top:10px;
}
.grid_411 span {
    line-height: 2em;
    display: block;
    padding-left: 35px;
    padding-top:10px;
}
.grid_511 span {
    line-height: 2em;
    display: block;
    padding-left: 40px;
    width: 200px;
    padding-top:10px;
}

.ac-andorra-property { padding-top: 22px !important; text-align:justify; }
.ac-servissim        { padding-top: 10px !important; text-align:justify; }
.ac-andorra-business { padding-top: 27px !important; text-align:justify; }

.grid_ac-andorra-property { float:left; }
.grid_ac-servissim        { float:left;padding-left:40px;  }
.grid_ac-andorra-business { float:left;padding-left:40px;  }

.rentalcars-img { 
    'padding: 10px 0 0 50px;
    margin-left: 0px !important; 
}


.assoc-companies-4th-col {
    width: 240px !important;
    margin-left: -20px;
}
.search-para-subtext {
    padding-top: 10px;
    padding-bottom: 20px;
    color:#3E3EAE;
    font-size:14px !important;
    /*text-shadow: 0px 3px 8px #FFB17D; */
}

/* simple css3 animation.. */ 
a {
    -webkit-transition:0.5s;
    -moz-transition:0.5s;
    -o-transition:0.5s;
    -ms-transition:0.5s;
    transition:0.5s;
    transition-property:all;
}

a:hover {
    color : #008000;
    -webkit-transition:0.25s;
    -moz-transition:0.25s;
    -o-transition:0.25s;
    -ms-transition:0.25s;
    transition:0.25s;
    transition-property:all;
}


/* footer information .. delete if not required */

#color1{
    width:300px; float:left;
    -webkit-border-radius: 12px 0px 0px 0px;
    height:12px;
    background:#33cc00;
}
#color2{
    width:220px;
    height:9px;
    float:left;
    background:#cc0000;
}
#color3{
    width:140px;
    height:9px;
    float:left;
    background:#007fff;
}
#color4{
    width:100px;
    height:9px;
    float:left;
    background:#800080;
}
#color5{
    width:60px;
    height:9px;
    float:left;
    background:#e97451;
}
#color6{
    width:50px;
    height:9px;
    float:left;
    background:#cc9900;
}
#color7{
    width:50px;
    height:9px;
    float:left;
    background:#ace1af;
}
#color8{
    width:25px;
    height:9px;
    float:left;
    background:#edc9af;
}
#color9{
    width:15px;
    height:9px;
    float:left;
    -webkit-border-radius: 0px 12px 0px 0px;
    background:#e6e8fa;
}
#color11{
    width:300px; 
    float:left;
    height:9px;
    background:#33cc00;
}
#color91{
    width:15px;
    height:9px;
    float:left;
    background:#e6e8fa;
}
#footer-div {
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    height:40px;
    position: absolute;
}

.footer-sitemap {
    'height:100%;
    background-color:#00B748;
}

.footer-sitemap ul {
    text-decoration: none;
    text-decoration-style: none;
    list-style-type: none;
    text-align: left;
}
.footer-sitemap ul b {
    font-size:11px;
    font-weight:bold;
}
.footer-sitemap ul li {
    margin-left:0px;
    font-size:10px;
    line-height: 20px;
    color:#FFE1F0;
    font-weight:normal;
}

.footer-menu {
    margin-top: -15px;
    z-index: 10;
    margin-left: 67px; '18px;
}
.footer-menu a {
    padding-left: 20px;
    border-left: 1px solid #ace1af;
    text-align: center;
    margin-right: 30px !important;
    font-size:13px !important;
    font-family: "Source Sans Pro";
    color : #fff;
}

.footer-menu a:hover {
    color : #6A0600;
}

.footer-sitemap a       { color:#FFE1F0;   font-size:10px !important; }
.footer-sitemap a:hover { color:#FFE6EF !important; }

.copyright-text {
    font-size:11px !important;
    font-family: "Source Sans Pro";
    margin-left: -125px !important;
    margin-top: -5px;
}
.footer-menu a:nth-child(1) {
    border-left:none;
}

#footer-section {
    background-color: #00B748;
    height: 50px;
    font-size: 12px;
    line-height: 25px;
    color: #FFF;
    text-align: center;
    padding-top: 20px;
    height: auto !important;
}

.seperator {
    border-top: 1px solid rgba(0, 0, 0, 0.2);
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    'margin:1.5em 0;
    height:2px;
}


.std-pricing-text {
    font-size: 14px;
    line-height: 1.6em;
    margin-bottom: 10px;
    color: #3E3EAE;
}
.color-orange:hover {
    color:#F60;
}

.color-blue {
    color: #3E3EAE;
}

.color-orange2 {
    color: #F60;
}

.age-bracket-padding {
    padding-bottom:12px;
}
.std-pricing-disclm {
    width:200px;border-top: 1px solid #00B748;padding-top:13px;
}

.txt-book-online {
    font-size:16px;
    text-decoration:  underline;
}

.std-title-font16{
    font-size:16px !important;
}

.std-font13{
    font-size:13px !important;
}
.std-title-font14{
    font-size:14px !important;
}

.std-subtitle-font12 {
    font-size:12px !important;
}
.blink_me1 {
    -webkit-animation: blink 3s linear infinite;
    -moz-animation: blink1 3s linear infinite;
    -o-animation: blink1 3s linear infinite;
    -ms-animation: blink1 3s linear infinite;
    animation: blink1 3s linear infinite;
}


@-webkit-keyframes blink1 {
    0% { color  : #F60; }
    25% { color  : #F60; }
    50% { color:  #00B748;}
    100% { color:  #00B748; }
}
@-moz-keyframes blink1 {
    0% { color  : #F60; }
    25% { color  : #F60; }    
    50% { color:  #00B748;}
    100% { color:  #00B748; }
}
@-o-keyframes blink1 {
    0% { color  : #F60; }
    25% { color  : #F60; }    
    50% { color:  #00B748;}
    100% { color:  #00B748; }
}
@-ms-keyframes blink1 {
    0% { color  : #F60; }
    25% { color  : #F60; }    
    50% { color:  #00B748;}
    100% { color:  #00B748; }
}
@keyframes blink1 {
    0% { color  : #F60; }
    25% { color  : #F60; }    
    50% { color:  #00B748;}
    100% { color:  #00B748; }
}


.blink_me2 {
    -webkit-animation: blink2 3s linear infinite;
    -moz-animation: blink2 3s linear infinite;
    -o-animation: blink2 3s linear infinite;
    -ms-animation: blink2 3s linear infinite;
    animation: blink2 3s linear infinite;
}


@-webkit-keyframes blink2 {
    0% { color:  #00B748;}
    25% { color:  #00B748; }
    50% { color :  #F60;   }
    100% {  color :  #F60; }
}
@-moz-keyframes blink2 {
    0% { color:  #00B748;}
    25% { color:  #00B748; }
    50% { color :  #F60;   }
    100% {  color :  #F60; }
}
@-o-keyframes blink2 {
    0% { color:  #00B748;}
    25% { color:  #00B748; }
    50% { color :  #F60;   }
    100% {  color :  #F60; }
}
@-ms-keyframes blink2 {
    0% { color:  #00B748;}
    25% { color:  #00B748; }
    50% { color :  #F60;   }
    100% {  color :  #F60; }
}
@keyframes blink2 {
    0% { color:  #00B748;}
    25% { color:  #00B748; }
    50% { color :  #F60;   }
    100% {  color :  #F60; }
}

.blink_me {
    -webkit-animation: blink 2s linear infinite;
    -moz-animation: blink 2s linear infinite;
    -o-animation: blink 2s linear infinite;
    -ms-animation: blink 2s linear infinite;
    animation: blink 2s linear infinite;
}

@-webkit-keyframes blink {
    0% { color  : #F60; }
    25% { color  : #F60; }
    50% { color :  #F60;}
    100% { color:  #00B748; }
}
@-moz-keyframes blink {
    0% { color  : #F60; }
    25% { color  : #F60; }    
    50% { color :  #F60;}
    100% { color:  #00B748; }
}
@-o-keyframes blink {
    0% { color  : #F60; }
    25% { color  : #F60; }    
    50% { color :  #F60;}
    100% { color:  #00B748; }
}
@-ms-keyframes blink {
    0% { color  : #F60; }
    25% { color  : #F60; }    
    50% { color :  #F60;}
    100% { color:  #00B748; }
}
@keyframes blink {
    0% { color  : #F60; }
    25% { color  : #F60; }    
    50% { color :  #F60;}
    100% { color:  #00B748; }
}

div.attacheuserdetails {
    height: 30px;
    line-height: 30px;
    background-color: #00B211;
    font-size: 14px;
    font-weight: bold;
    color:#cacfd2;
}

div.packdetails {
    float: left;
    width: 165px;
    padding-left: 5px;
    color: white;
    font-size: 14px;
    font-weight: bold;
    padding-top:5px;
}

div.attacheuserdetails .col2 {
    margin-right: 1px;
}

div.attacheuserdetails .col2, div.attacheuserdetails .col3, div.attacheuserdetails .col4 {
    float: right;  display:inline; text-align: left;
    width: 80px;
    color: white;
    text-align: center;
    font-size: 14px;
}

div.attacheuserdetails a {
    color :yellow !important;
    font-size: 14px;
}


.resorts-page-button {
    margin-top:42px;
}



a.resort-btn {
    overflow: hidden;
    font-size: 14px;
    color: #FFF;
    background-color: #F60;
    line-height: 30px;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    display: inline-block;
    width: 125px;
}

a.resort-btn span::before {
    position: absolute;
    top: 100%;
    left: 7px;

    content: attr(data-hover);
    display: inline-block;
    text-align: center;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

a.resort-btn span {
    position: relative;
    display: inline-block;
    background-color: #00B748;
    width: 125px;
    text-align: center;


    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    -ms-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
}

a.resort-btn:hover span,
a.resort-btn:focus span{

    background-color: #00B748;
    width: 125px;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
}

.hire-page-button {
   /* margin-top:10px; margin-left:-10px; */
    margin-left: -10px;
    margin-top: -35px;
    padding-left: 490px;
    margin-bottom: 20px;
}


a.ski-btn, a.ski-btn2 {
    overflow: hidden;
    font-size: 14px;
    color: #FFF;
    background-color: #F60;
    line-height: 30px;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    display: inline-block;
    width: 125px;
}

a.ski-btn span::before, a.ski-btn2 span::before {
    position: absolute;
    top: 100%;
    left: 10px;

    content: attr(data-hover);
    display: inline-block;
    text-align: center;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

a.ski-btn span, a.ski-btn2 span {
    position: relative;
    display: inline-block;
    background-color: #00B748;
    width: 125px;
    text-align: center;


    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    -ms-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
}

a.ski-btn:hover span,
a.ski-btn:focus span , a.ski-btn2:hover span, a.ski-btn2:focus span{

    background-color: #00B748;
    width: 125px;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
}
.skischool-page-button {
    margin-left: -10px;
    margin-top: -47px; 
    padding-left: 490px;
    margin-bottom: 15px;
}

.skischool-page-button2 {
    margin-left: -10px;
    margin-top: -107px; 
    padding-left: 490px;
    margin-bottom: 15px;
}

.h1text-normal-display {
    font-size: 13px !important;
    line-height: 20px !important;
    font-weight: normal !important;
}


.green-link {
   font-weight: bold;
   color: #3aa714;
   transition: all 0.3s linear;
}

.green-link:hover {
     color: #f60;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.green-link:focus {
    font-weight: bold;
    color: #f60;
    transition: all 0.3s linear;
}

.facebook-logo {
    float: right;
    margin-top: -70px;
    margin-right: 1px;
}

.facebook-info-logo {
    float: right;
    margin-top: -63px;
    margin-right: 3px;
}


.snow-test{
	z-index:100;
	 background-image: url('http://www.andorra-holidays.com/imgweb/snow/snow1.png'),url('http://www.andorra-holidays.com/imgweb/snow/snow2.png'),url('http://www.andorra-holidays.com/imgweb/snow/snow3.png');
	-webkit-animation:footer-snow 20s linear infinite;
    -moz-animation:footer-snow 20s linear infinite;
    -ms-animation:footer-snow 20s linear infinite;
    -o-animation:footer-snow 20s linear infinite;
     animation:footer-snow 20s linear infinite; 
}

@-webkit-keyframes footer-snow {
      0% { background-position: 0px 0px, 0px 0px, 0px 0px }
    100% { background-position: 500px 1000px, 1400px 400px, 300px 1300px; }
}
@-moz-keyframes footer-snow {
      0% { background-position: 0px 0px, 0px 0px, 0px 0px }
    100% { background-position: 500px 1000px, 400px 400px, 300px 300px; }
}

@-ms-keyframes footer-snow {
      0% { background-position: 0px 0px, 0px 0px, 0px 0px }
    100% { background-position: 500px 1000px, 400px 400px, 300px 300px; }
}

@-o-keyframes footer-snow {
      0% { background-position: 0px 0px, 0px 0px, 0px 0px }
    100% { background-position: 500px 1000px, 400px 400px, 300px 300px; }
}

@keyframes footer-snow {
      0% { background-position: 0px 0px, 0px 0px, 0px 0px }
    100% { background-position: 500px 1000px, 400px 400px, 300px 300px; }
}


/*------------------------------------------------- 
2nd way to style the UI for textboxes..
----------------------------------------------------
input[type=text], textarea {
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  border: 1px solid #DDDDDD;
}
 
input[type=text]:focus, textarea:focus {
  box-shadow: 0 0 5px rgba(81, 203, 238, 1);
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  border: 1px solid rgba(81, 203, 238, 1);
}
-----------------------------------------------------*/

/* UI styling for textboxes */

/* test these further...
input[type=text],
input[type=password],textarea {
    / * Size and position * /    
    padding: 2px 5px 2px 5px;

    / * Styles // * /
    border: 1px solid #DDD; / * Fallback * /
    border: 1px solid rgba(221,221,221 0.8);
    'background: rgba(0,0,0,0.15);
    border-radius: 2px;
    -webkit-box-shadow: 
        0 1px 0 rgba(255,255,255,0.2), 
        inset 0 1px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: 
        0 1px 0 rgba(255,255,255,0.2), 
        inset 0 1px 1px rgba(0,0,0,0.1);
    -o-box-shadow: 
        0 1px 0 rgba(255,255,255,0.2), 
        inset 0 1px 1px rgba(0,0,0,0.1);
    -ms-box-shadow: 
        0 1px 0 rgba(255,255,255,0.2), 
        inset 0 1px 1px rgba(0,0,0,0.1);
    box-shadow: 
        0 1px 0 rgba(255,255,255,0.2), 
        inset 0 1px 1px rgba(0,0,0,0.1);
        
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;

    / * Font styles 
    font-family: 'Source Sans Pro', 'Lato', Arial, sans-serif;
    * /

}

input::-webkit-input-placeholder {
    color: rgba(37,21,26,0.5);
    text-shadow: 0 1px 0 rgba(255,255,255,0.15);
}

input:-moz-placeholder {
    color: rgba(37,21,26,0.5);
    text-shadow: 0 1px 0 rgba(255,255,255,0.15);
}

input:-ms-input-placeholder {
    color: rgba(37,21,26,0.5);
    text-shadow: 0 1px 0 rgba(255,255,255,0.15);
}

input[type=text]:hover,
input[type=password]:hover, textarea:hover {
    border-color: #333;
}

input[type=text]:focus,
input[type=password]:focus,
input[type=submit]:focus, textarea:focus {
-webkit-box-shadow: 0 1px 0 rgba(221,221,222,0.2), 
            inset 0 1px 1px rgba(226,251,255,0.9), 
            0 0 0 3px rgba(221,221,221,0.15);
-moz-box-shadow: 0 1px 0 rgba(221,221,222,0.2), 
            inset 0 1px 1px rgba(226,251,255,0.9), 
            0 0 0 3px rgba(221,221,221,0.15);
-o-box-shadow: 0 1px 0 rgba(221,221,222,0.2), 
            inset 0 1px 1px rgba(226,251,255,0.9), 
            0 0 0 3px rgba(221,221,221,0.15);
-ms-box-shadow: 0 1px 0 rgba(221,221,222,0.2), 
            inset 0 1px 1px rgba(226,251,255,0.9), 
            0 0 0 3px rgba(221,221,221,0.15);
box-shadow: 0 1px 0 rgba(221,221,222,0.2), 
            inset 0 1px 1px rgba(226,251,255,0.9), 
            0 0 0 3px rgba(221,221,221,0.15);                                    
            
    outline: none;
}

/ * Fallback * /
.no-boxshadow  input[type=text]:focus,
.no-boxshadow input[type=password]:focus,textarea:focus {
    outline: 1px solid white;
}

/ * -------------------------------------
UI Styling of Input checkbox 
--------------------------------------- * /

input[type="checkbox"] {
    -webkit-appearance: none !important;
    -moz-appearance:    none !important;
    appearance:         none !important;
    background-color: #fafafa;
    border: 1px solid #ccc;
    border-radius: 0;
    
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
    -o-box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
    -ms-box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
    padding: 8px;
    margin-bottom: 0;
    display: inline-block;
    position: relative;
    cursor: pointer;
    vertical-align: text-bottom;
}
 
input[type="checkbox"]:active, input[type="checkbox"]:checked:active {
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
    -o-box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
    -ms-box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}
 
input[type="checkbox"]:checked {
    background-color: #fff;
    border: 1px solid #ccc;
    color: #777;
    
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
    -o-box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
    -ms-box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);    
}
 
input[type="checkbox"]:checked:after {
    content: '\2714';
    font-size: 14px;
    position: absolute;
    top: 0px;
    left: 3px;
    color: #777;
}
input[type="checkbox"]:focus { outline: 0;}

/ * Case : IE8 fallback * /
.ie input[type="checkbox"] {
    padding: 0;
    border: none;
    box-shadow: none;
}

/ * Target Browser IE9 and IE10 * /
@media screen and (min-width:0\0) {  
    input[type="checkbox"],
    input[type="radio"] {
        padding: 0;
        border: 0;
        box-shadow: none;
    }
} 

*/