/*!
 * Stylesheet SOFIA 2016
 * Copyright 2012-2014 Bogo.ai
 */

/* CUSTOM */

.img-responsive.noblock { display: inline-block; }
.img-fullwidth { width: 100%; height: auto; }
.clear { clear: both; }
.block { display: block !important; }
.left { float: left; }
.right { float: right; }
.relative { position: relative; }
.t-left { text-align: left !important; }
.t-right { text-align: right !important; }
.t-center { text-align: center !important; }
.carousel .item img, .carousel .item  { width: 100%; }
.title-ico { margin-right: 7px; }
.title-ico-right { margin-left: 7px; }
.p-0 { padding: 0 !important; }			.p-b-0 { padding-bottom: 0 !important; }		.p-t-0 { padding-top: 0 !important; }		.p-l-0 { padding-left: 0 !important; }		.p-r-0 { padding-right: 0 !important; } 
.p-1 { padding: 1px !important; }
.p-5 { padding: 5px !important; }		.p-b-5 { padding-bottom: 5px !important; }		.p-t-5 { padding-top: 5px !important; }		.p-l-5 { padding-left: 5px !important; }	.p-r-5 { padding-right: 5px !important; }
.p-10 { padding: 10px !important; }		.p-b-10 { padding-bottom: 10px !important; }	.p-t-10 { padding-top: 10px !important; }	.p-l-10 { padding-left: 10px !important; }	.p-r-10 { padding-right: 10px !important; }
.p-20 { padding: 20px !important; }		.p-b-20 { padding-bottom: 20px !important; }	.p-t-20 { padding-top: 20px !important; }	.p-l-20 { padding-left: 20px !important; }	.p-r-20 { padding-right: 20px !important; }
.p-30 { padding: 30px !important; }		.p-b-30 { padding-bottom: 30px !important; }	.p-t-30 { padding-top: 30px !important; }	.p-l-30 { padding-left: 30px !important; }	.p-r-30 { padding-right: 30px !important; }
.p-40 { padding: 40px !important; }     .p-b-40 { padding-bottom: 40px !important; }    .p-t-40 { padding-top: 40px !important; }   .p-l-40 { padding-left: 40px !important; }  .p-r-40 { padding-right: 40px !important; }
.p-50 { padding: 50px !important; }		.p-b-50 { padding-bottom: 50px !important; }	.p-t-50 { padding-top: 50px !important; }	.p-l-50 { padding-left: 50px !important; }	.p-r-50 { padding-right: 50px !important; }
.p-60 { padding: 60px !important; }		.p-b-60 { padding-bottom: 60px !important; }	.p-t-60 { padding-top: 60px !important; }	.p-l-60 { padding-left: 60px !important; }	.p-r-60 { padding-right: 60px !important; }
.p-80 { padding: 80px !important; }		.p-b-80 { padding-bottom: 80px !important; }	.p-t-80 { padding-top: 80px !important; }	.p-l-80 { padding-left: 80px !important; }	.p-r-80 { padding-right: 80px !important; }
.p-90 { padding: 90px !important; }		.p-b-90 { padding-bottom: 90px !important; }	.p-t-90 { padding-top: 90px !important; }	.p-l-90 { padding-left: 90px !important; }	.p-r-90 { padding-right: 90px !important; }
.p-100 { padding: 100px !important; }	.p-b-100 { padding-bottom: 100px !important; }	.p-t-100 { padding-top: 100px !important; }	.p-l-100 { padding-left: 100px !important; }	.p-r-100 { padding-right: 100px !important; }
.m-0 { margin: 0 !important; }			.m-b-0 { margin-bottom: 0 !important; }			.m-t-0 { margin-top: 0 !important; }		.m-l-0 { margin-left: 0 !important; }		.m-r-0 { margin-right: 0 !important; }
.m-5 { margin: 5px !important; }		.m-b-5 { margin-bottom: 5px !important; }		.m-t-5 { margin-top: 5px !important; }		.m-l-5 { margin-left: 5px !important; }		.m-r-5 { margin-right: 5px !important; }
.m-10 { margin: 10px !important; }		.m-b-10 { margin-bottom: 10px !important; }		.m-t-10 { margin-top: 10px !important; }	.m-l-10 { margin-left: 10px !important; }	.m-r-10 { margin-right: 10px !important; }
.m-15 { margin: 15px !important; }		.m-b-15 { margin-bottom: 15px !important; }		.m-t-15 { margin-top: 15px !important; }	.m-l-15 { margin-left: 15px !important; }	.m-r-15 { margin-right: 15px !important; }
.m-20 { margin: 20px !important; }		.m-b-20 { margin-bottom: 20px !important; }		.m-t-20 { margin-top: 20px !important; }	.m-l-20 { margin-left: 20px !important; }	.m-r-20 { margin-right: 20px !important; }
.m-30 { margin: 30px !important; }		.m-b-30 { margin-bottom: 30px !important; }		.m-t-30 { margin-top: 30px !important; }	.m-l-30 { margin-left: 30px !important; }	.m-r-30 { margin-right: 30px !important; }
.m-40 { margin: 40px !important; }		.m-b-40 { margin-bottom: 40px !important; }		.m-t-40 { margin-top: 40px !important; }	.m-l-40 { margin-left: 40px !important; }	.m-r-40 { margin-right: 40px !important; }
.m-50 { margin: 50px !important; }		.m-b-50 { margin-bottom: 50px !important; }		.m-t-50 { margin-top: 50px !important; }	.m-l-50 { margin-left: 50px !important; }	.m-r-50 { margin-right: 50px !important; }
.m-60 { margin: 60px !important; }		.m-b-60 { margin-bottom: 60px !important; }		.m-t-60 { margin-top: 60px !important; }	.m-l-60 { margin-left: 60px !important; }	.m-r-60 { margin-right: 60px !important; }
.m-70 { margin: 70px !important; }		.m-b-70 { margin-bottom: 70px !important; }		.m-t-70 { margin-top: 70px !important; }	.m-l-70 { margin-left: 70px !important; }	.m-r-70 { margin-right: 70px !important; }
.m-80 { margin: 80px !important; }		.m-b-80 { margin-bottom: 80px !important; }		.m-t-80 { margin-top: 80px !important; }	.m-l-80 { margin-left: 80px !important; }	.m-r-80 { margin-right: 80px !important; }
.m-90 { margin: 90px !important; }		.m-b-90 { margin-bottom: 90px !important; }		.m-t-90 { margin-top: 90px !important; }	.m-l-90 { margin-left: 90px !important; }	.m-r-90 { margin-right: 90px !important; }
.w-100 { width: 100% !important; }

.h285 { height: 285px; overflow: auto; }
/*.container { min-width: 1000px; }*/

/* LAYOUT */

