* {margin:0; padding:0; border:0; font-family:Arial; font-size:11px;overflow:hidden; color:#707173;}
a {text-decoration:none}
a:hover {text-decoration:none; cursor:pointer;}

table, td {border:1px solid #008BD0;}
td {padding:1px;}
ul {list-style:none; overflow:hidden;}

h1 {font:bold 16px/22px Arial;}
h2 {text-transform:uppercase;}

input[class*="required"], select[class*="required"], .ui-autocomplete-input, td.required  {background-color: #D2DDF7; border:1px solid;}

input[class*="disabled"] {background-color: #FFF; border:0 !important;}
input, select {border: 1px solid #707173; font-size: 10px;}
input {padding:1px;}
input:focus {color:black;}

.gris {color:#707173;}
.celeste {color:#008BD0;}
.oculto {display:none !important;}
.invisible {opacity:0; height:0; width:0;filter: alpha(opacity=0); -moz-opacity:0;-khtml-opacity: 0; }
.invisibleW {opacity:0; width:0; filter: alpha(opacity=0); -moz-opacity:0;-khtml-opacity: 0; }
.invisibleH {opacity:0; height:0; filter: alpha(opacity=0); -moz-opacity:0;-khtml-opacity: 0; }

.itemRed {background-color:rgba(255,0,0,0.2) !important;}

.ui-autocomplete {z-index: 10000;}

#mainContainer{position:absolute; top:42px; bottom:42px; left:0; right:0; background:#FFFFFF; min-height:120px; border-top: 2px solid #001F44; border-bottom: 2px solid #001F44;}
#marcapagina {position:fixed;top:0; right:20px; width:265px; height:100%; background:#001F44}

ul.mnu {padding:7px 24px 7px 10px;}
ul.mnu li {float:left; margin-right:10px; font-size:10px;}
ul.mnu li.drch {float:right;}
ul.mnu li:hover {cursor:pointer;}
ul.mnu.base{padding:0;}
ul.mnu.base li:hover{color:#008BD0;}

#mnu1 {background:#e1dbdb; height:14px;}
#mnu1 li {color:#928f8f; font-weight:bold;}
#mnu1 li:hover, #mnu1 li.selected, #mnu1 h2:hover {color:#008BD0;}
#mnu1 h2 {color:#001F44; font-size:14px;}

#mnu2 {background:#cbc8c8; height:14px;}
#mnu2 li {color:#f6f0f0;  font-weight:bold;}
#mnu2 li:hover, #mnu2 li.selected {color:#008BD0;}
#mnu2 h2 {color:#008bcf;}

#mnu3 {background:#e1dbdb; height:14px;}
#mnu3 li {color:#928f8f; font-weight:bold;}
#mnu3 li:hover, #mnu1 li.selected, #mnu1 h2:hover {color:#008BD0;}
#mnu3 h2 {color:#001F44; font-size:11px;}

div.lista {text-align:left;}
div.lista div.content {overflow-x:auto;}
div.lista li  {float:left; font-size:10px; min-height:1px;}
div.lista ul.cabecera li {color:#928f8f; font-weight:bold;}
div.lista ul.cabecera li.headOrder:hover {cursor:pointer; color:#008BD0;}
div.lista ul.cabecera li.selected{color:#008BD0;}
div.lista ul.cabecera li.headOrder:after{content: "\e013"; font-family: 'ScIcomoon'; speak: none; font-style: normal; font-weight: normal; 	line-height: 1; -webkit-font-smoothing: antialiased; 	-moz-osx-font-smoothing: grayscale;}
div.lista li.item {width:100%}

div.lista  div.content ul.cabecera{border-top:1px dotted #008BD0; border-bottom:1px dotted #008BD0; color:#707173; padding:0.5em 2px;}

ul.items{overflow-y:auto;}
ul.items li.item{overflow-y:auto; padding:0.5em 2px; border:2px solid transparent;}
ul.items li.item:hover {border:2px solid #999;}
ul.items li.item:nth-child(2n) {background-color:#ECEDED;}
	
ul.foot{background:#e1dbdb; color:##928f8f; border-top:1px solid #928f8f; padding:8px;}

.jform {padding:0;}
ul.foot .jform {padding:0;}
.jform ul li {overflow: hidden; padding: 5px 0;}
.jform ul li label {margin-right: 5px; float:left;}
.jform ul li input, .jform ul li select, .jform textarea {float: right; border: 1px solid #707173; font-size: 10px; padding:1px;}
.jform ul li textarea {border: 1px solid #707173; font-size: 10px;}
.jform ul li input[type="text"], input[type="password"], select {width: 200px;}
.jform ul li input[type="checkbox"] {	float:left; margin-right:5px;}
.jform ul li input[ type ="checkbox"] {margin-left: 5px}

ul.botonera22 li {float:right;}
ul.botonera22 li + li {margin-left:2px;}

ul.botonera18 {padding: 0 0 0 8px;}
ul.botonera18 li {float:left;}
ul.botonera18 li + li {margin-left:4px}


span.icono, span.disabled {color:#008BD0;}
span.icono:hover {cursor:pointer; color:#001F44;}
span.disabled{color:#CCC;}
span.selected{color:#CC0000;}

ul.botonera22 li span.icono, ul.botonera22 li span.disabled {float:right; margin: 0 4px; font-size:18px;}
ul.botonera18 li span.icono, ul.botonera18 li span.disabled {float:left; font-size:16px;}


.licPanel {display:none; float:left;}
.licPanelActive {display:block;}


ul.news {float:left; margin:0px 10px; width:95%}

ul.news >li {background-color: #ddd;border: 1px solid #008BD0;border-radius:4px;margin:10px 0px;}

@media (min-width:750px){
	ul.news.left {width:65%;}
	ul.news.right {width:30%;}
}		
ul.news img {float:left; width:122px; margin:10px; border: 1px solid #008BD0; border-radius:5px; background-color:#FFF;}
ul.news h1{background:#cbc8c8; border-bottom:1px solid #008BD0; padding:5px 10px;}
ul.news p, ul.news b {font-size:13px; overflow:visible; color:#333;}
ul.news b {color:#008BD0;}
ul.news a{font-size:13px; color:#008BD0}
ul.news a:hover{color:inherit;}
ul.news ul li {font-size:20px; text-indent:-1em; padding-left:1em; margin:5px;color:#008BD0;}
ul.news >li.red, ul.news >li.red * {border-color:red;}
ul.news >li.red li, ul.news >li.red li b  {color:red;}
ul.news ul {padding:5px 10px; list-style-position: inside; list-style-type: square;}


@font-face {
    font-family: 'FcIcomoon';
    src:    url('/resources/botonera/FcIcomoon.eot?aix6v2');
    src:    url('/resources/botonera/FcIcomoon.eot?aix6v2#iefix') format('embedded-opentype'),
        url('/resources/botonera/FcIcomoon.ttf?aix6v2') format('truetype'),
        url('/resources/botonera/FcIcomoon.woff?aix6v2') format('woff'),
        url('/resources/botonera/FcIcomoon.svg?aix6v2#FcIcomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

.search:before, .cancel:before, .add:before, .lock:before, .remove:before, .save:before, .weather:before, .chrono:before, .tunning:before,.reload:before,
.edit:before, .people:before, .compass:before, .document:before, .support:before, .select:before, .info:before, .stack:before, .trophy:before,
.web:before, .unlock:before, .altavoz:before, .up:before, .down:before, .alert:before, .exit:before, .enter:before, .twitter:before, .device:before, 
.waypoint:before, .multiple:before, .rightArrow:before, .leftArrow:before, .excel:before, .escuela:before, .printer:before, .airplane:before, .path:before, .planet:before  {
	font-family: 'FcIcomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


.lock:before {content: "\e000";}
.edit:before {content: "\e001";}
.remove:before {content: "\e002";}
.save:before {content: "\e003";}
.weather:before {content: "\e004";}
.chrono:before {content: "\e005";}
.add:before {content: "\e006";}
.search:before {content: "\e007";}
.cancel:before {content: "\e008";}
.people:before {content: "\e009";}
.multiple:before {content: "\e009";}
.compass:before {content: "\e00a";}
.document:before {content: "\e00b";}
.support:before {content: "\e00c";}
.select:before {content: "\e00d";}
.device:before {content: "\e602";}
.waypoint:before {content: "\e601";}
.twitter:before {content: "\e600";}
.enter:before {content: "\e016";}
.exit:before {content: "\e015";}
.alert:before {content: "\e014";}
.down:before {content: "\e013";}
.up:before {content: "\e012";}
.altavoz:before {content: "\e011";}
.unlock:before {content: "\e010";}
.web:before {content: "\e00e";}
.info:before {content: "\e00e";}
.tunning:before {content: "\e603";}
.reload:before {content: "\e604";}
.stack:before { content: "\e92e";}
.trophy:before { content: "\e99e";}
.rightArrow:before { content: "\e900";}
.leftArrow:before { content: "\e901";}
.excel:before {content: "\e902";}
.escuela:before {content: "\e903";}
.printer:before {content: "\e954";}
.airplane:before {content: "\e9af";}
.path:before {content: "\ea82";}
.planet:before {content: "\e00f";}


.icono {color:#008BD0;}
.icono:hover{cursor:pointer; color:#001F44;}
.icono.disabled{color:#CCC;}
.icono.lock:hover{color:red !important;}
.icono.lock{color:red !important;}




#panelbarcosParticipantesTiempo1{
	float: left;
	width: 216px;
	border-right:2px dotted #008BD0;
}
#panelbarcosParticipantesTiempo1 .observaciones,#panelbarcosParticipantesTiempo1 .condition,#panelbarcosParticipantesTiempo1 .remove{
	display:none;
}
#panelbarcosParticipantesTiempo2 .add{
	display:none;
}
#panelbarcosParticipantesTiempo1 .botonera {width:28px;}
#panelbarcosParticipantesTiempo2 .botonera {width:50px;}
