html * {margin: 0;}
body {background: #C0D8FC;color: #333;font: 11px "Verdana", arial, helvetica, sans-serif; margin: 0 auto;text-align: center;width: 100%;}
/* GENERAL */
/*formularios*/
input[type="text"], input[type="password"], input[type="textarea"], input[type="select"]{-moz-border-radius:3px;-webkit-border-radius:3px;-khtml-border-radius:3px; border-radius:3px;}
input, select {border: 1px solid #ccc;font: 12px verdana, arial, helvetica, sans-serif;margin: 5px;padding: 2px 4px;}
textarea {width: 930px;height: 300px;border: 1px solid #ccc;padding: 5px;font: 12px verdana, arial, helvetica, sans-serif;}
select {padding: 2px 2px 2px 0;}
input:focus, select:focus, textarea:focus {border: 1px solid #b2d1ff;}
label .bandera_lenguaje {vertical-align: middle; float:left;}
label .url{width: 670px;}
a img{border:none;}
a {color: #717171;}
a:link, a:visited, a:hover {color: #333;font-weight: bold;text-decoration: none;}
p, li, dl {line-height: 18px;}
ul {padding-left: 15px;}
h1 {color: #2F75A3;float: left;font-size: 18px;font-weight: bold;text-indent:8px;}
.spinner {padding: 5px;position: absolute;right: 0;}
/*LOGIN*/
#login{background: #fff url(../images/login/bg-body.jpg) top left repeat-x;}
#content-login .banner {/*margin: 0 auto;text-align: center;width: 100%;*/ float: left;
margin: 107px auto 0;
text-align: center;
width: 100%;}
#accesogestor {float: left;margin: 20px 0 0;padding: 0;width: 100%;}
#accesogestor img {position:absolute;bottom:0px;left:0;margin:0 auto;}
h1.titulo-login {position:relative;top:0;border:none;color: #fff;font-size: 180%;font-weight: bold;text-align: left;margin:0 0 10px;text-indent:0 !important;}
form.login {background: none;color: #FFFFFF;margin: 0 auto;padding:0;width:386px;}
form.login table {border:none;}
form.login table td {font-size:150%;vertical-align:middle;padding:0;color:#fff;}
form.login table td.recordarpass a {color:#C2DEF4 !important;font-weight:normal; font-size:73%;}
form.login table td span {color:#C2DEF4 !important;font-weight:normal; font-size:75%;display:block;}
form.login table td.usuario {color:#C2DEF4 !important;font-style: italic;padding:5px 0;}
form.login input {font-size:12pt;color:#494949;border:none;width:193px;float:left;margin:2px;}
form.login input.chek {width:14px;}
form.login input.enviar{margin:5px 0 0;background: url("../images/login/btn-enviar.png") no-repeat left top transparent;color: #FFF;cursor: pointer;font-size: 110%;font-weight: normal;height: 38px;padding: 0;text-align: left;text-indent: 61px;width: 233px;}
/*CABECERA*/
#grailsLogo{margin: 10px auto;text-align: center;width: 980px;background:#2F75A3;height:77px;}
#grailsLogo a {float:left;margin: 10px;}
#grailsLogo h1 {display: none;visibility: hidden;}
#grailsLogo img {max-height: 60px; width: auto;}
/*TOOLS BAR*/
ul.herramientas {float:right; padding:5px 10px 0 0;}
ul.herramientas li{display:inline;}
ul.herramientas li a{color:#fff;text-decoration:underline;font-size: 120%;font-weight: normal;margin:3px 5px !Important;}
ul.herramientas li a:hover {text-decoration:none;}
.fecha-actualiza {float:right;color:#fff;}
/*CADUCIDAD*/
#grailsLogo .caducidad{
float:right;
clear: right;
margin-right: 15px;
padding: 5px;
color: coral;
text-align: right;
background: azure;
}
/*BREADCRUMB*/
.breadcrumb {background:#DFE9F2;/*background: #fff url(../images/skin/shadow.jpg) bottom repeat-x; */ width: 960px;margin:0 auto;text-align: left;padding:5px 10px;}
.breadcrumb ul { padding-left: 0;}
.breadcrumb ul li{ color:#2F75A3;margin:0;font-size:100%;list-style-type:none;display:inline;}
.breadcrumb ul li a{ color:#2F75A3;text-decoration:underline;}
.breadcrumb ul li a:hover{ text-decoration:none;}
/*CONTENEDOR PAGINA*/
.body { background: none repeat scroll 0 0 #FFFFFF;margin: 0 auto;position: relative;text-align: left;width: 980px;}
/*PAGINA*/
#wrapper {float: left;width: 100%;}
#wrapper #categorias {margin:0 220px 0 0;background:#fff;text-align:left;}
/*CATEGORIAS EN PORTADA */
#quicknav{float: left;}
#quicknav ul {margin:3px;padding:0;}
#quicknav ul li {display:inline;margin:0;padding:0;}
.grid_12 a {color:#333;font-size: 16px;font-weight: normal;}
.quicknavgrid_3 { float: left;margin: 3px;padding: 4px;width: 237px;height: 180px;}
.quicknavgrid_3 p {font-weight:normal;color:#A8A8A8;}
.quicknavgrid_3 a {font-size: 19px;}
.quicknav {background:#eee;}
.grid_12 {text-align: center;width:760px;/*width: 100%;*/}
/*en el panel de control*/
.categorias-pcontrol .grid_12 {width:980px !important;}
.categorias-pcontrol .grid_12 ul li a.quicknavgrid_3 {float: left;margin: 3px 3px 6px;padding: 10px 4px 4px;width: 229px;height: 162px;font-size: 120%;}
.quicknav:hover{background:url(../images/link_bg.png) repeat-x;}
/*COLUMNA EXTRA*/
#ultima-hora { float: left;margin-left: -220px;width: 200px;text-align:left;padding:0 10px;background:url("../images/ultima-hora.png") no-repeat scroll left top transparent;/*float:right;width:200px;text-align:left;padding:10px;background:url("../images/ultima-hora.png") no-repeat scroll left top transparent;*/}
#ultima-hora h2{font-family:Georgia, Times New Roman, Verdana;font-size:160%;color:#C10A1A;margin:10px 0 0 0;margin: 13px 0 0 19px;text-align: left;}
#ultima-hora dl {font-family:Georgia, Times New Roman, Verdana;color: #2F75A3;font-size: 130%;float: left;padding: 10px 0 0;width: 100%;}
#ultima-hora dl dt {border-bottom: 1px dotted #C10A1A;color:#C10A1A;margin:0 0 5px;}
#ultima-hora dl dd{font-weight:normal;font-family:Verdana;font-size: 85%;padding:3px 8px; background:#F6F6F6;}
#ultima-hora dl dd a{text-decoration:underline;color:#333; font-weight:normal !important;background:url("../images/skin/ico-lista.png") no-repeat left 5px; padding: 0 0 0 8px;}
#ultima-hora dl dd a:hover{color:#2F75A3;}
#ultima-hora dl dd.fecha {color: #A8A8A8;font-size: 80%;font-style:italic;margin: 0 0 2px 0;border-bottom:1px solid #E8E8E8;}
#ultima-hora dl dd.acciones {text-align:right;}
#ultima-hora dl.ultima {border:none;}
/* NAV: TITULO Y BOTONERA */
.nav {padding:8px 0 10px;clear: both;display: block;margin: 0 auto;width: 980px; text-align: right;}
/*BOTONES DE ACCION: formularios y listados*/
.menuButton {font-size: 15px;padding:5px 0 0 5px;}
.menuButton a {color: #333;padding: 4px 6px;font-weight:normal;}
.menuButton a.list {background: url(../images/skin/database_table.png) center left no-repeat;color: #333;padding-left: 25px;}
.menuButton a.create {background: url(../images/skin/database_add.png) center left no-repeat;color: #333;padding-left: 25px;}
/*BOTONES DE ACCION INFERIOR */
.content-buttons {padding:8px 0 10px;clear: both;display: block;margin: 0 auto;width: 980px; text-align: right;}
.menuButton input.delete {background: transparent url(../images/skin/delete.png) left 1px no-repeat;height:24px; padding: 0 0 0 24px;width:72px;font-size:15px;color:#333;}
.menuButton-edit input.delete {background: transparent url(../images/skin/picture_delete.png) left -1px no-repeat;height:22px; padding: 0 0 0 22px;width:80px;font-size:15px;color:#333;}
.menuButton input.edit {background: transparent url(../images/skin/edit.png) left 1px no-repeat;height: 24px; padding: 0 0 0 23px;width:72px;font-size:15px;color:#333;}
.menuButton input.save {background: transparent url(../images/skin/save.png) left 1px no-repeat;height: 24px; padding: 0 0 0 20px;width: 90px;font-size:15px;color:#333;}
.menuButton input.list {background: transparent url(../images/skin/database_table.png) left 1px no-repeat;height: 24px; padding: 0 0 0 20px;width: 90px;font-size:15px;color:#333;border:0;}
/*BOTONES DE ACCION EN TABLE*/
td.buttons-table {width:67px;}
.buttons-table input.delete, input.delete {background: transparent url(../images/skin/database_delete.png) left top no-repeat; height:19px;width:19px;border:none;margin:0;cursor:pointer;}
.buttons-table input.edit, input.edit {background: transparent url(../images/skin/database_edit.png) left top no-repeat; height:19px;width:19px;border:none;margin:0;cursor:pointer;}
.buttons-table input.save, input.save {background: transparent url(../images/skin/database_save.png) left top no-repeat; height:19px;width:19px;border:none;margin:0;cursor:pointer;}
.buttons-table input.draft, input.draft {background: transparent url(../images/skin/database_draft.png) left top no-repeat; height:19px;width:19px;border:none;margin:0;cursor:pointer;}
/*MENSAJES: ERROR Y OK*/
/*#content-login div.errors {width:262px;text-align: left;background: url("../images/skin/alert.png") no-repeat scroll 8px 50% #fef29f;color: #493102;font-size: 125%;margin: 10px 0;padding: 17px 5px 17px 50px;-moz-border-radius:10px;-webkit-border-radius:10px;-khtml-border-radius:10px;border-radius:10px;}*/
.message {text-align: left;width: 919px;background: url("../images/skin/ok.png") no-repeat scroll 8px 50% #b5eafe;color: #0375a1;font-size: 125%;margin: 10px auto;padding: 17px 5px 17px 50px;-moz-border-radius:10px;-webkit-border-radius:10px;-khtml-border-radius:10px;border-radius:10px;border:3px solid #FFFFFF;}
div.errors {text-align: left;width: 919px;background: url("../images/skin/alert.png") no-repeat scroll 8px 50% #fef29f;color: #493102;font-size: 125%;margin: 10px auto;padding: 17px 5px 17px 50px;-moz-border-radius:10px;-webkit-border-radius:10px;-khtml-border-radius:10px;border-radius:10px;border:3px solid #FFFFFF;}
div.errors ul, .message ul {list-style: none;padding: 0;}
div.errors li, .message li {line-height: 16px;}
.errors select, .errors input, .errors textarea {border: 1px solid red;background:#F9E4E4;color:red !important;}
/* TABLES */
table {border: 3px solid #EFEFEF;width: 100%;float:left;}
tr {border: 0;}
td, th {font: 13px verdana, arial, helvetica, sans-serif;line-height: 12px;padding:10px;text-align: left;vertical-align: top; color: #909090;line-height:16px;}
td {font-size: 12px;}
th {background: #E2E2E2;color: #333;font-size: 13px;font-weight: bold;line-height: 17px;padding: 8px 6px;}
th a:link, th a:visited, th a:hover {color: #333;display: block;font-size: 13px;text-decoration: none;width: 100%;}
table.show {background:#D9E8FF !important;border:none;padding:5px !important;}
table.show tbody {background:#EBF3FF !important;}
table.show tr.encabezado td {background:#D9E8FF;color:#333;padding:6px 0 1px;}
table.show tr.nota td {color:red;padding:0 0 2px 5px;background:#FCEDED;}
td a {text-decoration:underline !important;color:#2F75A3 !important;}
td a:hover {text-decoration:none !important;}
td.nowrap {white-space: nowrap;}
th.asc a, th.desc a {background-position: right;background-repeat: no-repeat;}
th.asc a {background-image: url(../images/skin/sorted_asc.gif);}
th.desc a {background-image: url(../images/skin/sorted_desc.gif);}
td.imagen-table a img{float:left;padding:3px;margin:0 5px 0;background:#2F75A3;}
td.imagen-table a {font-weight:normal;}
.odd {background: #f7f7f7;}
.even {background: #fff;}
.table_visitors {
margin: 50%;
float:left;
}
/* LIST */
.list {margin:0 auto;margin:10px auto 0;width: 950px;}
.list table {border-collapse: collapse;}
.list th, .list td {border-left: 1px solid #ddd;}
.list th:hover, .list tr:hover {background: #b2d1ff;}
.no_decorated_ul {
list-style-type: none;
}
.no_decorated_ul img {
vertical-align: bottom;
}
/* PAGINATION */
.paginateButtons {background: #fff /*url(../images/skin/shadow-copia.jpg) bottom repeat-x*/;border-bottom:1px solid #EFEFEF;color: #666;font-size: 12px;padding: 7px 3px 0px;margin:3px 0 10px;text-align: center;/*overflow: hidden;float:left;*/clear: both;}
.paginateButtons a.step {background: #EFEFEF;color: #666;margin:3px 2px;padding:2px 6px;font-weight:normal;}
.paginateButtons a.nextLink, .paginateButtons a.prevLink {color: #666;margin:3px 2px;padding:2px 6px;font-weight:normal;}
.paginateButtons a.nextLink:hover, .paginateButtons a.prevLink:hover {color:#2F75A3;font-size:100%;}
.paginateButtons a.step:hover {font-size:130%;color:#2F75A3;}
.paginateButtons span {padding: 2px 3px 0;color:#2F75A3;font-size:130%;font-weight:bold;}
/* DIALOG */
.dialog { margin:5px;text-align:left;}
.dialog table {padding:0;background:#EFEFEF;}
.dialog table tbody {background:#F4F4F4;}
.prop {padding: 5px;}
.prop .name {text-align: left;white-space: nowrap;}
.prop .value {text-align: left;}
/*ITEM SHOW*/
.lectura-item {float: left;padding: 10px;width: 450px;}
.lectura-item h2 {color:#2F75A3;font-weight:bold;font-size:150%;line-height:150%;}
.lectura-item p {color:#606060;font-size:120%;line-height:120%;margin:0 0 10px;}
.lectura-item a{color:#000;text-decoration:underline;font-weight:normal;}
.lectura-item a:hover{color:#2F75A3;text-decoration:none;font-weight:normal;}
.lectura-item .apartado {color: #2F75A3;font-size:120%;font-style:italic;clear:both;display:block;padding:10px 0 0 0;border-top: 1px solid #F2F2F2;}
.lectura-item .primero {border-top: none !important;}
/*imagenes*/
.lectura-item .img-adjunta {margin:5px 10px 0 0;}
.lectura-item .img-mini {clear: both;float: left;margin: 10px 10px 10px 0;}
.lectura-item .img-adjunta span {float:left;color:#606060;font-size:120%;line-height:120%;}
.lectura-item .img-adjunta span.sinimg, .lectura-item .img-mini span.sinimg {background:#FAFFC8;padding:5px;}
.lectura-item .img-mini span {clear: both;display: block;color:#606060;font-size:120%;line-height:120%;}
.lectura-item .img-adjunta img, .lectura-item .img-mini img {float:left;}
/*borrador*/
.lectura-item .borrador {background:#faffc8;float: left;margin: 0 5px 5px 0;padding: 10px;width: 430px;
-moz-border-radius:10px;-webkit-border-radius:10px;-khtml-border-radius:10px;border-radius:10px;}
.lectura-item .borrador p.titulo {color: #2F75A3;font-size:130%;font-style:italic;}
.lectura-item .borrador p{margin:0;}
/*url compartir*/
.lectura-item .url {padding:10px;margin: 0 5px 5px 0;clear:both;}
.lectura-item .url p {margin:0;}
/*ITEM CREATE, EDIT*/
.form-creador fieldset, .form-editor fieldset, .form-visor fieldset{border:none;padding:5px;}
.form-creador fieldset .bloque {background:#D9E8FF;float: left;margin: 5px 0 10px;padding: 10px 0 0;width: 100%;}
.form-editor fieldset .bloque {background:#eee;float: left;margin:5px 0 10px;padding: 10px 0 0;width: 960px;}/*width: 100%;*/
.form-creador fieldset .bloque label.col input, .form-editor fieldset .bloque label.col input{width:450px}
.form-creador fieldset .bloque label span, .form-editor fieldset .bloque label span {font-size:90%;color:#707070;font-style: italic;}
/*languaje*/
.form-creador fieldset .bloque label div.language, .form-editor fieldset .bloque label div.language {float:left;background:#C0D8FC;padding:5px 5px 0 5px;margin:0 0 5px 0;
-moz-border-radius:10px;-webkit-border-radius:10px;-khtml-border-radius:10px;border-radius:10px;}
.form-creador fieldset .bloque label.enlaces-relacionados, .form-editor fieldset .bloque label.enlaces-relacionados {float:left;width:560px; background:#C0D8FC;float:left;padding:5px 5px 0 5px;margin:0 0 5px 10px;
-moz-border-radius:10px;-webkit-border-radius:10px;-khtml-border-radius:10px;border-radius:10px;}
.form-creador fieldset .bloque label.enlaces-relacionados input, .form-editor fieldset .bloque label.enlaces-relacionados input{width:510px;}
.form-creador fieldset .bloque label.name-enlaces, .form-editor fieldset .bloque label.name-enlaces {float:left;width:350px; background:#C0D8FC;float:left;padding:5px 5px 0 5px;margin:0 0 5px 10px;
-moz-border-radius:10px;-webkit-border-radius:10px;-khtml-border-radius:10px;border-radius:10px;}
.form-creador fieldset .bloque label.name-enlaces input, .form-editor fieldset .bloque label.name-enlaces input{width:300px;}
.form-creador fieldset .bloque label div div.bandera, .form-editor fieldset .bloque label div div.bandera {float:left;}
.form-creador fieldset .bloque label div input, .form-editor fieldset .bloque label div input {width:885px; height:21px;}
.form-creador fieldset .bloque label div textarea, .form-editor fieldset .bloque label div textarea {width:883px; height:100px;}
.form-editor fieldset .bloque label .titulo-video-vimeo {font-size:90%;color:#2F75A3;font-style: italic; margin:0 10px;float:right;padding: 0 0 5px 36px;width: 464px; background: url("../images/skin/vimeo_32.png") top left no-repeat;}
.form-editor fieldset .bloque label .titulo-video-youtube {font-size:90%;color:#2F75A3;font-style: italic; margin:0 10px;float:right;padding: 0 0 5px 36px;width: 464px; background: url("../images/skin/youtube_32.png") top left no-repeat;}
.form-creador fieldset .bloque .nota {font-style: italic;padding:0 10px 10px;font-size:10px !important;color:#707070 !important;font-weight:normal !important;margin:0 !important;}
.form-creador fieldset legend, .form-editor fieldset legend {display:none;visibility:hidden;}
.form-creador fieldset .enlaces {background: #D9E8FF;float: left;padding: 10px 0 0;width: 100%;margin: 0 0 10px;}
.form-editor fieldset .enlaces {background:#eee;float: left;padding: 10px 0 0;width: 100%;margin: 0 0 10px;}
.form-creador fieldset .enlaces p, .form-creador fieldset .bloque p, .form-editor fieldset .enlaces p, .form-editor fieldset .bloque p {margin:0 0 5px 11px;color: #2F75A3;font-size: 14px;font-weight: bold;}
.form-creador fieldset .enlaces label.nombre input, .form-editor fieldset .enlaces label.nombre input{width:250px}
.form-creador fieldset .enlaces label.url input, .form-editor fieldset .enlaces label.url input {width:650px}
.form-creador label input.titulo, .form-editor label input.titulo { width:930px;}
.form-creador label input.pie-foto, .form-editor label input.pie-foto { width:460px;}
.form-creador fieldset label input, .form-editor fieldset label input, form fieldset label select, form fieldset label textarea {color:#707070;margin:0 0 5px;}
.form-creador fieldset label, .form-editor fieldset label { display: inline;float: left;padding:0 10px 10px;color:#000;font:13px verdana, arial, helvetica, sans-serif;}
.form-creador label.value input[type=text].campoCorto {width: 300px;}
/*elementos mjultimedia*/
.form-creador fieldset label.multimedia, .form-editor fieldset label.multimedia { position:relative;float:left;display:inline; clear: both;}
.form-creador fieldset label.multimedia-miniatura, .form-editor fieldset label.multimedia-miniatura{ position:relative;float:left;display:inline;}
form-creador fieldset label .buttons-edit, .form-editor fieldset label .buttons-edit {font-size: 10px;margin: 0;padding: 2px 2px 0;position: absolute;right: 8px;top: 0px;}
form-creador fieldset label .buttons-edit input.delete, .form-editor fieldset label .buttons-edit input.delete {background: transparent url(../images/skin/picture_delete.png) left top no-repeat;height:33px; padding: 0;margin:0; width:47px;}
input.upload{border: 1px solid #CCC;font: 12px verdana,arial,helvetica,sans-serif;margin: 5px;padding: 2px 4px;}
.clear {clear: both;}
/* ACTION BUTTONS */
.buttons-edit {clear: both;overflow: hidden;color: #666;font-size: 10px;margin:10px 5px;}
.buttons {clear: both;text-align:left;color: #666;font-size: 10px;margin:0 5px;overflow: hidden;border-bottom: 1px solid #00AFE4;padding:5px 0 5px;}
.buttons-bottom {border-bottom:none;border-top: 1px solid #00AFE4;padding: 5px 0 0;}
.buttons input {background: #fff;border: 0;color: #333;cursor: pointer;font-size: 15px;font-weight: normal;margin-left: 3px;overflow: visible;padding: 2px 6px;}
.buttons input:hover, .menuButton a:hover, .buttons-edit input:hover {color:#2F75A3;}
.buttons input.delete {background: transparent url(../images/skin/delete.png) left -1px no-repeat;height:22px; padding: 0 0 0 22px;width:72px;}
.buttons input.edit {background: transparent url(../images/skin/edit.png) left -1px no-repeat;height: 22px; padding: 0 0 0 23px;width:72px;}
.buttons input.save {background: transparent url(../images/skin/save.png) left -1px no-repeat;height: 22px; padding: 0 0 0 20px;width: 90px;}
/*PIE*/
#pie {margin: 10px auto;text-align: center;width: 980px;background:#2F75A3;height:30px;}
#pie a {float:left;margin: 10px;}
#pie h1 {display: none;visibility: hidden;}
/* propociona altura a divs sin altura con contenido flotado */
/* http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/*CSS Rounded Corners In All Browsers: With No Images*/
.corners {-moz-border-radius:10px;-webkit-border-radius:10px;-khtml-border-radius:10px;border-radius:10px;}
.corners1100 {-moz-border-radius: 10px 10px 0 0;-webkit-border-radius: 10px 10px 0 0;-khtml-border-radius: 10px 10px 0 0;border-radius: 10px 10px 0 0;}
.corners0011 {-moz-border-radius:0 0 10px 10px;-webkit-border-radius:0 0 10px 10px;-khtml-border-radius:0 0 10px 10px;border-radius:0 0 10px 10px;}
/*jQuery ui-tabs*/
.ui-widget-content {border: none !Important;}
/* begin: jQuery UI Datepicker moving pixels fix */
table.ui-datepicker-calendar {border-collapse: separate;}
.ui-datepicker-calendar td {border: 1px solid transparent;}
/* end: jQuery UI Datepicker moving pixels fix */
/* begin: jQuery UI Datepicker emphasis on selected dates */
.ui-datepicker .ui-datepicker-calendar .ui-state-highlight a {
background: #743620 none; /* a color that fits the widget theme */
color: white; /* a color that is readeable with the color above */
}
/* end: jQuery UI Datepicker emphasis on selected dates */
/*apariencia checkbox seleccion de redes sociales*/
.plataformas { display: block;float: left;padding: 0 0 20px;width: 100%;background:#C0D8FC;position:relative;margin:10px 0 0 0;}
/*.plataformas input.filtrar{position:absolute;right: 10px;top: 23px;cursor: pointer;background:#404040;border: 1px solid #cacaca;color:#fff;padding:5px 10px;}*/
.plataformas p {font-size:14px;color:#444444 ;font-weight:bold;margin:10px;}
.plataformas ul {padding:0 10px;}
.plataformas ul li {display:inline;border: 1px solid #D9E8FF;font-size:95%;}
.plataformas ul li input{border:none;}
.plataformas ul li.filtrar {border:none !important;}
.plataformas ul li.filtrar input.filtrar{cursor: pointer;background:#2F75A3;border: 1px solid #cacaca !important;color:#fff;padding:5px 10px;}
.apple {background: url("../images/apple.png") top left no-repeat;padding:8px 0 8px 37px;}
.android {background: url("../images/android.png") top left no-repeat;padding:8px 0 8px 37px;}
.bb {background: url("../images/blackberry.png") top left no-repeat;padding:8px 0 8px 37px;}
.wm {background: url("../images/windows-phone.png") top left no-repeat;padding:8px 0 8px 37px;}
/*control lenguage*/
.lenguage-activo {text-align: left;width:935px;background:#DAF5FF;color: #0375a1;font-size: 125%;padding:5px 17px 12px;-moz-border-radius:10px;-webkit-border-radius:10px;-khtml-border-radius:10px;border-radius:10px;border:3px solid #FFFFFF;}
.lenguage-activo p {font-weight:normal;}
.lenguage-activo p span {font-weight:bold;}
.lenguage-activo p span img{margin:0 0 -6px 0;}
/*EDICION DE TEXTO*/
.markItUp { width:100% !important;margin: 5px 0 5px 0;}
.markItUpEditor {font: 11px/17px "Verdana", arial, helvetica, sans-serif !important;}
/*ASIGNAR PERSPECTIVA*/
/*panel de control label que lo contiene*/
label.perspectiva .bsmContainer ol, label.perspectiva .bsmContainer ol {margin:10px 0 0 !important;}
.bsmList {background:none !important;color: #0375a1;font-size: 100%;padding:0 !important;-moz-border-radius:10px;-webkit-border-radius:10px;-khtml-border-radius:10px;border-radius:10px;
margin:10px !important;width: 940px;} /*ol*/
.bsmListItem {background:#C0D8FC !important;padding:5px;position: relative;margin:0 0 1px 0 !important;padding-left: 0;list-style: none;border:none !important;width: auto;margin: 0 0 -1px 0;line-height: 1em;-moz-border-radius:10px;-webkit-border-radius:10px;-khtml-border-radius:10px;border-radius:10px;}/*li*/
.bsmListItemLabel {padding: 8px;display: block;}/*titulo de item asignado*/
.bsmListItemRemove {padding: 0px 24px 0px 0 !important;background: url(../images/skin/database_delete.png) no-repeat right top;height: 19px;line-height: 19px;margin: 5px 10px 0 0;}/*borrar elemento asignado*/
/*tab control*/
.tablist {
list-style:none;
height:2em;
padding:1em;
margin:0;
border: none;
font-size:14px;
}
.tablist li {
float:left;
margin-right:0.13em;
}
.tablist li a {
display:block;
padding:0 1em;
text-decoration:none;
border:0.06em solid #000;
border-bottom:0;
font:bold 0.88em/2em arial,geneva,helvetica,sans-serif;
color:#000;
background-color:#ccc;
/* CSS 3 elements */
webkit-border-top-right-radius:0.50em;
-webkit-border-top-left-radius:0.50em;
-moz-border-radius-topright:0.50em;
-moz-border-radius-topleft:0.50em;
border-top-right-radius:0.50em;
border-top-left-radius:0.50em;
}
.tablist li a:hover {
background:#3cf;
color:#fff;
text-decoration:none;
}
.tablist li#current a {
background-color: #777;
color: #fff;
}
.tablist li#current a:hover {
background: #39C;
}
#marcoImg {
float: left;
width: 30em;
display: block;
padding: 1em;
}
.lineaCompleta{
width: 100%;
}
textArea.textAreacodigo{
width:450px;
}