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

div.cs-skin-underline {
	background: none repeat scroll 0 0 #3494cd;
    color: #fff;
    font-size: 1em;
    max-width: 168px;
    text-align: center;
	
	-moz-box-shadow: 8px 4px 14px #27304a;
    -webkit-box-shadow: 8px 4px 14px #27304a;
     box-shadow:5px 4px 4px #b7b8b7;
     filter: progid:DXImageTransform.Microsoft.Shadow(strength = 8, direction = 112.5, color = '#27304a');

}

@media screen and (max-width: 30em) {
	div.cs-skin-underline { font-size: 1.2em; }
}

.cs-skin-underline > span {
	padding: 0.5em 3em 0.5em 0.5em;
	/*border-bottom: 3px solid #000;*/
	border-color: inherit;
	font-weight: bold;
}

.cs-skin-underline > span::after {
	font-family: 'icomoon';
	content: '+';
	/*right: 0.25em;*/
	-webkit-transform: translate3d(0,-50%,0) rotate3d(0,0,1,0deg);
	transform: translate3d(0,-50%,0) rotate3d(0,0,1,0deg);
	-webkit-transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
	font-weight:bolder;
}

.cs-skin-underline.cs-active > span::after {
	-webkit-transform: translate3d(0,-50%,0) rotate3d(0,0,1,225deg);
	transform: translate3d(0,-50%,0) rotate3d(0,0,1,225deg);
}

.cs-skin-underline .cs-options {
	background: #fff;
	opacity: 0;
	-webkit-transition: opacity 0.3s 0.4s, visibility 0s 0.7s;
	transition: opacity 0.3s 0.4s, visibility 0s 0.7s;
}

.cs-skin-underline.cs-active .cs-options {
	color: #0d4249;
    margin-left: 5%;
    position: absolute;
    width: 90%;
    text-align: left;
    opacity: 1;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s ease 0s;
    
}

.cs-skin-underline .cs-options {
	color: #006B42;
}

.cs-skin-underline ul span {
	position: relative;
	font-size: 80%;
	font-weight: 700;
	letter-spacing: 1px;
	padding: 0.6em 1em;
	opacity: 0;
	-webkit-transform: translate3d(100%,0,0);
	transform: translate3d(100%,0,0);
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
}

.cs-select ul span::after {
	content: '';
	opacity: 0;
}

.cs-select .cs-selected span::after {
	font-family: 'icomoon';
	content: '\e010';
	opacity: 1;
	-webkit-transition: opacity 0.3s 0.7s;
	transition: opacity 0.3s 0.7s;
}

.cs-skin-underline ul span::before {
	background-color: #66a7cc;
    bottom: 1px;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    transform: translate3d(200%, 0px, 0px);
    transition: transform 0.3s ease 0s;
    width: 100%;
}

.cs-skin-underline.cs-active ul span,
.cs-skin-underline.cs-active ul span::before {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.cs-skin-underline li:nth-child(5) span,
.cs-skin-underline li:nth-child(5) span::before,
.cs-skin-underline.cs-active li:first-child span,
.cs-skin-underline.cs-active li:first-child span::before {
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}

.cs-skin-underline li:nth-child(4) span,
.cs-skin-underline li:nth-child(4) span::before,
.cs-skin-underline.cs-active li:nth-child(2) span,
.cs-skin-underline.cs-active li:nth-child(2) span::before {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
}

.cs-skin-underline li:nth-child(3) span,
.cs-skin-underline li:nth-child(3) span::before {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

.cs-skin-underline li:nth-child(2) span,
.cs-skin-underline li:nth-child(2) span::before,
.cs-skin-underline.cs-active li:nth-child(4) span,
.cs-skin-underline.cs-active li:nth-child(4) span::before {
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
}

.cs-skin-underline li:first-child span,
.cs-skin-underline li:first-child span::before,
.cs-skin-underline.cs-active li:nth-child(5) span,
.cs-skin-underline.cs-active li:nth-child(5) span::before {
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
} /* more items require more delay declarations */

.cs-skin-underline .cs-options li span:hover,
.cs-skin-underline .cs-options li.cs-focus span,
.cs-skin-underline li.cs-selected span {
	color: #566473;
	background: transparent;
}

.menuPrinAbierto{
	left: 123px;
    position: absolute;
    top: -76px;
    width: 90%;
}

.menuPrinAbierto.menuPrinAbiertoActivo::after {
	border-color: transparent #135371 transparent transparent;
    border-style: solid;
    border-width: 0 10px 10px 0;
    content: "";
    height: 0;
    left: -2px;
    opacity: 1;
    position: absolute;
    top: 37px;
    transition: opacity 0.3s ease 0.7s;
    width: 0;
    z-index: 500;
}

.menuPrinAbierto::before {
	content: url("../../img/general/envolvente-azul.png");
    left: -125px;
    position: absolute;
    top:-8px;
    z-index: 1;
}


/*desde aqui meti nuevos, si modifique antes pero meti esto*/

.cs-select .cs-skin-underline .cs-active{
	 box-shadow: 5px 4px 4px #b7b8b7;
	}