body { background: #EBEAE6; font-family: 'Raleway'; font-weight: 400; color: #666; border-top: 5px solid #F6C300; }
.background { background: url(../../../images/default/microsite-sofia/layout/bg.jpg) no-repeat center top #3C5075; padding-top: 15px; }
body * { outline: none !important; }
a { color: #99AFBD; }
p { font-size: 19px; font-family: 'Lato'; font-weight: 300; line-height: 30px; }
p.small, .small p { font-size: 15px; line-height: 23px; }
p.small.button-home { font-size: 12px; text-align: left; text-transform: uppercase; margin: 0px;}
p.small.banner.home { font-size: 14px; font-weight: 600;text-align: left; text-transform: uppercase; margin: 0 0 10px 0;}
.content { padding: 20px 0 30px; background: #E1E5DE; }
.dark { background: #333; color: #FFF; }
.bordered { box-shadow: 0 -4px 0 #C3C3C3; box-shadow: none; }
.shadowed { box-shadow: 0 1px 1px rgba(0,0,0,0.15); }
.underlined:after { content: " "; display: block; width: 100%; height: 1px; border-bottom: 3px solid #69B9AE; padding-bottom: 10px; transition: width ease-in-out 0.3s; }
.datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover { background: #4690c5 !important; }
.backgrounded { background: url("../../../images/default/microsite-sofia/layout/backgrounded.jpg") no-repeat fixed center center / cover; }
.whiteblock { background: #FFF; padding-left: 24px; padding-right: 24px; }
.whiteblock p { font-size: 16px; line-height: 24px; }
.blackblock { background: rgba(0,0,0,0.25); border: 1px solid rgba(0,0,0,0.1); }
.blackblock p { color: #FFF; }
.grayblock { background: #EBEAE6; padding-left: 30px; padding-right: 30px; }
.moregrayblock { background: #D1D0CD; padding-left: 30px; padding-right: 30px; }
.separator { width: 100%; border-top: 1px solid #EBEAE6; }
.upr { text-transform: uppercase; }
.aviso { background: #EEE; border: 1px solid #E9E9E9; border-radius: 2000px; padding: 19px 25px 20px 70px; display: inline-block; position: relative; height: 70px; box-shadow: 0 4px 3px rgba(0,0,0,0.02); margin: 120px 0 !important; }
.aviso .icono { position: absolute; top: 10px; left: 10px; width: 50px; height: 50px; text-align: center; background: #325779; color: #FFF; border-radius: 200px; padding-top: 10px; font-size: 20px;}
.aviso p { color: #666 !important; margin: 0 !important; font-size: 16px;  }
.aviso.error { margin: 100px 0 30px !important; }
table *, .fecha { font-family: 'Lato' !important; }
table .fa {font-family: 'FontAwesome' !important; }

/* TÍTULOS */

.h1, .h1 a { color: #9D9D99; font-size: 26px; text-transform: uppercase; letter-spacing: -0.2px; }
.h1.active { color: #325779; }
.h1.active:before { content: '\f0da'; font-family: 'FontAwesome'; font-size: 24px; position: relative; top: -2px; margin-right: 6px; }
.h2 { color: #FFF; font-size: 24px; }
.h2.small { font-size: 18px; }
.h2.big { font-size: 44px; }
.h3 { color: #325779; font-size: 18px; }
.h3.small { font-size: 15px; }
.h3.big { font-size: 24px; }
.h4 { color: #ACACAA; font-size: 13px; text-transform: uppercase; }
.yellowblock .h4 { font-size: 15px; color: #FFF; font-weight: 600; }
.title-underlined { border-bottom: 3px solid #f5c300; color: #9d9d99; font-size: 16px; padding-bottom: 2px; text-transform: uppercase; }

/* MARKER BUTTONS */

.marker { width: 22px; height: 22px; background: #F8F8F8; color: #F8F8F8; border: 1px solid #333; border-radius: 3000px; cursor: pointer; text-align: center; float: left; font-family: 'FontAwesome'; font-size: 7px; margin-right: 10px; }
.marker:before { content: "\f111"; position: relative; top: 5px; }
.marker[data-type="check"]:before { content: "\f00c"; font-size: 11px; line-height: 10px; }
.marker.active:before { color: #4C6872; }

.inscription-pay-izi-data { background: #E6E8EB; padding: 20px; margin-bottom: 20px; }
.inscription-pay-title { font-size: 18px; color: #325779; font-weight: 600; border-bottom: 2px solid #c1cad2; margin-bottom: 10px; padding-bottom: 10px; }
.inscription-pay-price { color: #000; }

/* BUTTONS */

.button, .btn { display: inline-block; transition: all 0.2s; background-color: #69B9AE; color: #FFF; padding: 12px 20px; margin: 6px 2px; border: none; border-radius: 5px; text-transform: uppercase; font-weight: 500; font-size: 13px; }
.button.active, .button:hover, .button:focus, .button:active, .btn.active, .btn:hover, .btn:focus, .btn:active  { background-color: #325779; color: #FFF; text-decoration: none; }
.button i, .btn i { margin-right: 6px; font-size: 16px; }
	/* -- Sizes */
	.button.bt-small, .btn.bt-small { padding: 5px 12px; }
	.button.bt-fullwidth, .btn.bt-fullwidth { width: 100%; text-align: center; }
	/* -- Border radius */
	.button.bt-rounded, .btn.bt-rounded { border-radius: 5px; }
	.button.bt-small.bt-rounded, .btn.bt-small.bt-rounded { border-radius: 4px; }
	/* -- Colors */
	.button.bt-blue, .btn.bt-blue { background-color: #325779; color: #FFF; }
	.button.bt-blue.active, .button.bt-blue:hover, .button.bt-blue:focus, .btn.bt-blue:active, .btn.bt-blue.active, .btn.bt-blue:hover, .btn.bt-blue:focus, .btn.bt-blue:active { background-color: #022F54; color: #FFF; }
.bt-enter { background-color: #325779; border: none; background-image: url(../../../images/default/microsite-sofia/layout/send-arrow.png); background-position: left 10px center; background-repeat: no-repeat; padding: 3px 10px 3px 50px; border-radius: 4px; color: #FFF; font-size: 14px; font-weight: 400; text-transform: uppercase; transition: background 0.2s ease-out; }
.bt-enter.active, .bt-enter:hover, .bt-enter:focus, .bt-enter:active { background-color: #022F54; background-position: left 15px center; }

.bt-all { background: #EBEAE6; color: #666; font-size: 10px; font-weight: 600; border-radius: 1000px; padding: 13px 5px 5px; height: 41px; width: 41px; text-align: center; display: inline-block; text-transform: uppercase; }
.bt-all.on, .bt-all.active, .bt-all:hover, .bt-all:focus, .bt-all:active { text-decoration: none; background: #325779; color: #FFF; }

a[id^="confirmAndPayButton_"] {padding: 12px 20px; border: none; border-radius: 5px; font-size: 16px; font-weight: 500; }

/* HEADER */

header { color: #FFF; }
.main-menu { background: rgba(2, 50, 93, 0.8); }
.main-menu ul { list-style: none; padding: 0; margin: 0; text-align: center; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; }
.main-menu ul li { flex-grow: 1; -webkit-flex-grow: 1; }
.main-menu ul li a { display: block; color: #FFF; text-transform: uppercase; font-size: 14px; padding: 18px 22px; font-weight: 500; }
.main-menu ul li a.drop:after { content: "\f0d7"; font-family: "FontAwesome"; margin-left: 6px; font-size: 9px; position: relative; top: -3px; }
.main-menu ul li.active a, .main-menu li a:hover, .main-menu li a:focus, .main-menu li a:active { text-decoration: none; background: #69B9AE; color: #FFF; } 
.main-menu ul li a[href="#"] { cursor: not-allowed; }
.lang-selector { list-style: none; padding: 0; background: #325779; border-radius: 100px; display: inline-block; height: 24px; }
.lang-selector li { display: inline-block; margin: 0; }
.lang-selector li a { font-size: 10px; color: #4C6872; line-height: 22px; font-weight: 500; padding: 1px 10px; color: #FFF; border-radius: 100px; display: block; height: 24px; position: relative; margin: 0; }
.lang-selector li:first-child a { left: -1px; }
.lang-selector li:last-child a { right: -1px; }
.lang-selector li.active a { color: #FFF; background: #69B9AE; text-decoration: none; }
.lang-selector li.active a:hover { text-decoration: none; cursor: default; }
.lang-selector li a:hover { text-decoration: underline; }

.submenu { display: none; left: 0; right: 0; position: absolute; z-index: 3000;  }
.submenu.fijo { display: block; left: auto; right: auto; position: static; }
.submenu.fijo > .container { border: none; }
.submenu > .container { background: #69B9AE; font-weight: 500; font-size: 14px; border-bottom: 2px solid #455367; color: #325779; }
.submenu .col { padding-top: 10px; padding-bottom: 30px; }
.submenu li { margin-bottom: 10px; }
.submenu a { color: #003D72; }
.submenu .separated { border-left: 1px dashed #FFF; }
.submenu .sublist { list-style: none; padding: 0; margin: 0; text-align: left; width: 100%; }
.submenu .sublist li { display: inline-block; margin: 0px 1px; }
.submenu .sublist li a { color: #032D53; text-transform: uppercase; font-size: 11px; padding: 14px 9px; margin: 0; border-radius: 0; display: block; font-weight: 500; transition: all ease 0.13s; }
.submenu .sublist li a:after { margin-left: 2px; }
.submenu .sublist li.active a, .submenu .sublist li a:hover, .submenu .sublist li a:focus, .submenu .sublist li a:active { text-decoration: none; background: rgba(255,255,255,0.35); }

.sailor-account-big-button { display: block; background: #69B9AE; height: 135px; border-radius: 23px; padding: 30px; color: #FFF; position: relative; margin-bottom: 40px; }
.sailor-account-big-button.active, .sailor-account-big-button:hover, .sailor-account-big-button:focus, .sailor-account-big-button:active { text-decoration: none; color: #FFF; opacity: 0.9; }
.sailor-account-big-button.sailor-account-big-button-equipment { background: url('../../../images/default/microsite-sofia/layout/sailor/sabb-equipment.svg') no-repeat top 20px right 20px #E7951A; }
.sailor-account-big-button.sailor-account-big-button-checkin { background: url('../../../images/default/microsite-sofia/layout/sailor/sabb-checkin.svg') no-repeat top 20px right 20px #69B9AE; }
.sailor-account-big-button.sailor-account-big-button-sign { background: #EBEAE6; }
/*.sailor-account-big-button.sailor-account-big-button-sign.lang-es { background-image: url('../../../images/default/microsite-sofia/layout/sailor/open-es.svg'); }*/
.sailor-account-big-button .sabb-text { position: absolute; bottom: 30px; left: 30px; right: 30px; padding-right: 60px; }
.sailor-account-big-button .sabb-tag { position: absolute; top: 15px; right: 15px; font-size: 13px; color: #FFF; font-weight: 600; background: #69B9AE; border-radius: 200px; padding: 3px 10px; }
.sailor-account-big-button .sabb-title { font-size: 19px; font-weight: 900; margin-bottom: 10px; }
.sailor-account-big-button .sabb-subtitle { font-size: 14px; line-height: 20px; font-weight: 600; font-style: italic; }
.sailor-account-big-button.sailor-account-big-button-sign .sabb-title { color: #1F3045 }
.sailor-account-big-button.sailor-account-big-button-sign .sabb-subtitle { color: #878787; }

.top-sel .h1 { display: inline-block; }
.top-sel .h1:not(:last-child) { margin-right: 20px; }

.sailor-login-bt { display: inline-block; background: url('../../../images/default/microsite-sofia/layout/sailor-login.svg') no-repeat left 3px center #325779; color: #FFF; font-size: 10px; text-transform: uppercase; padding: 7px 16px 5px 32px; border-radius: 100px; color: #FFF; transition: all ease 0.15s; }
.sailor-login-bt.active, .sailor-login-bt:hover, .sailor-login-bt:focus, .sailor-login-bt:active { text-decoration: none; color: #FFF; background-color: #002550; }

.sailor-account-document-block .document-name { padding-left: 15px; font-size: 16px; color: #002550; margin-bottom: 20px; font-weight: 800; }
.sailor-account-document-block { border-bottom: 3px solid #e2f5f2; padding-bottom: 30px; margin: 0 15px 30px; }
.sailor-account-document-description a { color: #325779 !important; text-decoration: underline; }
.doctextdeleteok .document-type,
.doctextuploadok .document-type { margin-left: 15px; color: #325779; font-weight: 800; font-size: 17px; padding: 15px; background: #d0e8e3; border: 1px solid #c5e2d9; margin-right: 15px; }

.social-circles { list-style: none; padding: 0; display: inline-block; margin-right: 18px; }
.social-circles li { display: inline-block; margin-left: 4px; }
.social-circles li a { display: block; background: #325779; padding-top: 2px; color: #FFF; border-radius: 100px; width: 25px; height: 25px; text-align: center; }
.social-circles li a.active, .social-circles li a:hover, .social-circles li a:focus, .social-circles li a:active { background: #022F54; }

.collapse-container { background: rgba(0,61,116,0.85); padding: 7px 30px; cursor: pointer; }
.bt-collapse { display: inline-block; border: 1px solid #FFF; padding: 6px 12px; border-radius: 6px; cursor: pointer; }

/* CONTENIDO */

.content-header { background: #EBEAE6; padding: 10px 35px 10px; border-bottom: 4px solid #C3C3C3; }
.content-header header { color: #7D7D79; font-size: 15px; font-weight: 500; }
.content-header.cal { border: none; }

/* ETIQUETAS */

.tags { list-style: none; padding: 0; }
.tags li { display: inline-block; }
.tags li a { color: #9D9D99; font-size: 13px; text-transform: uppercase; background: #FFF; padding: 3px 10px; font-weight: 500; display: block; position: relative; height: 26px; margin-left: 15px; }
.tags li a:before { content: url('../../../images/default/microsite-sofia/layout/tag-before.png'); position: absolute; left: -10px; top: 0; }
.tags li.active a, .tags li a:hover, .tags li a:focus, .tags li a:active { box-shadow: 0 -2px 0 #69B9AE; color: #325779; text-decoration: none; }

/* LISTADO DE NOTICIAS */

.pic-info { position: absolute; bottom: 3px; left: 0; right: 0; padding: 60px 20px 20px; color: #FFF; 
	background: -moz-linear-gradient(top,  rgba(0,61,116,0) 0%, rgba(0,61,116,0.8) 49%, rgba(0,61,116,0.75) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,61,116,0)), color-stop(49%,rgba(0,61,116,0.8)), color-stop(100%,rgba(0,61,116,0.75))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,61,116,0) 0%,rgba(0,61,116,0.8) 49%,rgba(0,61,116,0.75) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,61,116,0) 0%,rgba(0,61,116,0.8) 49%,rgba(0,61,116,0.75) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,61,116,0) 0%,rgba(0,61,116,0.8) 49%,rgba(0,61,116,0.75) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(0,61,116,0) 0%,rgba(0,61,116,0.8) 49%,rgba(0,61,116,0.75) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00003d74', endColorstr='#bf003d74',GradientType=0 ); /* IE6-9 */
}
.new-listing-pic { height: 300px; border-right: 2px solid #FFF; box-shadow: 0 -3px 0 #69B9AE inset; background-color: #325779; background-size: cover; background-position: center center; background-repeat: no-repeat; position: relative; }
.new-listing-pic:nth-child(3n) { border: none; }
.pic-info .h2 { margin: 10px 0 0; }
.pic-info a { color: #FFF; pointer-events: all; }
.pic-info .tag { font-size: 11px; border-radius: 3px; border: 1px solid #FFF; padding: 2px 3px; text-transform: uppercase; font-weight: 500; margin-right: 10px; }
.pic-info .date { color: #4DD0FF; font-family: 'Lato'; }
.new-listing-content { background: #FFF; padding: 30px; min-height: 430px; box-shadow: 0 -3px 0 #69B9AE inset; }

.readmore { color: #52524e; font-size: 11px; text-transform: uppercase; transition: all ease 0.1s; }
.readmore.active, .readmore:hover, .readmore:focus, .readmore:active { color: #666; text-decoration: none; }
.readmore:before { content: url(../../../images/default/microsite-sofia/layout/readmore.png); margin-right: 6px; position: relative; top: 5px; transition: all ease 0.3s; }
.readmore:hover:before { margin-right: 3px; }

/* FICHA DE NOTICIA */

.new-header { background: #FFF; padding: 20px 30px 0; }
.new-header h1 { color: #325779; font-size: 36px; }

/* HOME */

#home-slider { height: 440px; overflow: hidden; border-right: 2px solid #FFF; z-index: 200; margin-bottom: 4px;}
.team-tag { font-weight: 600; color: #255D8D; font-size: 16px; display: inline-block; text-decoration:underline;}

/*#home-slider-2 { max-height: 610px; }*/
.new-listing-pic.small { height: 220px; box-shadow: none;  border-right: 2px solid #FFF; }
.new-listing-pic.small:nth-child(1), .new-listing-pic.small:nth-child(2) { border-bottom: 2px solid #FFF; }
.new-listing-pic.small:nth-child(2n) { border-right: none; }
.new-listing-pic.small .pic-info { bottom: 0; }
.new-listing-pic.small .pic-info .tag { font-size: 10px; margin-right: 4px; }
.new-listing-pic.small .pic-info .date { font-size: 12px; }
.new-listing-pic.small .pic-info .h2 { font-size: 12px; }

.fecha { display: inline-block; background: #FFF; padding: 4px 4px 6px; border-radius: 4px; color: #325779; border-top: 3px solid #69B9AE; font-size: 24px; text-align: center; font-weight: 500; min-width: 60px; margin-right: 14px; }
.fecha span { display: block; width: 100%; border-bottom: 1px solid #EBEAE6; font-size: 11px; margin-bottom: 3px; text-transform: uppercase; }
.content-header .dia { position: relative; top: -14px; display: inline; }
.weather { border-left: 1px solid #CDCCC8; color: #444; width: calc(100% / 5);}
.weather h4.h3.small{ font-size: 13px;}
.weather .downdata { font-size: 12px; text-align: right; }
.weather .downdata div { float: left; display: inline-block; }
.weather .downdata span { font-size: 16px; }

.yellowblock { background: #69B9AE; padding: 30px 30px 36px; font-size: 12px; font-weight: 500; }
.yellowblock a { color: #325779; text-decoration: underline; }
.yellowblock a.active, .yellowblock a:hover, .yellowblock a:focus, .yellowblock a:active { text-decoration: none; }
.yellowblock p.small.banner.home { color: #FFF; }

.home-banner { padding: 60px 40px; border: 1px solid #CBCBCB; background: #D1D0CC; box-shadow: 0 4px 3px rgba(0,0,0,0.03);}

.float-tabs { list-style: none; padding: 0; margin: 0; }
.float-tabs.top-relative { position: relative; top: 10px; }
.float-tabs li { display: inline-block; }
.float-tabs li a { background: #F9E17F; display: block; text-decoration: none; padding: 3px 8px; height: 30px; }
.float-tabs li a svg { height: 22px; }
.float-tabs li.active a svg #circulin { stroke: #83AEC8; }
.float-tabs li.active a svg #abuja { stroke: #999; }
.float-tabs li.active a { background: #FFF; }
.tab-content.noborder { border: none; }

.live-race-row { margin: 0; }
.live-race-row + .live-race-row { margin-top: 10px; }

.daypic { background: rgba(0, 62, 116, 0.75) url("../../../images/default/microsite-sofia/layout/camera.svg") no-repeat scroll left 11px center / 37px auto; padding: 10px 10px 10px 60px; color: #FFF; text-transform: uppercase; font-size: 15px; position: absolute; top: 0; left: 0; width: 160px; z-index: 1000; line-height: 18px; }

/* LIVE */

.live-cell { background: #EBEAE6; padding: 0 !important; }
.live-cell:nth-child(2n) { background: #F5F4F2; }
.live-cell .titu { background: #DCDBD7; color: #325779; text-align: center; font-size: 12px; font-weight: 600; text-transform: uppercase; padding: 2px 0 !important; line-height: 18px; }
.racemanagement .infoflags { text-align: center; }
.racemanagement .infoflags, .racemanagement span.flags, .racemanagement span.actions { float: none !important; }

/* PAGINADOR */

.paginator { background: #EBEAE6; color: #325779; padding: 18px 30px; }
.paginator a { text-decoration: underline; color: #325779; font-weight: 400; font-size: 16px; height: 40px; width: 40px; text-align: center; display: inline-block; padding-top: 9px; margin-right: 6px; border-radius: 200px; }
.paginator a.active { background: #FFF; color: #9D9D99; text-decoration: none; }
.paginator a:hover { color: #000; }

/* TABLAS */

.table, .tablesorter, .table-bordered { font-size: 12px; font-family: 'Lato'; width: 100%; }
.table img, .tablesorter img, .table-bordered img { margin-right: 4px; }
.table a:not(.button), .tablesorter a:not(.button), .table-bordered a:not(.button) { color: #325779; }
.tablesorter th { background: url(../../../images/default/microsite-sofia/layout/filter-none.png) no-repeat right 5px center #325779; padding: 6px 17px 6px 8px !important; line-height: 12px !important; cursor: pointer; }
.tablesorter th.headerSortUp { background-image: url(../../../images/default/microsite-sofia/layout/filter-up.png); }
.tablesorter th.headerSortDown { background-image: url(../../../images/default/microsite-sofia/layout/filter-down.png); }
thead { background: #325779; color: #FFF; text-transform: uppercase; font-size: 11px; }
thead * { border-color: rgba(255,255,255,0.3) !important; }
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td,
.tablesorter > thead > tr > th,
.tablesorter > tbody > tr > th,
.tablesorter > tfoot > tr > th,
.tablesorter > thead > tr > td,
.tablesorter > tbody > tr > td,
.tablesorter > tfoot > tr > td { border-color: #CCC; vertical-align: middle; }
.table-bordered, .tablesorter { border-color: #CCC; }
.table-striped tbody { font-family: 'Lato'; font-size: 13px; }
.table-striped > tbody > tr > td,
.table-striped > tbody > tr > th,
.tablesorter > tbody > tr > td,
.tablesorter > tbody > tr > th  { background: #F5F4F2; padding-top: 4px; padding-bottom: 4px; }
.table-striped > tbody > tr:nth-child(2n+1) > td,
.table-striped > tbody > tr:nth-child(2n+1) > th,
.table-striped > tbody strong { /*font-weight: 900;*/ }
.tablesorter > tbody > tr:nth-child(2n+1) > td,
.tablesorter > tbody > tr:nth-child(2n+1) > th { background: #EBEAE6; }
.tablesorter svg { background: #FFF; border-radius: 1000px; padding: 3px; }
.tablesorter svg * { fill: #325779; }
.tablesorter svg #rectangle { fill: transparent; }
.rule42-tabla tr td { text-align: left; }
.rule42-tabla tr td:first-child, .rule42-tabla tr td:last-child { text-align: left; }

.live-menu { list-style: none; margin: 0; padding: 0; position: relative; top: 40px; }
.live-menu li { display: inline-block; padding: 0; }
.live-menu li:not(:last-child) { margin-right: 10px; }
.live-menu li a { text-transform: uppercase; color: #9D9D99; font-size: 16px; font-weight: 600; }
.live-menu li.active a { color: #325779; }
.live-menu li.active:before { color: #325779; content: '\f0da'; font-family: 'FontAwesome'; font-size: 20px; position: relative; top: 1px; margin-right: 6px; }


#resultsall-container thead, #resultsall-container tbody { font-size: 13px !important; }
#resultsall-container td { padding: 6px; } 
.table-result td { font-size: 12px !important;}
.table-result td.netpoints,.table-result td.totalpoints,.table-result td.pos {font-size: 13px !important; }
.nowrap { white-space: nowrap; }

.leyenda { display: block; }

/* LISTADOS */

.list-element .fecha { box-shadow: 0 2px 1px rgba(0,0,0,0.2); float: right; margin: 20px 0 0; width: 100%; }
.list-element .fecha .year { border-top: 1px solid #EBEAE6; border: none; font-size: 13px; margin-top: -7px; }
.list-element .h3 { margin-top: 0; }
.list-element .h3 a { color: #325779; }
.list-element p { font-size: 15px; line-height: 24px; margin-top: 10px; }
.list-element .tag { font-size: 11px; border-radius: 3px; border: 1px solid #DDD; padding: 2px 3px; text-transform: uppercase; font-weight: 500; margin-right: 10px; }
.list-element .date { color: #4DD0FF; font-family: 'Lato'; }

.list-element + .list-element { border-top: 1px dotted #ddd; margin-top: 30px; padding-top: 30px; }

/* MEDALLERO y RESULTADOS */

.medals-table { border-collapse: collapse; margin-bottom: 60px; }
.medals-table thead { background: transparent; color: #333; }
.medals-table thead th { background: #EFF2F6; padding: 5px 10px; }
.medals-table thead th:first-child { border-radius: 20px 0 0 20px; }
.medals-table thead th:last-child { border-radius: 0 20px 20px 0; }
.medals-table tbody tr { border-bottom: 2px solid #EEE; }
.medals-table .flag-acronim { font-size: 13px; font-weight: 700; color: #292A5B; }
.medals-table .nation-name { font-size: 17px;font-weight: 500;color:#000; }
.medals-table .medals-gold { background: #FFCC48; box-sizing: border-box; width: 36px; height: 36px; padding-top: 6px; border-radius: 100px; text-align: center; font-size: 18px;font-weight: 700;color:#000; }
.medals-table .medals-silver { background: #D6DEEB; box-sizing: border-box; width: 36px; height: 36px; padding-top: 6px; border-radius: 100px; text-align: center; font-size: 18px;font-weight: 700;color:#000; }
.medals-table .medals-bronze { background: #DBBA9B; box-sizing: border-box; width: 36px; height: 36px; padding-top: 6px; border-radius: 100px; text-align: center; font-size: 18px;font-weight: 700;color:#000; }
.medals-table .medals-total { background: transparent; box-sizing: border-box; width: 36px; height: 36px; padding-top: 6px; border-radius: 100px; text-align: center; font-size: 18px;font-weight: 700;color:#000; }
.medals-table tr td { padding: 5px 10px; }

.top3-table { width: 100%; }
.top3-table thead { background: transparent; color: #333; }
.thead th { background: #EFF2F6; padding: 5px 10px; }
.thead th:first-child { border-radius: 20px 0 0 20px; }
.thead th:last-child { border-radius: 0 20px 20px 0; }
.top3-table thead tr { font-size: 11px; }
.top3-table tr th, .top3-table tr td { padding: 5px 10px; }
.top3-table thead tr th:first-child, .top3-table tbody tr td:first-child { width: 40px; }
.top-3-gold { background: #FFCC48; text-align: left; display: inline-block; padding: 10px; width: calc(100% - 60px); color: #000; font-size: 11px; font-weight: 800; border-radius: 10px; }
.top-3-silver { background: #D6DEEB;text-align: left;  display: inline-block; padding: 10px; width: calc(100% - 60px); color: #000; font-size: 11px; font-weight: 800; border-radius: 10px; }
.top-3-bronze { background: #DBBA9B; text-align: left; display: inline-block; padding: 10px; width: calc(100% - 60px); color: #000; font-size: 11px; font-weight: 800; border-radius: 10px; }

/* SLIDER */

.carousel .carousel-bt { position: absolute; top: 50%; margin-top: -38px; }
.carousel .carousel-bt.prev { left: 10px; right: auto; }
.carousel .carousel-bt.next { left: auto; right: 10px; }
.carousel .author { position: absolute; font-size: 14px; font-weight: 300; font-family: 'Lato'; height: 41px; bottom: 0; left: 0; right: 0; padding: 10px 0; text-align: center; background: #E9E8E4; z-index: 200; }
.carousel .overtitle { pointer-events: none; position: absolute; bottom: 0; left: 0; right: 0; padding: 60px 40px 50px;
	background: -moz-linear-gradient(top,  rgba(0,61,116,0) 0%, rgba(0,61,116,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,61,116,0)), color-stop(100%,rgba(0,61,116,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,61,116,0) 0%,rgba(0,61,116,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,61,116,0) 0%,rgba(0,61,116,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,61,116,0) 0%,rgba(0,61,116,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(0,61,116,0) 0%,rgba(0,61,116,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00003d74', endColorstr='#003d74',GradientType=0 ); /* IE6-9 */
}
.carousel .overtitle a { color: #FFF; pointer-events: all; }

/* TABS */

.tabs { list-style: none; padding: 0; display: flex; content-justify: space-between; width: 100%; margin: 0; }
.tabs li { flex-grow: 1; text-align: center; }
.tabs li a { display: block; background: #EBEAE6; color: #9D9D99; padding: 6px 0; font-size: 13px; font-weight: 500; text-transform: uppercase; }
.tabs li.active a, .tabs li:hover a, .tabs li:focus a, .tabs li:active a { background: #69B9AE; color: #FFF; text-decoration: none; }
.tabs li:not(:last-child) a { box-shadow: -2px 0 0 #FFF inset; }
.tab-content { border-top: 3px solid #69B9AE; }

dl.tabs dd { position: relative; }
dl.tabs dd:not(:last-child) { margin-right: 10px; padding-right: 10px; }
dl.tabs dd:not(:last-child):after { content: ''; border-left: 1px solid #999; position: absolute; right: 0; top: 0; bottom: 0;  }
dl.tabs dd a { font-weight: 600; }
dl.tabs dd.active a, dl.tabs dd a:active, dl.tabs dd a:hover, dl.tabs dd a:focus { text-decoration: none; color: #2c305c; }

#twitter-widget-0 { height: 420px; }

/* FICHA DE NOTICIA */

.new-tag { color: #868685; border: 1px solid #AEAEAA; border-radius: 4px; padding: 0 3px; font-size: 10px; text-transform: uppercase; display: inline-block; }
.new-tag.news { background: url(../../../images/default/microsite-sofia/layout/newtag-news.png) left 4px center no-repeat transparent; padding-left: 16px; }

.docs-links { margin-top: 30px; }

.new .new-content, .new .new-content * { font-size: 16px !important; font-family: 'Raleway' !important; color: #666 !important; }

.new .date { font-size: 20px; font-family: 'Lato'; color: #69B9AE; font-weight: 600; margin-top: 5px; }
.new blockquote { float: right; width: 50%; color: #ADADAA; margin-left: 30px; padding-left: 30px; font-size: 26px; font-weight: 300; font-style: italic; font-family: 'Lato'; border-left: 6px solid #EBEAE6; }
.new p { margin-bottom: 24px; }
.new .doc { border: 1px solid #EBEAE6; border-top: none; box-shadow: 0 -4px 0 #C3C3C3; padding: 30px 30px 30px 100px; background-position: left 25px center; background-repeat: no-repeat; position: relative; }
.new .doc + .doc { box-shadow: none; }
.new .doc.doc { background-image: url(../../../images/default/microsite-sofia/layout/docs/DOC.svg); }
.new .doc.gpx { background-image: url(../../../images/default/microsite-sofia/layout/docs/GPX.svg); }
.new .doc.klm { background-image: url(../../../images/default/microsite-sofia/layout/docs/KLM.svg); }
.new .doc.pdf { background-image: url(../../../images/default/microsite-sofia/layout/docs/PDF.svg); }
.new .doc.ppt { background-image: url(../../../images/default/microsite-sofia/layout/docs/PPT.svg); }
.new .doc.rar { background-image: url(../../../images/default/microsite-sofia/layout/docs/RAR.svg); }
.new .doc.txt { background-image: url(../../../images/default/microsite-sofia/layout/docs/TXT.svg); }
.new .doc.url { background-image: url(../../../images/default/microsite-sofia/layout/docs/URL.svg); }
.new .doc.xls { background-image: url(../../../images/default/microsite-sofia/layout/docs/XLS.svg); }
.new .doc.zip { background-image: url(../../../images/default/microsite-sofia/layout/docs/ZIP.svg); }
.new .doc.link { background-image: url(../../../images/default/microsite-sofia/layout/docs/LINK.svg); }

.new .doc .h3 { margin-top: 0; }
.new .doc .info { display: inline-block; font-size: 15px; font-family: 'Lato'; color: #1F9FCC; white-space: nowrap; width: calc(100% - 77px); text-overflow: ellipsis; overflow: hidden; }
.new .doc .info span { margin-left: 10px; }
.new .doc .readmore { position: absolute; right: 30px; bottom: 30px; }

.share-buttons { display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; }
.share-buttons a { flex-grow: 1; -webkit-flex-grow: 1; background: #AEAEAA left 10px center no-repeat; color: #FFF; text-align: right; border-radius: 5px; padding: 6px 10px; background-position: left: 10px center; background-repeat: no-repeat; }
.share-buttons a.active, .share-buttons a:hover, .share-buttons a:focus, .share-buttons a:active { text-decoration: none; background-color: #A0A09B; }
.share-buttons a:not(:last-child) { margin-right: 10px; }
.share-buttons a { background-size: 1.5em; fill: red !important; }
.share-buttons a.facebook { background-image: url('../../../images/default/microsite-sofia/layout/facebook.svg'); }
.share-buttons a.twitter { background-image: url('../../../images/default/microsite-sofia/layout/twitter.svg'); }
.share-buttons a.google { background-image: url('../../../images/default/microsite-sofia/layout/google.svg'); }

/* FILTRO CLASES */

.clases { list-style: none; padding: 0; display: inline-block; }
.col-xs-12.p-0 > .clases { padding: 30px 15px 0px; }
.clases li { display: inline-block; }
.clases a { display: block; background: #EBEAE6; border-radius: 500px; padding: 5px; width: 40px; height: 40px; text-align: center; margin-right: 3px; }
.clases li.active { /*position: relative; top: -8px;*/ }
.clases .active a, .clases a:hover, .clases a:focus, .clases a:active { background: #325779; fill: #FFF; }
.clases:not(.samesize) .active a { /*width: 55px; height: 55px;*/ }
.clases.samesize .active a { position: static; top: 0; }
.clases a * { fill: #666; }
.clases a rect { fill: transparent; stroke: transparent; }
.clases a svg { max-width: 100%; max-height: 100%; }
.clases .active a path, .clases a:hover path, .clases a:focus path, .clases a:active path,
.clases .active a tspan, .clases a:hover tspan, .clases a:focus tspan, .clases a:active tspan { fill: #FFF; }

.clases-container { overflow: auto; }
.clases-container .olympic-classes { float: left; max-width: 500px; padding-left: 15px; padding-right: 15px; }
.clases-container .other-classes { float: left; width: 300px; padding-left: 15px; padding-right: 15px; }
.clases-container h3 { font-size: 16px; }

/* RIGHTBAR(S) */

aside + aside { margin-top: 50px; }
.newsletter-form { background: #EBEAE6; box-shadow: 0 -4px 0 #69B9AE; padding: 30px; }
.newsletter-form label { font-size: 15px; font-weight: 400; }
.newsletter-form input[type="text"] { width: 100%; border: 1px solid #C2C2BF; padding: 4px 10px; margin-bottom: 10px; }
.newsletter-form input[type="submit"] { background: url(../../../images/default/microsite-sofia/layout/send-arrow.png) left 10px center no-repeat #AEAEAA; padding: 3px 10px 3px 50px; border-radius: 4px; color: #FFF; font-weight: 400; border: none; text-transform: uppercase; transition: background 0.15s ease; }
.newsletter-form input[type="submit"]:hover, .newsletter-form input[type="submit"]:focus, .newsletter-form input[type="submit"]:active { background-color: #939388; background-position: left 15px center; }

/* CALENDARIO FILTRO */

.calendar { list-style: none; padding: 0; position: relative; top: 25px; }
.calendar li { display: inline-block; }
.calendar li a { background: #FFF; padding: 4px 0 6px; color: #9D9D9A; font-size: 24px; display: block; text-align: center; font-weight: 500; min-width: 50px; border-top: 3px solid transparent; }
.calendar li a span { display: block; width: 100%; border-bottom: 1px solid #EBEAE6; font-size: 11px; margin-bottom: 3px; text-transform: uppercase; }
.calendar li a small { font-size: 80%; }
.calendar li.active a, .calendar li a:hover, .calendar li a:focus, .calendar li a:active { text-decoration: none; border-color: #69B9AE; color: #325779; }

/* GALERÍA */

.cantidad { font-size: 20px; font-weight: 300; font-family: 'Lato'; }
.galeria { padding: 3px; border-top: 4px solid #69B9AE; border-bottom: 1px solid #EBEAE6; }
.galeria img { vertical-align:bottom; opacity: 0; margin: 0; transition: all ease 0.3s, background-size 0.15s ease; cursor: pointer; position: relative; }
.galeria img:after { content:''; background: #69B9AE; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 2000; }
.galeria.zoom img { border: 0 solid rgba(255,255,255,0.25); }
.galeria.zoom img:hover { border-width: 9px; }

.image-youtube { }
.video-galleries .h3 { margin-bottom: 0px; font-size: 22px;}
.video-galleries .h3 a { color: #325779; }
.date { font-size: 18px; }
.video-info { border-left: 1px solid #DEDEDE; border-right: 1px solid #DEDEDE; box-shadow: 0 4px 0  #69B9AE; margin-bottom: 30px; }

/* LIVE RACE */
.scrollanchors .fa-chevron-down::before,
.scrollanchors .fa-chevron-up::before { font-size: 12px; position: relative; top: -4px; }

.live-race { position: relative; width: 100%; font-family: 'Lato'; }
.live-race .mapa { width: 100%; }
.live-race .sm, .mini-table .sm { font-size: 9px !important; }
.numerito { display: inline-block; width: 24px; height: 24px; padding-top: 1px; color: #325779; background: #69B9AE; border-radius: 100px; font-size: 14px; font-weight: 500; text-align: center; }
.live-race .numerito { margin: 0 auto 3px; display: block; }
.mini-table { font-size: 9px; color: #325779 !important; margin: 0; text-align: center; font-weight: 500; }
.live-race .mini-table { margin: 0 auto 3px; width: 70%; }
.mini-table thead { border: none; color: #325779 !important; font-size: 9px; background: none; text-align: center !important; }
.mini-table thead th { text-align: center !important; }
.mini-table tbody td { border: 1px solid #83AEC8; font-size: 12px; line-height: 12px; padding: 2px 0; }
.mini-table .wind-arrow { float: left; position: relative; top: 5px; margin-left: 3px; }
.live-race .class-ico { margin-right: 3px; max-height: 32px; }
.live-race .class-ico svg { display: inline; }
.live-race .class-ico svg * { fill: #325779; }
.live-race .class-ico svg #rectangle { fill: transparent; }
.mini-table tbody .viento { font-size: 14px; }
.mini-table tbody .viento .sm { font-size: 8px !important; line-height: 10px; }
.bocadillo { width: 220px; height: 79px; font-size: 13px; font-weight: 500; padding: 10px; background: url(../../../images/default/microsite-sofia/layout/bocadillo.svg) no-repeat center center; background-size: cover; }
.bocadillo:after { display: block; content: url('../../../images/default/microsite-sofia/layout/bocadillo-shadow.png'); width: 56px; height: 24px; position: absolute; bottom: -13px; left: 50%; margin-left: -28px; }
.bocadillo .wind { font-size: 15px; }
.bocadillo .wind-arrow { margin-right: 4px; }
.bocadillo .wind-ico { position: relative; top: -1px; margin-right: 5px; }
.live-race .bocadillo { position: absolute; }
.live-race .bocadillo.b-1 { top: 3%; left: 67%; }/* 10%, 55%*/
.live-race .bocadillo.b-2 { top: 85%; left: 2%; }
.live-race .bocadillo.b-3 { top: 88%; right: 4%; background: ; }
.live-race .bocadillo.b-4 { top: 2%; left: 21%; }
.live-race .bocadillo.b-5 { top: 11%; right: 35%; }
.live-race .bocadillo .h3.small { font-size: 13px; }
.mini-tabla-datos { display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center;  text-align: center; }
.mini-tabla-datos + .mini-tabla-datos { margin-top: 1px; }
.mini-tabla-datos .group { background: #FFF;  height: 32px; width: 26px; margin-right: 1px; color: #325779; font-size: 11px; font-weight: 500; padding-top: 5px; }
.mini-tabla-datos .group:before { content: ''; display: block; width: 8px; height: 8px; margin: auto; border-radius: 20px; background: #FF4000; margin-bottom: 2px; }
.mini-tabla-datos .group.red:before { background: #FF4000; }
.mini-tabla-datos .group.blue:before { background: #00A3D9; }
.mini-tabla-datos .group.yellow:before { background: #FFC81F; }
.mini-tabla-datos .group.fleet:before { background: transparent; }
.mini-tabla-datos .group.gold:before { background: #F7941D; }
.mini-tabla-datos .group.silver:before { background: #B3B3B3; }
.mini-tabla-datos .group.bronze:before { background: #B0A47F; }
.mini-tabla-datos .group.medal-race:before { background: transparent; }
.mini-tabla-datos .group.stadium-race:before { background: transparent; }
.mini-tabla-datos .group.emerald:before { background: #50B79A; }
.mini-tabla-datos .group.green:before { background: #5CEA52; }

.live-race .circulo { padding-top: 7px; text-align: center; position: absolute; width: 190px; height: 190px; background: urL('../../../images/default/microsite-sofia/live-race-circle.svg') no-repeat center center transparent; background-size: cover; top: 0%; left: 0%; }
.live-race .circulo.big { width: 210px; height: 210px; }
.live-race .circulo.c-1 { top: 58%; left: 73%; }
.live-race .circulo.c-2 { top: 73%; left: 58%; }
.live-race .circulo.c-3 { top: 44%; left: 57%; }
.live-race .circulo.c-4 { top: 61%; left: 41%; }
.live-race .circulo.c-5 { top: 29%; left: 40%; }
.live-race .circulo.c-6 { top: 49%; left: 24%; }
.live-race .circulo.c-7 { top: 20%; left: 23%; }
.live-race .circulo.c-8 { top: 46%; left: 6%; }
.live-race .ultima-actu { display: inline-block; color: #4a5377; font-size: 10px; }
.live-race .web-meteo-link { background: #69b9ae;color: #FFF;font-size: 10px;text-transform: uppercase;padding: 2px 5px;border-radius: 4px; }
.live-race .web-meteo-link.active, .live-race .web-meteo-link:hover, .live-race .web-meteo-link:focus, .live-race .web-meteo-link:active { color: #FFF; text-decoration: none; background: #49887f; }

.live-meteo-bt { display: block; position: absolute; top: 4%; right: 3%; transition: all 0.2s ease; border: 4px solid transparent; border-radius: 2000px; }
.live-meteo-bt:hover { border-color: #FFF; opacity: 0.75; }
.live-tabla .class-ico { width: 45px; height: 45px; background: #325779; border-radius: 1000px; text-align: center; padding-top: 2px; display: inline-block; }
.live-tabla .class-ico svg { }
.live-tabla .class-ico svg * { fill: #FFF; }
.live-tabla .class-ico svg #rectangle { fill: transparent; stroke: transparent; }
.live-tabla .numerito { display: block; float: left; margin-right: 8px; position: relative; top: 17px; }
.live-tabla .mini-table { display: inline-block; }
.live-tabla .mini-table td { padding: 3px 6px 2px; }
.live-tabla .mini-table .wind-arrow { margin-right: 3px; margin-left: 0; }
.tabla-grupos { font-family: 'Lato'; }
.tabla-grupos .group { padding-left: 23px; padding-top: 14px; text-transform: uppercase; background-image: url(../../../images/default/microsite-sofia/layout/dot-blue.png); background-repeat: no-repeat; background-position: left 11px top 18px; text-align: left; color: #325779; font-size: 12px; font-weight: 500; }

.tabla-grupos .group.red { background-image: url(../../../images/default/microsite-sofia/layout/dot-red.png); }
.tabla-grupos .group.blue { background-image: url(../../../images/default/microsite-sofia/layout/dot-blue.png); }
.tabla-grupos .group.yellow { background-image: url(../../../images/default/microsite-sofia/layout/dot-yellow.png); }
.tabla-grupos .group.fleet { background-image: url(../../../images/default/microsite-sofia/layout/dot-empty.png); }
.tabla-grupos .group.gold { background-image: url(../../../images/default/microsite-sofia/layout/dot-gold.png); }
.tabla-grupos .group.silver { background-image: url(../../../images/default/microsite-sofia/layout/dot-silver.png); }
.tabla-grupos .group.bronze { background-image: url(../../../images/default/microsite-sofia/layout/dot-bronze.png); }
.tabla-grupos .group.medal-race { background-image: url(../../../images/default/microsite-sofia/layout/dot-empty.png); }
.tabla-grupos .group.stadium-race { background-image: url(../../../images/default/microsite-sofia/layout/dot-empty.png); }
.tabla-grupos .group.emerald { background-image: url(../../../images/default/microsite-sofia/layout/dot-emerald.png); }
.tabla-grupos .group.green { background-image: url(../../../images/default/microsite-sofia/layout/dot-green.png); }

.tabla-grupos { display: flex; display: -webkit-flex; border-top: 1px solid #FFF; box-shadow: 0 -3px 0 #69B9AE; text-align: center; }
.tabla-grupos > div { flex-grow: 1; -webkit-flex-grow: 1; background-color: #F5F4F2; padding-bottom: 20px; }
.tabla-grupos > div:nth-child(2n) { background-color: #EBEAE6; flex-grow: 3; }
.tabla-grupos > div:not(:last-child) { border-right: 1px solid #FFF; }
.tabla-grupos .h3 { margin-top: 5px; font-size: 13px; }

button .button { font-size: 12px; padding: 3px 6px; }

.inscription-steps { list-style: none; text-align: center; padding: 20px 0;}
.inscription-steps li { display: inline-block; margin-right: 20px; text-transform: uppercase; font-size: 16px; }
.inscription-steps li:before { content: '1'; background: #9D9D99; color: #FFF; width: 45px; height: 45px; font-size: 20px; border-radius: 1000px; padding-top: 7px; text-align: center; display: inline-block; margin-right: 10px; }
.inscription-steps li.on:before { background-color: #325779; }
.inscription-steps li.step1:before { content: '1'; }
.inscription-steps li.step2:before { content: '2'; }
.inscription-steps li.step3:before { content: '3'; }
.inscription-steps li.step4:before { content: '4'; }
.inscription-steps li span { display: inline-block; }

.bgNationView .countryName { }

#securityinfoblock p { font-size: 14px !important; }

/* SAILOR ACCOUNT */

.user-info { font-family: 'Lato'; }
.user-info .class { background: #325779; display: inline-block; width: 45px; height: 45px; border-radius: 2000px; padding-top: 2px; text-align: center; margin-top: 5px; }
.user-info .class svg rect { fill: transparent; stroke: transparent; }
.user-info .class svg * { fill: #FFF; }
.user-info .pastilla { background: #FFF; border-radius: 5px; font-size: 13px; font-weight: 300; color: #325779; padding-top: 10px; padding-bottom: 10px; }

.logout-bt { background: url(../../../images/default/microsite-sofia/layout/logout.png) no-repeat left 9px center #69B9AE; color: #325779; padding: 7px 14px 7px 28px; border-radius: 200px; text-transform: uppercase; font-family: 'Lato'; font-size: 12px; font-weight: 600; }
.logout-bt:hover { background-color: #E5B300; text-decoration: none; color: #325779; }

.menu-lateral + .menu-lateral { margin-top: 30px; }
.menu-lateral h2 { color: #9D9D99; font-size: 13px; text-transform: uppercase; border-bottom: 3px solid #69B9AE; padding-bottom: 2px; }
.menu-lateral ul { list-style: none; margin: 0; padding: 0; }
.menu-lateral ul li { display: block; margin-bottom: 8px; }
.menu-lateral ul li a { text-decoration: underline; color: #325779; font-weight: 500; font-size: 14px; display: block; padding: 3px 5px; border-radius: 3px; }
.menu-lateral ul li a.button { color: #FFF; text-decoration: none; font-weight: 600; }
.menu-lateral .badge { padding: 3px 5px; }

.menu-lateral ul li.active a, .menu-lateral ul li a:hover, .menu-lateral ul li a:focus, .menu-lateral ul li a:active { background: #325779; color: #FFF; text-decoration: none; }

.collaborators a img, .collaborators img { max-width: 190px; max-height: 80px; object-fit: contain; }


.botonaco { display: flex; align-items: center; height: 100px; text-align: left; color: #7c7c79; border-radius: 5px; width: -moz-calc((100% / 3) - 4px); width: calc((100% / 3) - 4px); margin-right: 4px; margin-bottom: 4px;
	float: left; padding: 10px 10px 10px 80px; background: url(../../../images/default/microsite-sofia/layout/sailor/icosailor-boat.svg) no-repeat center left 20px #EBEAE6; transition: all ease 0.2s; font-weight: 500; position: relative; }
.botonaco span { position: absolute; bottom: 10px; top: 10px; display: flex; align-items: center; justify-content: start; right: 30px; left: 90px; font-size: 12px; font-weight: 600; text-align: left; }
.botonaco:nth-child(3n) { width: calc(100% / 3); width: -moz-calc(100% / 3); margin-right: 0; }
.botonaco.active, .botonaco:hover, .botonaco:focus, .botonaco:active { background-color: #E6E5E1; text-decoration: none; }
.botonaco.boat { background-image: url(../../../images/default/microsite-sofia/layout/sailor/icosailor-boat.svg); }
.botonaco.contactdata { background-image: url(../../../images/default/microsite-sofia/layout/sailor/icosailor-contactdata.svg); }
.botonaco.entry { background-image: url(../../../images/default/microsite-sofia/layout/sailor/icosailor-entry.svg); }
.botonaco.password { background-image: url(../../../images/default/microsite-sofia/layout/sailor/icosailor-password.svg); }
.botonaco.payment { background-image: url(../../../images/default/microsite-sofia/layout/sailor/icosailor-payment.svg); }
.botonaco.protests { background-image: url(../../../images/default/microsite-sofia/layout/sailor/icosailor-protests.svg); }
.botonaco.requests { background-image: url(../../../images/default/microsite-sofia/layout/sailor/icosailor-requests.svg); }
.botonaco.rule42 { background-image: url(../../../images/default/microsite-sofia/layout/sailor/icosailor-rule42.svg); }
.botonaco.score { background-image: url(../../../images/default/microsite-sofia/layout/sailor/icosailor-score.svg); }
.botonaco.photos { background-image: url(../../../images/default/microsite-sofia/layout/sailor/icosailor-photos.svg); }
.botonaco.checkin { background-image: url(../../../images/default/microsite-sofia/layout/sailor/icosailor-checkin-2.svg); }
.botonaco.retirement { background-image: url(../../../images/default/microsite-sofia/layout/sailor/icosailor-retirement.svg); }
.botonaco.norace { background-image: url(../../../images/default/microsite-sofia/layout/sailor/icosailor-norace.svg); }
.botonaco.penalty { background-image: url(../../../images/default/microsite-sofia/layout/sailor/icosailor-penalty.svg); }
.botonaco.check-invoice { background-image: url(../../../images/default/microsite-sofia/layout/sailor/icosailor-check-invoices.svg); }
.botonaco.team-members { background-image: url(../../../images/default/microsite-sofia/layout/sailor/icosailor-team-members.svg); }
.botonaco.tracking-devices { background-image: url(../../../images/default/microsite-sofia/layout/sailor/icosailor-tracking-devices.svg); }



/* SOCIAL STREAM */

.dcsns-toolbar .filter .link-all { height: auto; padding: 4px 7px 4px; }
.dcsns-toolbar .filter .link-all.active, .dcsns-toolbar .filter .link-all:hover, .dcsns-toolbar .filter .link-all:focus, .dcsns-toolbar .filter .link-all:active { text-decoration: none; }
.dcsns-toolbar { margin-bottom: 20px; }
.dcsns-toolbar .filter li a { background: #69B9AE; }

.stream { width: 100% !important; }
.stream li { font-size: 13px; line-height: 18px; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15); padding: 15px 0px 50px; font-family: "Lato","Open Sans","Trebuchet MS",verdana !important; width: calc(100% / 3 - 12px); max-width: 100%; }
.stream li .icon { left: 5px; bottom: 5px; }
.stream li .section-intro { padding: 13px 0px 13px 6px; }
.stream li .section-title { margin-bottom: 7px; }
.stream li .section-thumb { margin: 0; width:100%;}
.stream li .section-thumb img { max-width: 100% !important; width: 100%; padding: 0; border: none; }
.stream li .section-thumb a { display: block; width: 100%; }
.stream li.dcsns-facebook .section-thumb img { margin-bottom: 15px; }
.stream li.dcsns-youtube .section-thumb img { margin-bottom: 15px; }
.stream li.dcsns-facebook .section-text a, .stream li .section-title { color: #006CB1; }
.stream li.dcsns-twitter .section-thumb img { margin-right: 10px; margin-bottom: 10px; }
.stream li.dcsns-flickr .section-thumb { width: 100%; margin-bottom: 10px; }
.stream li .inner { padding-bottom: 30px; }

/* FORMULARIOS */

.form-control { border-radius: 4px; font-size: 13px; border: 0; padding: 5px 12px; margin-bottom: 6px;}
.form-control:focus { border-color: #7D93A1; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(125, 147, 161, 1); }
.classic-form .h3 { margin-top: 40px; }
.classic-form input, .classic-form select, .classic-form textarea { width: 100%; border-radius: 3px; padding: 7px 10px; border: 1px solid #DDDDD9; }
.classic-form input[type="submit"] { width: auto; }
.classic-form input[type="radio"] { width: auto; }
.classic-form input[type="checkbox"] { width: auto; float: left; margin-right: 6px; }
.classic-form label { font-weight: 500; /*text-transform: uppercase;*/ font-size: 14px; margin-bottom: 10px; }
/*.classic-form .star:after, .classic-form .nothing:after { content:'*'; margin-left: 2px; color: #FF4000; position: relative; top: 5px; font-size: 22px; }*/
.classic-form .star { height: 10px; }
.classic-form .star:after { content:'*'; margin-left: 2px; color: #FF4000; position: relative; top: 5px; font-size: 22px; line-height: 13px; }
.classic-form .star img, .classic-form .nothing img { display: none; }
.classic-form .columna { min-height: 95px; margin-bottom: 5px; }
.classic-form .error { color: #FF4000; }
.classic-form #documentssinfoblock { margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px solid #DDDDD9; }
.form-group-block { background: #EAF1F5; padding: 0 20px; border-radius: 4px; margin-bottom: 20px; }
.form-group-block a { color: #325779; }
.form-group-block a.button { color: #FFF; }
.form-group-block .dropdown button.dropdown-toggle { min-width: 100%; }
.form-group-block .dropdown-menu { padding: 10px 15px; color: #666; font-size: 14px; text-transform: none; }
.form-group-block .dropdown-menu div { margin-bottom: 15px; font-weight: 500; font-size: 13px; }
.form-group-block .dropdown .dropdown-item { color: #325779; display: block; padding: 10px 0; border-bottom: 1px solid #DDD; }
.form-group-block .dropdown .dropdown-item.active, .form-group-block .dropdown .dropdown-item:active, .form-group-block .dropdown .dropdown-item:hover, .form-group-block .dropdown .dropdown-item:focus { text-decoration: none;  }
.form-group-block .dropdown button.dropdown-item { background: #325779; color: #FFF; text-align: center; border-radius: 10px; font-weight: 500; border: none; text-align: center; font-size: 13px; text-transform: uppercase; width: 100%; }

.classic-form .form-group-block .h3 { margin-top: 0; padding-top: 30px; font-size: 14px; font-weight: 600; text-transform: uppercase; }
.classic-form .form-group-block input, .classic-form .form-group-block select, .classic-form .form-group-block textarea { font-weight: 500; }
.classic-form .form-group-block label { font-weight: 600; font-size: 12px; }

.form-group-block .classes-selection > div { display: flex; flex-wrap: wrap; margin-bottom: 30px; }
.form-group-block .classes-selection > div > label { width: calc(100% / 3); flex: 0 0 auto; }

#conditions-container { display: none; background: #FFFDF2; padding: 30px 40px; }
#conditions-container .text p { font-size: 14px; line-height: 16px; }
.close-reveal-modal { cursor: pointer; background: #69B9AE; color: #FFF; width: 20px; height: 20px; display: block; text-align: center; border-radius: 100px; margin-bottom: 6px; font-size: 13px; }

.toa-right .title { font-size: 24px; border-bottom: 3px solid #69B9AE; padding-bottom: 2px; color: #325779; }
.toa-right input[type="text"], .toa-right input[type="password"] { border-radius: 4px; font-size: 13px; border: 1px solid #DEDEDE; padding: 5px 12px; margin-bottom: 6px; width: 100%; }
.toa-right form { padding: 0 15px; }



#BoatInscriptionForm.sailor-account-form .docline .showDocument + div { width: 100%; float: none; }
.sailor-account-document-block { background: #eeedec; margin-bottom: 20px; }
.sailor-account-document-block .document-name { background: #325779; color: #FFF; padding: 10px 15px; }
#BoatInscriptionForm .sailor-account-document-block label { font-weight: 700; }
.sailor-account-document-description { padding-top: 10px !important; }
.sailor-account-document-description * { font-size: 13px !important; color: #333 !important; line-height: 18px !important; }
.sailor-account-document-field { font-size: 13px; }
.update-document-button.disabled { pointer-events: none; opacity: 0.3; }
#BoatInscriptionForm .docline .sailor-account-upload-document label {display: none; }
#BoatInscriptionForm .docline .sailor-account-upload-label { color: #27528F; margin-bottom: 10px; }
#BoatInscriptionForm .sailor-account-document-block .docline { background: transparent; padding: 0; }
#BoatInscriptionForm fieldset.sailor-account-fieldset { margin: 30px 0 !important; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; }

.sailor-account-document-upload {display: none; }
.sailor-account-document-upload.active {display: table; width: 100%; margin-bottom: 10px; }

.row form .sailor-account-fieldset .row { margin: 0 -15px; }

.document-type { font-size: 18px; font-weight: 900; margin-top: 30px; border-bottom: 2px solid #69B9AE; padding-bottom: 10px; }
.document-name { font-size: 18px; font-weight: 700; }

.doc-info-layer {  }

.checkin-aviso { padding: 20px; background: #fdf5ec; margin: 20px 0; }
.checkin-numero { display: inline-block; background: #69B9AE; color: #FFF; font-size: 20px; border-radius: 200px; height: 40px; width: 40px; margin-right: 10px; font-weight: 900; text-align: center; padding-top: 8px; margin-top: 20px;  }

.checkin-status { background: #333; padding: 2px 10px; display: inline-block; color: #FFF; font-weight: 600; font-size: 12px; border-radius: 200px; }
.checkin-status.yellow { background: #efc21f; }
.checkin-status.orange { background: #ef801f; }
.checkin-status.green { background: #0bd35b; }
.checkin-status.red { background: #ef1f29; }

.checkin-bt-prev, .button.checkin-bt-prev { background: url(../../../images/default/microsite-sofia/layout/checkin-bt-prev.svg) no-repeat left 10px center #ef801f; padding-left: 40px; text-align: left; }
.checkin-bt-next, .button.checkin-bt-next { background: url(../../../images/default/microsite-sofia/layout/checkin-bt-next.svg) no-repeat right 10px center #69B9AE; padding-right: 40px; text-align: left; }

.cuenta-sailti-big { font-size: 18px; font-weight: 600; }
.sgs-login-block { background: #EBEAE6; padding: 30px; margin-bottom: 30px; }
.sgs-login-block a.blue { color: #002550; background: #fbbf32; font-size: 11px; font-weight: 500; border-radius: 100px; padding: 2px 10px; text-decoration: none !important; margin-top: 15px; display: inline-block; }
.sgs-login-block a { color: #002550; }
.online-entry-login { width: 250px; }

.sgs-login-block .button.theme.big { background: #002550; color: #FFF; }

/* FOOTER */

.sea { background: none; /*background: url(../../../images/default/microsite-sofia/layout/bgbottom.jpg) no-repeat center center #3C5075; */ height: 120px; opacity: 1; }
footer { min-height: 300px; background: #EBEAE6; border-top: 1px solid rgba(0,0,0,0.15); }
footer .columna { width: calc(100% / 7); float: left; padding: 0 15px; }
.footer-link:first-child { font-size: 15px; margin-bottom: 16px; }
.footer-link { font-size: 13px; line-height: 15px; display: block; color: #003D74; font-weight: 500; }
.footer-logo { position: relative; top: -16px; }
footer .social-circles { margin: 0; }

.collaborators { background: #FFF; padding: 30px 0; }
.collaborators .h4 { color: #2C4559; font-size: 14px; text-transform: uppercase; margin-bottom: 20px; }

.subfooter * { color: #003D72; font-size: 13px; font-weight: 500; }
.subfooter .sailti-bt { margin-left: 40px; position: relative; top: -7px; display: inline-block; }

/* COOKIES */

#cookie-law { background: rgba(0,0,0,0.6); position: fixed; bottom: 0;z-index: 200000;left: 0; right: 0;  }
#cookie-law > div > div { background: #69B9AE; max-width: 960px; margin: 30px auto; padding: 15px 30px;  position: relative; }
#cookie-law h4 { font-size: 16px; font-weight: 500; color: #325779; }
#cookie-law p { font-size: 13px; line-height: 18px; }
#cookie-law a { color: #325779; display: block; text-transform: uppercase; margin-top: 6px; }
#cookie-law .close-cookie-banner { position: absolute; top: 7px; right: 13px; background: #FFF; border-radius: 100px; padding: 4px 10px; font-size: 10px; font-weight: 600; }

/* FANCYBOX */

.fancybox-overlay { background: rgba(12, 65, 117, 0.82); }

/* VIDEOS */

.video-youtube iframe { min-height: 550px; }

/* RESPONSIVE PARA MENOS DE Xpx */

@media (max-width: 1199px) {
	.galeria.zoom .img { height: 170px; } /* Si el script de la galería funciona este valor no se usará */
	.main-menu ul li a { padding: 18px 16px; font-size: 13px; }
	footer .social-circles li { margin-left: -1px; }
	.submenu .sublist { text-align: center; }
	.submenu .sublist li a { font-size: 11px; padding: 14px 2px; }
}
@media (max-width: 992px) {
	/*body { min-width: 992px; }*/
	header .tel { font-size: 32px; }
	.menu a { font-size: 16px; }
	.menu > div:nth-child(2n) { padding: 0; }
	.menu > div:nth-child(1), .menu > div:nth-child(2) { border-bottom: 1px solid #5E6970; }
	.menu a:hover, .menu .active a, .menu a:focus, .menu a:active { padding-left: 8px; }
	.galeria.zoom .img { height: 270px; } /* Si el script de la galería funciona este valor no se usará */
	.stream li { width: calc(100% / 2 - 12px); }
	.botonaco, .botonaco:nth-child(3n) { width: 100%; margin-right: 0; }
}
@media (max-width: 768px) {
	.live-menu { position: static; }
	/* Titulos (todos tienen 2px menos) */
	.h1, .h1 a { font-size: 24px; }
	.h2 { font-size: 22px; }
	.h2.small { font-size: 16px; }
	.h2.big { font-size: 42px; }
	.h3 { font-size: 16px; }
	.h3.small { font-size: 13px; }
	.h3.big { font-size: 22px; }
	.h4 { font-size: 11px; }
	.stream li { width: 100%; }
	.sea { display: none; }
	.contact-map { height: 280px; }
	.srlit { max-width: 130px; }
	.main-menu ul { display: block; max-height: 0; transition: max-height ease 0.3s; overflow: hidden; }
	.main-menu.active ul { display: block; max-height: 500px; }
	.main-menu ul li a { padding: 12px 0; }
	.social-circles { margin-right: 7px; }
	.social-circles li { margin-left: 1px; }
	.whiteblock { padding-left: 15px; padding-right: 15px; }
	#home-slider { height: auto; border-right: none; }
	/* Footer */
	footer .columna { width: calc(100% / 2); padding-left: 15px !important; padding-right: 15px !important; padding-top: 10px !important; }
	footer .social-circles li { margin: 0 8px; }
	.subfooter * { font-size: 11px; }
	.subfooter .sailti-bt { position: static; margin: 10px 0; }
	/* Inscripcion */
	.inscription-steps { text-align: left; padding-top: 0; }
	.inscription-steps li { margin-bottom: 5px; display: block; }
	.inscription-steps li:before { width: 30px; height: 30px; padding-top: 0; }
	/* Noticias */
	.tags li a { font-size: 12px; padding: 4px 10px; margin-bottom: 5px; }
	.new-listing-pic { min-height: 350px; border: none; }
	.carousel .carousel-bt img { max-width: 30px; }
	.carousel .overtitle { position: relative; }
	.carousel .overtitle .h2.big { font-size: 17px; }
	.new .date { font-size: 18px; font-weight: 400; }
	.new blockquote { width: 100%; float: none; font-size: 20px; margin-left: 0; }
	/* Notice board */
	.clases { padding: 15px; text-align: center; margin-bottom: 0; }
	.clases li { margin: 3px; }
	.docs-links { margin-top: 10px; }
	.weather { width: 100%; }
	.weather:not(:first-child) { display: none; }
	.content-header { padding: 10px 15px 10px; }
}
@media (max-width: 380px) {
	.galeria.zoom .img { height: 150px; } /* Si el script de la galería funciona este valor no se usará */
}

/* RESPONSIVE PARA MÁS DE Xpx */

@media (min-width: 1199px) {  }
@media (min-width: 992px) {  }
@media (min-width: 768px) {  }
@media (min-width: 380px) {  }

/* RESPONSIVE: MARGIN, TEXT-ALIGN */

@media (max-width: 992px) {
	.m-md-0 { margin: 0px !important; }		.m-md-b-0 { margin-bottom: 0px !important; }	.m-md-t-0 { margin-top: 0px !important; }
	.m-md-10 { margin: 10px !important; }	.m-md-b-10 { margin-bottom: 10px !important; }	.m-md-t-10 { margin-top: 10px !important; }
	.m-md-20 { margin: 20px !important; }	.m-md-b-20 { margin-bottom: 20px !important; }	.m-md-t-20 { margin-top: 20px !important; }
	.p-md-0 { padding: 0px !important; }	.p-md-b-0 { padding-bottom: 0px !important; }	.p-md-t-0 { padding-top: 0px !important; }
	.p-md-10 { padding: 10px !important; }	.p-md-b-10 { padding-bottom: 10px !important; }	.p-md-t-10 { padding-top: 10px !important; }
	.p-md-20 { padding: 20px !important; }	.p-md-b-20 { padding-bottom: 20px !important; }	.p-md-t-20 { padding-top: 20px !important; }
	.t-md-left { text-align: left !important; }	.t-md-right { text-align: right !important; }	.t-md-center { text-align: center !important; }
}
@media (max-width: 768px) {
	.m-sm-0 { margin: 0px !important; }		.m-sm-b-0 { margin-bottom: 0px !important; }	.m-sm-t-0 { margin-top: 0px !important; }
	.m-sm-10 { margin: 10px !important; }	.m-sm-b-10 { margin-bottom: 10px !important; }	.m-sm-t-10 { margin-top: 10px !important; }
	.m-sm-20 { margin: 20px !important; }	.m-sm-b-20 { margin-bottom: 20px !important; }	.m-sm-t-20 { margin-top: 20px !important; }
	.p-sm-0 { padding: 0px !important; }	.p-sm-b-0 { padding-bottom: 0px !important; }	.p-sm-t-0 { padding-top: 0px !important; }	.p-sm-l-0 { padding-left: 0px !important; }	.p-sm-r-0 { padding-right: 0px !important; }
	.p-sm-10 { padding: 10px !important; }	.p-sm-b-10 { padding-bottom: 10px !important; }	.p-sm-t-10 { padding-top: 10px !important; }
	.p-sm-15 { padding: 15px !important; }	.p-sm-b-15 { padding-bottom: 15px !important; }	.p-sm-t-15 { padding-top: 15px !important; }
	.p-sm-20 { padding: 20px !important; }	.p-sm-b-20 { padding-bottom: 20px !important; }	.p-sm-t-20 { padding-top: 20px !important; }
	.t-sm-left { text-align: left !important; }	.t-sm-right { text-align: right !important; }	.t-sm-center { text-align: center !important; }
}
@media (max-width: 380px) {
	.m-xs-0 { margin: 0px !important; }		.m-xs-b-0 { margin-bottom: 0px !important; }	.m-xs-t-0 { margin-top: 0px !important; }
	.m-xs-10 { margin: 10px !important; }	.m-xs-b-10 { margin-bottom: 10px !important; }	.m-xs-t-10 { margin-top: 10px !important; }
	.m-xs-20 { margin: 20px !important; }	.m-xs-b-20 { margin-bottom: 20px !important; }	.m-xs-t-20 { margin-top: 20px !important; }
	.p-xs-0 { padding: 0px !important; }	.p-xs-b-0 { padding-bottom: 0px !important; }	.p-xs-t-0 { padding-top: 0px !important; }
	.p-xs-10 { padding: 10px !important; }	.p-xs-b-10 { padding-bottom: 10px !important; }	.p-xs-t-10 { padding-top: 10px !important; }
	.p-xs-20 { padding: 20px !important; }	.p-xs-b-20 { padding-bottom: 20px !important; }	.p-xs-t-20 { padding-top: 20px !important; }
	.t-xs-left { text-align: left !important; }	.t-xs-right { text-align: right !important; }	.t-xs-center { text-align: center !important; }
}


.punt_A {
    background: url("../../../images/default/result_grupo_amarillo.gif") no-repeat scroll right center transparent;
    padding-right: 10px;
    text-align: right;
    width: 40px;
}
.punt_A-B {
    background: url("../../../images/default/ico_result_A-B.png") no-repeat scroll right center transparent;
    padding-right: 26px;
    text-align: right;    
}
.punt_A-C {
    background: url("../../../images/default/ico_result_A-C.png") no-repeat scroll right center transparent;
    padding-right: 26px;
    text-align: right;    
}

.punt_A-D {
    background: url("../../../images/default/ico_result_A-D.png") no-repeat scroll right center transparent;
    padding-right: 26px;
    text-align: right;    
}
.punt_A-E {
    background: url("../../../images/default/ico_result_A-E.png") no-repeat scroll right center transparent;
    padding-right: 26px;
    text-align: right;    
}
.punt_A-F {
    background: url("../../../images/default/ico_result_A-F.png") no-repeat scroll right center transparent;
    padding-right: 26px;
    text-align: right;    
}


.punt_B {
    background: url("../../../images/default/result_grupo_azul.gif") no-repeat scroll right center transparent;
    padding-right: 10px;
    text-align: right;
    width: 40px;
}
.punt_B-C {
    background: url("../../../images/default/ico_result_B-C.png") no-repeat scroll right center transparent;
    padding-right: 26px;
    text-align: right;    
}
.punt_B-D {
    background: url("../../../images/default/ico_result_B-D.png") no-repeat scroll right center transparent;
    padding-right: 26px;
    text-align: right;    
}
.punt_B-E {
    background: url("../../../images/default/ico_result_B-E.png") no-repeat scroll right center transparent;
    padding-right: 26px;
    text-align: right;    
}
.punt_B-F {
    background: url("../../../images/default/ico_result_B-F.png") no-repeat scroll right center transparent;
    padding-right: 26px;
    text-align: right;    
}


.punt_C {
    background: url("../../../images/default/result_grupo_rojo.gif") no-repeat scroll right center transparent;
    padding-right: 10px;
    text-align: right;
    width: 40px;
}
.punt_C-D {
    background: url("../../../images/default/ico_result_C-D.png") no-repeat scroll right center transparent;
    padding-right: 26px;
    text-align: right;    
}
.punt_C-E {
    background: url("../../../images/default/ico_result_C-E.png") no-repeat scroll right center transparent;
    padding-right: 26px;
    text-align: right;    
}
.punt_C-F {
    background: url("../../../images/default/ico_result_C-F.png") no-repeat scroll right center transparent;
    padding-right: 26px;
    text-align: right;    
}



.punt_D {
    background: url("../../../images/default/result_grupo_verde.gif") no-repeat scroll right center transparent;
    padding-right: 10px;
    text-align: right;
    width: 40px;
}

.punt_D-E {
    background: url("../../../images/default/ico_result_D-E.png") no-repeat scroll right center transparent;
    padding-right: 26px;
    text-align: right;    
}
.punt_D-F {
    background: url("../../../images/default/ico_result_D-F.png") no-repeat scroll right center transparent;
    padding-right: 26px;
    text-align: right;    
}


.punt_E {
    background: url("../../../images/default/result_grupo_blanco.gif") no-repeat scroll right center transparent;
    padding-right: 10px;
    text-align: right;
    width: 40px;
}

.punt_E-F {
    background: url("../../../images/default/ico_result_E-F.png") no-repeat scroll right center transparent;
    padding-right: 26px;
    text-align: right;    
}

.punt_F {
    background: url("../../../images/default/result_grupo_negro.gif") no-repeat scroll right center transparent;
    padding-right: 10px;
    text-align: right;
    width: 40px;
}

.punt_G {
    background: url("../../../images/default/result_grupo_rosa.gif") no-repeat scroll right center transparent;
    padding-right: 10px;
    text-align: right;
    width: 40px;
}

.punt_H {
    background: url("../../../images/default/result_grupo_purpura.gif") no-repeat scroll right center transparent;
    padding-right: 10px;
    text-align: right;
    width: 40px;
}


.punt_GOLD, .punt_Gold {
    background: url("../../../images/default/result_grupo_oro.gif") no-repeat scroll right center transparent;
    padding-right: 10px;
    text-align: right;
    width: 40px;
}

.punt_SILVER, .punt_Silver {
    background: url("../../../images/default/result_grupo_plata.gif") no-repeat scroll right center transparent;
    padding-right: 10px;
    text-align: right;
    width: 40px;
}

.punt_BRONZE, .punt_Bronze {
    background: url("../../../images/default/result_grupo_bronce.gif") no-repeat scroll right center transparent;
    padding-right: 10px;
    text-align: right;
    width: 40px;
}

.punt_Blue {
    background: url("../../../images/default/result_grupo_azul.gif") no-repeat scroll right center transparent;
    padding-right: 10px;
    text-align: right;
    width: 40px;
}

.punt_Yellow {
    background: url("../../../images/default/result_grupo_amarillo.gif") no-repeat scroll right center transparent;
    padding-right: 10px;
    text-align: right;
    width: 40px;
}
.punt_Red {
    background: url("../../../images/default/result_grupo_rojo.gif") no-repeat scroll right center transparent;
    padding-right: 10px;
    text-align: right;
    width: 40px;
}
.punt_Green {
    background: url("../../../images/default/result_grupo_verde.gif") no-repeat scroll right center transparent;
    padding-right: 10px;
    text-align: right;
    width: 40px;
}
.punt_EmeralD, .punt_EMERALD  {
    background: url("../../../images/default/result_grupo_rosa.gif") no-repeat scroll right center transparent;
    padding-right: 10px;
    text-align: right;
    width: 40px;
}

.notice-box {
    background: #fffbe6 none repeat scroll 0 0;
    border: 1px solid #f5c300;
    padding: 15px;
}

.col-pay {text-align: center !important;}

.buttondeletesailor img:hover{z-index:10; }
.buttondeletesailor span {display: none; position: absolute; bottom: 25px; left: 0; right: 0; background: #333; color: #fff; padding:10px;  }
.buttondeletesailor:hover span {display: block; width:250px;  }


.ico-expand-closed .expand {
	background: url("../../../images/default/arrow-expand.png") no-repeat -21px 0;
	display: block;
	width: 21px;
	height: 21px;
}
.ico-expand-opened .cont {
	background: url("../../../images/default/arrow-expand.png") no-repeat 0 0;
	display: block;
	width: 21px;
	height: 21px;
}
.nav-tabs > li.active a,.nav-tabs > li.active a:focus,.nav-tabs > li.active a:active{
	border-color: #eee #eee #ddd;
	text-decoration: none;
	background-color: #eee;
	color: #2a6496;
}

.badge-info {
	background-color:#ffb27e;
}
.badge-success {
	background-color:#3fc9d5;
}
.badge-danger {
	background-color:#ed6b75;
}
.badge-warning {
	background-color:#F1C40F;
}

.custom-file-input input::-webkit-file-upload-button {
	visibility: hidden;
	max-width: 0px;
}
.custom-file-input input {
	max-width: 0px;
}
.custom-file-input input::before {
	max-width: 0px;
}
input::placeholder { opacity: 0.3 !important; }

.select-role-button { flex-direction: column; display: flex; align-items: center; justify-content: center; height: 160px; border-radius: 10px; background: #d7dfe6; padding: 15px; text-transform: none; color: #555; font-weight: 800; font-size: 14px; text-align: center; text-decoration: none; }
.select-role-button.active, .select-role-button:active, .select-role-button:hover, .select-role-button:focus { text-decoration: none; background: #bdccda; color: #333; }
.select-role-button img { margin-bottom: 10px; }
.select-role-p { font-weight: 500; }
.row-flex { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; }
.row-flex .col-auto { flex: 0 0 auto; width: auto; flex-shrink: 0; padding-right: 15px; padding-left: 15px; }
.row-flex .col { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%;}
.justify-content-center { justify-content: center !important; }
.align-items-center { align-items: center !important; }
.align-items-end { align-items: end !important; }

@media (min-width: 576px) {
	.row-flex .col-sm-auto { flex: 0 0 auto; width: auto; flex-shrink: 0; padding-right: 15px; padding-left: 15px; }
	.row-flex .col-sm { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%;}
}

@media (min-width: 768px) {
	.row-flex .col-md-auto { flex: 0 0 auto; width: auto; flex-shrink: 0; padding-right: 15px; padding-left: 15px; }
	.row-flex .col-md { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%;}
}

.open-sgs-races { background: #E6E6E6; padding: 20px; border-radius: 15px; margin-top: 60px; }
.races-inscriptionss {}
.races-inscriptions-title { color: #000; font-size: 20px; font-weight: 600; margin-bottom: 10px; }
.races-inscriptions-desc, .race-item.inscription p.races-inscriptions-desc { font-weight: 500; margin-bottom: 30px; }
.race-inscription { position: relative; background: #FFF; border-radius: 10px; padding: 20px;}
.race-inscription:not(:last-child) { margin-bottom: 20px; }
.race-inscription .row { width: 100%; display: flex; align-items: center; }
.race-inscription .button { font-size: 17px; background-image: url("../../../images/default/related-race-open.svg"); background-repeat: no-repeat; background-position: center right 10px; padding: 10px 50px 10px 15px; font-weight: 700; }
.race-inscription .race-name { font-size: 18px; font-weight: 800; color: #333; }
.race-inscription .race-date { font-size: 14px; font-weight: 800; color: #868686; }
.race-inscription img { width: 122px; height: 122px; object-fit: contain; background: #FFF; border: 1px solid #DBDBDB; border-radius: 5px; }