@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(fonts/5.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(fonts/6.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(fonts/7.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(fonts/8.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: local('Open Sans Extrabold'), local('OpenSans-Extrabold'), url(fonts/9.woff) format('woff');
}


html, body {
    letter-spacing: .05em;
    min-height: 100%;
    font-family: 'Roboto', sans-serif;
    font-family: Open Sans;
    font-style:normal;
    font-weight:600;
    background-color:#f2f2f2; /*#fdfdfd;*/
    max-width:100%;
    line-height:1.5;
    font-size:12px;
    color:#222;
    margin: 0;
    padding:0;
    border:0;
}

#bg {
    position: fixed;
    right:0;
    bottom:0;
    width:50%;
    height:50%;
    background:url( ../Imagenes/background.png) bottom right no-repeat;
    background-size:contain;
}

div, a, input, select, ul, li, select, textarea {
    box-sizing:border-box;
}

#server {
    background-image: url(../Imagenes/Logo911.png);
    background-repeat: no-repeat;
    background-position:center;
}

table {
    width: 100%;
    border:0;
    border-collapse: collapse;
    border-spacing:0;
}

    table.items {
        border-top: 1px solid #007aa2;
        border-bottom: 1px solid #007aa2;
        padding: 0;
        border-collapse: collapse;
        border-spacing:0;
        font-weight: 400;
        font-size: 12px;
    }

    table.items td {
        vertical-align:top;
        border-right: 1px solid #007aa2;
        border-left: 1px solid #007aa2;
        padding: 5px 10px;
        width: auto;
    }

    table.middle td {
        vertical-align:middle;
    }

    table.items td.separator {
        font-size: 16px;
        text-align: center;
        border-top: 1px solid #007aa2;
        border-bottom: 1px solid #007aa2;
    }


    table.items tr.dc0 {
        background-color: #fff;
    }

    table.items tr.dc1 {
        background-color: #FFB1B1;
    }
    table.items tr.dc2 {
        background-color: #FAD2B7;
    }
    table.items tr.dc3 {
        background-color: #E2F4C7;
    }



    table.items tr.dc0 .btnBorrar,
    table.items tr.dc0 .btnprincipal,
    table.items tr.dc1 .btnPlanilla,
    table.items tr.dc1 .btnNoNotificado,
    table.items tr.dc1 .btnNoConcurrio,
    table.items tr.dc2 .btnPlanilla,
    table.items tr.dc2 .btnNoNotificado,
    table.items tr.dc2 .btnNoConcurrio,
    table.items tr.dc3 .btnPlanilla,
    table.items tr.dc3 .btnNoNotificado,
    table.items tr.dc3 .btnNoConcurrio
    { display:none; }

    table.items i.dc_icon_1,
    table.items i.dc_icon_2,
    table.items i.dc_icon_3
    { display:none; }

    table.items tr.dc1 i.dc_icon_1,
    table.items tr.dc2 i.dc_icon_2,
    table.items tr.dc3 i.dc_icon_3
    {
        display: inline-block;
    }

#logo
{
    position:absolute;
    right:0px;
    height:45px;
    width:186px;
    background-image: url(../Imagenes/logo_911.png);
    background-repeat: no-repeat;
    }

iframe {
    width:100%;
    height:100%;
}

header {
    background-color:#0099CC;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 101;
}

nav {
    min-height:45px;
    margin: 0 auto;
    position:relative;
}

#main nav {
    min-height:initial;
    background: #0099CC;
}

nav ul {
	margin: 0;
	padding: 0;
	font-weight:bold;
    overflow: hidden;
}

nav ul li {
	float: left;
	font-size: 14px;
	position: relative;
}

nav a {
    color: #fff;
    padding: 13px 20px;
    display: block;
    float: left;
    text-decoration:none;
    }

nav li:hover a {
    color:#fff;
    background-color: #1da9da;
	text-decoration:none;
}

nav li a.active {
	background-color: #fdfdfd;
	color: #000;
}


    nav #menu {
        display:none;
    }

    nav #nav {
        padding-right: 200px;
    }

/*#main nav {
    position:fixed;
    width: 100%;
    z-index: 999;
    margin-top:-20px;
}*/

nav #submenu {
    max-width:1000px;
    margin: 0 auto;

    background-color:#0099CC;
    
    /*-webkit-border-radius: 15px;
    border-radius: 15px;*/

    /*box-shadow: 0 0 3px #D3D3D3;
	-mox-box-shadow: 0 0 3px #D3D3D3;
	-webkit-box-shadow: 0 0 3px #D3D3D3;*/
}

    header.top {
        position:absolute;
    }

    header.top nav  #submenu a {
        font-size:11px;
        padding:5px 20px;
        text-transform:uppercase;
    }

    
    header.top nav #menu {
        display:block;
    }

    header.top nav #nav {
        display:none;
        box-shadow: 0px 2px 1px #555;
        -webkit-box-shadow: 0px 2px 1px #555;
        -moz-box-shadow: 0px 2px 1px #555;
        padding-right:0;
    }

        header.top nav #nav li, header.top nav #nav a {
            overflow:hidden;
            display: block;
            width: 100%;
            text-align:center;
        }





audio {
    width:100%;
    vertical-align:bottom;
}

.fixedbottom {
    text-align:center;
    padding: 5px 10px;
    background:#0099CC;
    color:#fff;
    position:fixed; 
    bottom:0; 
    right:0; 
    left:0;
}

.navbar {
    border-bottom: 1px solid #062939;
    border-top: 1px solid #095275;
    border-left: 1px solid #08415C;
    border-right: 1px solid #08415C;
    background: url(bgnavbar.gif) repeat-x top left;
    height: 33px;
    position: absolute;
    left: 100px;
    top: 23px;
    font-size:13px;
    font-weight:bold;
    color:White;
    }

.navbar .navitem {
    float: left;
    padding: 8px 11px 9px 11px;
    background: url(bgnavitem.gif) no-repeat top right;
    position: relative;
    }

.navbar .navitem:hover {
	/*cursor: pointer;*/
	background: url(bgnavbarhover.gif) repeat-x top right!important;
	}

.navbar a 
{
    color:White !important;
    }

.fullwidth {
    width:100%;
}

.center {
    margin-left:auto;
    margin-right:auto;
}

.textcenter {
    text-align:center;
}

#user-navitem 
{
	-moz-border-radius: 5px 0 0 5px;
	-webkit-border-radius: 5px 0 0 5px;
	border-radius: 5px 0 0 5px;
	}
	
#changepwd-navitem {
    background-image: none;
    -moz-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
    -webkit-border-radius: 0 5px 5px 0;
    }

#login-navitem {
    background-image: none;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    }
    
#main
{
    /*max-width: 1000px;*/
    /*min-height:300px;*/
    position:relative;
    margin: 0 auto;
    padding-top: 70px;
    /*border-right: 1px solid #CCC;*/
    /*border-left: 1px solid #CCC;*/
    /*background: #FFF;*/
    /*background: #FFF url(mainbg.gif) 331px 0 repeat-y;*/
	/*overflow:hidden;*/
    /*padding-bottom:20px;*/
    }

.ancho, .content-wrapper {
    max-width:1000px;
    margin: 0 auto;
}

footer {
    padding-top:40px;
}

.footer-content
{
    margin-top:15px;
    text-align:center;
    position:relative;
    }

.link
{
    cursor:pointer;
    }


/*a {
    color: #006595;
    text-decoration: none;
    font-weight: bold;
    cursor: pointer;
}

a:link {
    color: #034af3;
    text-decoration: none;
}

a:visited {
    color: #505abc;
}

a:hover {
    color: #1d60ff;
    text-decoration: underline;
}

a:active {
    color: #12eb87;
}*/

a img {
    border:0;
}

hr
{
    background-color: #0099CC;
    height: 1px;
    border: 0;
    margin: 10px 20px;
    }

li 
{
    margin: 0;
    padding: 0;
    }

ul {
    list-style:none;
    margin: 0;
    padding: 0;
    }
    
ul, ol {
    margin: 0;
    padding: 0;
    }

div {
    display: block;
    }

textarea
{
    resize:none;
    }
    
/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
    font-size: 1.5em;
    color: #000;
}

h1 {
    font-size: 2em;
}

h2 {
    font-size: 1.4em;
}

h3 {
    font-size: 1.2em;
}

h4 {
    font-size: 1.1em;
}

h5, h6 {
    font-size: 1em;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

        
/* forms   
----------------------------------------------------------*/
fieldset {
    margin: 1em 0;
    padding: 1em;
    border: 1px solid #CCC;
}

    fieldset legend {
        font-size: 1.1em;
        font-weight: bold;
        padding: 2px 4px 8px 4px;
    }
    
    fieldset ol {
        padding: 0;
        list-style: none;
    }
    
        fieldset ol li {
            padding-bottom: 5px;
        }
    
    fieldset label {
        display: block;
    }
    
    fieldset label.checkbox {
        display: inline;
    }
    
    fieldset input[type="text"], input[type="password"] {
        width: 300px;
        font-size: 1.2em;
    }

    fieldset input[type="text"], input[type="password"], select {
        outline:0;
        width:100%;
    }

    .separator5 {padding-top:5px;}
    .separator10 {padding-top:10px;}
    .separator20 {padding-top:20px;}
    .separator40 {padding-top:40px;}

    /*label {
        display:block;
        margin-top: 10px;
    }
        label.inline {
            margin-top:0;
        }*/

    select {
        width: 100%;
        padding: 5px;
        background-color: #fdfdfd;
        border: 1px solid rgba(215,215,215,255);
    }
    

    input[type="text"], 
    input[type="password"],
    input[type="number"] {
        width:100%;
        padding:5px 5px 2px 5px;
        background-color:#fdfdfd;
        border:0;
        outline:0;
        resize:none;
        border-bottom:1px solid #0099CC;
        background: url(../Imagenes/border-left-right.png) no-repeat bottom left,
                    url(../Imagenes/border-left-right.png) no-repeat bottom right;
    }

    input[type="text"]:disabled, 
    input[type="password"]:disabled,
    input[type="number"]:disabled {
        border-bottom:1px solid #0099CC;
        background: url(../Imagenes/border-left-right-d.png) no-repeat bottom left,
                    url(../Imagenes/border-left-right-d.png) no-repeat bottom right;
    }

    input[type="checkbox"] {
        margin: 0 5px 0 0;
        vertical-align: sub;
    }
 /* Information and errors  
----------------------------------------------------------*/  

 .validation-error {
    display: inline;
    color: #d63301;
    font-weight: bold;
    font-size: 1.1em;
}
.validation-error:before {
    content: " » ";
}

.message {
    text-transform:uppercase;
    text-align:center;
    /*clear: both;*/
    /*border: 1px solid;*/
    /*margin: 10px 0px;*/
    padding: 15px 15px !important;
    margin-left:auto;
    margin-right:auto;
    font-weight:bold;
    /*CSS3 properties*/
    /*border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    
    box-shadow: 0px 0px 5px #888;
    -webkit-box-shadow: 0px 0px 5px #888;
    -moz-box-shadow: 0px 0px 5px #888;*/
}

    .message > div {
        margin: 0 auto;
        max-width:900px;
    }

.message.info {
    /*background: #B8CBDE ;*/
    /*#bde5f8;*/
    background-color:#FF8A00;
    color:#000;
    /*border-color: #FFBB33;*/
    /*color: #00529b;*/
}

.message.error {
    background: #a20000; /*#ffccba;*/
    color:#fff;
}

.message.success {
    background-color:#99CC00;
    /*background: #dff2bf;*/
    /*border-color: #4f8a10;*/
    /*color: #4f8a10;*/
}

    

.numerico
{
    width:25px;
    text-align:center;
    }


/*table.tabladatos, table.tabladatos td, table.tabladatos tr
{
    border-color:#5c87b2;
    }

table.tabladatos div.titulo
{
    padding: 5px;
    font-weight:bold;
    }

table.tabladatos div
{
    padding: 0px 10px 10px 10px;
    }*/

.tabladatos a img
{
    float:right;
    }




#sv-list
{
    font-size:1.2em;
    }
    
#sv-list .sv-list-titles{ font-weight:bold; }

.sv-item
{
    position:relative;
    }

.sv-item div, .sv-list-titles div
{
    display:inline-block;
    padding:5px;
    }

#sv-list .sv-id
{
    width:85px;
    text-align:center;
    }

#sv-list .sv-fyh
{
    width:150px;
    text-align:center;
    }

.sv-item .list-item-sublist
{
    padding:0px;
    position:absolute;
    right:0px;
    top:50%;
    height:22px;
    margin-top:-11px;
    margin-right: 5px;
    }
    
.sv-item img
{
    width:22px;
    height:22px;
    vertical-align:middle;
    }
    
#sv-list .list-item-icon
{
    width: 22px;
    padding:0px;
    }

.sv-item .list-item-sublist .margen {margin: 0 0 0 10px;}


.sv-item .btnBorrar, .sv-item .list-item-sublist .img1, .sv-item .list-item-sublist .img2, .sv-item .list-item-sublist .img3 {
    display:none;
}

.sv-item.estado1 .btnBorrar, .sv-item.estado2 .btnBorrar, .sv-item.estado3 .btnBorrar {
    display:block;
}

.sv-item.estado1 .img1, .sv-item.estado2 .img2, .sv-item.estado3 .img3 {
    display:inline;
}

.btnPlanilla, .btnNoNotificado, .btnNoConcurrio { display:inline }

.sv-item.estado1 .btnPlanilla, .sv-item.estado2 .btnPlanilla, .sv-item.estado3 .btnPlanilla {
    display:none;
}
.sv-item.estado1 .btnNoNotificado, .sv-item.estado2 .btnNoNotificado, .sv-item.estado3 .btnNoNotificado {
    display:none;
}
.sv-item.estado1 .btnNoConcurrio, .sv-item.estado2 .btnNoConcurrio, .sv-item.estado3 .btnNoConcurrio {
    display:none;
}


.sv-item.estado1
{
    color:Black;
    background:#FFB1B1;
    }

.sv-item.estado2
{
    color:Black;
    background:#FAD2B7;
    }

.sv-item.estado3
{
    color:Black;
    background:#E2F4C7;
    }
    
.sv-item:hover
{
    background:#B8CBDE;
    }

ul.lista-fotos
{
    text-align:center;
    list-style:none;
    padding:0px;
    margin-left:auto;
    margin-right:auto;
    }
    
    ul.lista-fotos li
    {
        position:relative;
        display:inline-block;
        text-align:center;
        vertical-align:middle;
        width:105px;
        margin:4px;
        }

a.botoneliminar
{
    position:absolute;
    top:-5px;
    right:7px;
    background:Red;
    padding:1px 4px;
    position:absolute;
    font-weight:bold;
    font-size:11px;

    text-decoration:none;
    color:White;
    
    box-shadow: 2px 2px 5px #888;
    -webkit-box-shadow: 2px 2px 5px #888;
    -moz-box-shadow: 2px 2px 5px #888;
    
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    }

.morado
{
    background:#ECE2F5;
    }
    
.verde
{
    background:#E7FFE7;
    }
    
.naranja
{
    background:#FFE8D1;
    }

.morado div.titulo
{
    background:#CFB8E4;
    }
    
.verde div.titulo
{
    background:#C8E5C7;
    }
    
.naranja div.titulo
{
    background:#FFCF9F;
    }

.amarillo
{
    background:rgb(255,255,204);
    }
    
.amarillo div.titulo
{
    background:rgb(255,255,130);
    }
    
.azul
{
    background:rgb(185,220,255);
    }
    
.azul div.titulo
{
    background:rgb(102,179,255);
    }

.celeste
{
    background:rgb(187,247,251);
    }
    
.celeste div.titulo
{
    background:rgb(16,205,220);
    }

.rosado
{
    background:rgb(255,204,230);
    }
    
.rosado div.titulo
{
    background:rgb(255,119,187);
    }
    
.hc-lista
{
    margin-top:10px;
    }
    
.hc-item:nth-child(2n+1)
{
    margin-left:10px;
    margin-right:10px;
    }
    
.hc-item
{
    line-height:1.6em;
    padding:10px;
    background:White;
    border:1px solid Gray;
    width:450px;
    display:inline-block;
    overflow:hidden;

    box-shadow: 0px 0px 5px #888;
    -webkit-box-shadow: 0px 0px 5px #888;
    -moz-box-shadow: 0px 0px 5px #888;
    
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    }
    
.hc-item:hover
{
    cursor:pointer;
    box-shadow: 0px 0px 5px Black;
    -webkit-box-shadow: 0px 0px 5px Black;
    -moz-box-shadow: 0px 0px 5px Black;
    }
    
.hc-item .hc-id
{
    text-align:center;
    margin-bottom:5px;
    }
    
.hc-item:hover .hc-id
{
    color:Blue;
    }

.hc-item .hc-id
{
    font-weight:bold;
    }

.hc-item .hc-sexo, .hc-item .hc-edad, .hc-cant_rx, .hc-cant_eco, .hc-cant_tac, .hc-cant_rm
{
    margin-right:30px;
    display:inline;
    }

.hc-item span
{
    color:Black;
    }

.hc-form input[type="text"]
{
    width:300px;
    }

.hc-form input.numerico
{
    width:50px;
    }

.hc-form input.corto
{
    width:100px;
    }
    
.ui-button img
{
    float:left;
    }

.ui-button, input[type="submit"], input[type="button"], button
{
    text-transform:uppercase;
    display: inline-block;
    vertical-align:middle;
    position: relative;
    margin: 0 3px;
    /*margin-right: .1em;*/
    text-decoration: none !important;
    cursor: pointer;
    text-align: center;
    /*font-weight: bold;*/
    overflow: visible;
    /*padding: 5px 40px;*/
    
    /*font-family: Arial !important;*/
    font-size: 12px !important;
    line-height: 20px !important;
    
    /*border-bottom: 1px solid #a4a4a4;
	border-top: 1px solid #cecece;
	border-left: 1px solid #bcbcbc;
	border-right: 1px solid #bcbcbc;*/
    
    /*background: #e4e4e4;
    background: -moz-linear-gradient(top, #fcfcfc 0%, #eeeeee 100%);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fcfcfc), to(#eeeeee));*/
    
    /*background: #ffffff url(sprite.png) bottom left repeat-x;*/
    
    /*border-top: 1px solid #cccccc;
    border-right: 1px solid #c6c6c6;
    border-bottom: 1px solid #aaaaaa;
    border-left: 1px solid #c6c6c6;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    text-shadow: 0 1px 0px #EEE;*/
    
    /*-webkit-background-clip: padding-box;*/
    /*color: ButtonText !important;*/
    outline: 0;
    padding: 7px 30px 2px 30px;
    color: #fff;
    background-color: #007aa2; /*#1da9da;*/
    border: 0;
    border-bottom: 5px solid #0099CC;
    /*-webkit-box-shadow: inset 0 -2px #0099CC;*/
}


.ui-minibutton
{
    position:absolute;
    padding: 0px 5px;
    right:2px;
    top:2px;
    }

.ui-button:hover, input[type="submit"]:hover, input[type="button"]:hover, button:hover,
.ui-button:focus, input[type="submit"]:focus, input[type="button"]:focus, button:focus
{
    color: #fff;
    background-color:#0099CC;
    /*color: #1d60ff !important;*/
    /*box-shadow: 0 0 2px #000!important;
    -moz-box-shadow: 0 0 2px #000;
    -webkit-box-shadow: 0 0 2px #000;*/
    }

.ui-button.red {
        background-color: #a20000;
        border-color: #cc0000;
    }
    .ui-button.red:hover {
        background-color: #cc0000;
    }

.ui-button.green {
        background-color: #128c04;
        border-color: #35a228;
    }
    .ui-button.green:hover {
        background-color: #35a228;
    }

.ui-button:disabled, input[type="submit"]:disabled, input[type="button"]:disabled, button:disabled {
    color: #fff;
    opacity:.5;
    background-color:  #007aa2; /*#1da9da;*/
    border-bottom: 4px solid #0099CC;
    cursor:default;
}

.container
{
    position:relative;
    display:inline-block;
    }

.confirmacion
{
    margin-top:40px;
    margin-bottom:40px;
    margin-left:auto;
    margin-right:auto;
    width:50%;
    font-size:20px;
    text-align:center;
    }

#main-col, article
{
    width: 730px;
    float: left;
    overflow: hidden;
    }
    
#full-col
{
    width:710px;
	padding: 10px;
	}

#full-div
{
    background:White;
    padding: 10px;
    }

#main-col #left-col {
	width: 390px;
	padding: 10px;
	float: left;
}

#main-col #left-col a:visited {
	color: #95007b!important;
}

#main-col #right-col {
	float: left;
	padding: 10px;
	width: 300px;
	overflow:hidden;
}

#sidebar, aside
{
    float:right;
    width :250px;
    padding:10px;
    }

#sidebar > #post-images > img
{
    max-width:120px;
    }

#post-titulo
{
    font-weight: bold;
    font-size: 25px;
    border-bottom: 1px dotted #CCC;
    border-top: 1px dotted #CCC;
    margin-top: 5px;
    }
    
#post-head
{
    height:25px;
    }
    
#post-head .post-head-info {
	text-transform: uppercase;
	color: #acaaaa;
	float: left;
}

#post-head .post-head-info a {
	color: #acaaaa;
	font-weight: normal;
}

#post-content
{
    font-size: 1.2em;
    margin: 10px 0;
    }

#post-content p
{
    margin:0;
    padding:0;
    }

#post-content img.emoticon
{
    margin:0 3px;
    vertical-align:middle;
    }
    
#post-content ul, ol
{
    padding:10px 0 0 35px;
    }
    
#post-content ul
{
    list-style: url('bullet1.png');
    }
    
#post-content ul
{
    list-style: auto;
    }
    
#post-content img
{
    max-width:710px;
    }

.post-data
{
    margin-top:10px;
    background: #f5f5f5;
	border: 1px solid #e0e0e0;
	padding: 10px;
	}

.comment-actions {
	position: absolute;
	top: 5px;
	right: 5px;
	border: #CCC 1px solid;
    background: url(hoverbg.gif) repeat-x scroll left bottom #f1f1f1;
    display: none;
    }

.comment-actions li {
	float: left;
	display: block;
	border-right: 1px solid #CCC;
    }

.comment-actions li a {
	display: block;
	padding: 3px 6px;
	cursor: pointer;
    }

.comment-actions li i {
	margin: 0;
	float: none;
    }

.comment:hover .comment-actions {
	display: block;
    }

.comment, .mycomment
{
	position:relative;
    border-bottom: 1px dotted #CCC;
    overflow:hidden;
}

.comment-author .pointscomment
{
    font-weight:bold;
    margin-left:5px;
    font-size:1.1em;
    }
    
.comment-author .pointpos
{
    color:Green;
    }
    
.comment-author .pointneg
{
    color:Red;
    }    

.mycomment
{
    background:#F9F8E3;
    }
    
.comment:hover {
	background: #F1F1F1;
}

.comment-data
{
    font-size: 11px;
    float: left;
    width: 48px;
    color: #777;
    display:block;
    line-height: 15px;
    margin: 0 20px 0 10px;
    background: white;
}

.comment-text 
{
    padding:10px;
	/*width: 630px;*/
	/*float: left;*/
	font-size: 13px;
	display:block;
}

/*img.avatar-48 {
	width: 48px;
	height: 48px;
	display: block;
}*/

.comment-data a {
	font-weight: bold;
	font-size: 12px;
	display: block;
}

.comment-author {
    margin-bottom: 10px;
}

/*.min-avatar {
	float: left;
	border: 1px solid #CCC;
	padding: 2px;
	-moz-box-shadow: 0px 2px 3px #999;
	box-shadow: 0px 2px 3px #999;
	-webkit-box-shadow: 0px 2px 3px #999;
	display: block;
}*/

.subtext {
	font-size: 11px;
	color: #999;
	text-transform: lowercase;
}
.subtext a {
	font-size: 11px;
	color: #999;
	font-weight: normal;
}

.redondeado {
	-moz-border-radius: 5px;
	border-radius:5px;
	-webkit-border-radius: 5px;
}

.box
{
    margin-bottom: 15px;
	position: relative;
    /*background: #eeeeee;*/
    }

.box div.title, .divider {
    position: relative;
    background: url(dotccc.gif) repeat-x 0 12px;
}

.box div.title h2 {
    float: left;
    padding-right: 10px;
    margin: 0;
    font-weight: bold;
    font-size: 16px!important;
    background: url(wpx.png) repeat-x center center;
}

.sombra
{
    box-shadow: 0 1px 0 #D3D3D3;
	-mox-box-shadow: 0 1px 0 #D3D3D3;
	-webkit-box-shadow: 0 1px 0 #D3D3D3;
	}
	
div.separador
{
    font-weight:Bold;
    background: url(dotccc.gif) repeat-x 0 12px;
    margin: 10px;
    font-size:small;
    }
    
div.separador h2, div.separador h3
{
    display:inline;
    background:#fff;
    padding-right:10px;
    }
    
.wrapper {
	max-width: 1000px;
	margin: 0 auto;
	position: relative;
    }

.profile {
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color:white;
}

i.icon {
	background: url(16icons.png) no-repeat;
	display: block;
	margin: 0 10px 0 0;
	width: 16px;
	height: 16px;
	float: left;
}

i.icon16 {
    display:inline-block;
    width:16px;
    height:16px;
    background-size:16px;
    vertical-align:middle;
    background-repeat: no-repeat;
}
i.icon22 {
    display:inline-block;
    width:22px;
    height:22px;
    background-size:22px;
    vertical-align:middle;
    background-repeat: no-repeat;
}
i.icon24 {
    display:inline-block;
    width:24px;
    height:24px;
    background-size:24px;
    vertical-align:middle;
    background-repeat: no-repeat;
}

i.puntorojo { background-image:url(../Imagenes/sync_0_16.png); }
i.puntoverde { background-image:url(../Imagenes/sync_1_16.png); }
i.close { background-image:url(../Imagenes/close.png); }
i.save { background-image:url(../Imagenes/save.png); }
i.remove { background-image:url(../Imagenes/remove.png); }

i.dc_icon { background-image:url(../Imagenes/dc_icon.png); }
i.dc_icon_1_n { background-image:url(../Imagenes/dc_icon_1_n.png); }
i.dc_icon_2_n { background-image:url(../Imagenes/dc_icon_2_n.png); }
i.dc_icon_3_n { background-image:url(../Imagenes/dc_icon_3_n.png); }
i.dc_icon_1 { background-image:url(../Imagenes/dc_icon_1.png); }
i.dc_icon_2 { background-image:url(../Imagenes/dc_icon_2.png); }
i.dc_icon_3 { background-image:url(../Imagenes/dc_icon_3.png); }

i.loading1 {
    display:block;
    width:16px;
    height:16px;
    background-size:16px;
    vertical-align:middle;
    background-image:url(../Imagenes/loader_1.gif);
    background-repeat: no-repeat;
    margin: 10px auto;
}




/*SOCIALPHY ICONS*/	

i.icon.thumb-up { background-position: -153px -34px; }
i.icon.thumb-up:hover, i.icon.thumb-up.hover { background-position: -153px -51px; }
i.icon.thumb-down { background-position: -170px -34px; }
i.icon.thumb-down:hover, i.icon.thumb-down.hover { background-position: -170px -51px; }

i.icon.delete { background-position: -170px -102px; }

/*i.icon.categ1 { background-position:  -17px -17px; }*/
i.icon.categ2 { background-position: -239px 0 ; }
/*i.icon.categ3 { background-position: -51px -17px; }*/
i.icon.categ4 { background-position: -68px -17px; }
i.icon.categ5 { background-position: -239px -17px; }
i.icon.categ6 { background-position: -153px -17px; }
i.icon.categ7 { background-position: -224px -17px; }
i.icon.categ8 { background-position: 0 -17px; }
i.icon.categ9 { background-position: -17px 0; }
i.icon.nextcity { background-position: -17px -34px ; }

/*table caption {
    padding: 1px;
}

table.list {
    border-spacing:0px;
}*/

.list .list-element {
	padding: 5px 10px;
	background: #f5f5f5;
	border-top: #e0e0e0 1px solid;
	position: relative;
	background: #FFF\9;
	border-top: #EEE 1px solid\9;
}

.list-element:nth-child(2n+1) {
  background: #FFF;
  /*border-top: #FFF 1px solid;*/
}

.list-element:last-child {
  border-bottom: 1px solid #e0e0e0;
}

.list tr.list-element td {
	padding: 5px 10px;
	border-top: #e0e0e0 1px solid;
	position: relative;
	background: #FFF\9;
	border-top: #EEE 1px solid\9;
}

.list-element:nth-child(2n+1) td {
  background: #FFF;
  border-top: #FFF 1px solid;
}

.list .list-element > img {
	display: block;
	margin: 0 10px 0 0;
	width: 16px;
	height: 16px;
	float: left;
}

.list .list-element a {
    font-weight: bold;
    }

.view-more-list {
    background: #EFF9FD;
    text-align: center;
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    border-top: 1px solid #CFE9F4;
    padding: 3px;
    }

.separador .action .text {
    font-weight: bold;
    font-size: 11px;
    padding: 4px 0 0 10px;
    }

.separador .action {
    position: relative;
    right: 0;
    padding: 0 0 0 10px;
    background: white;
    float: right;
    z-index: 10;
    }

/*#menu {
	padding: 8px;
	background: #FFF url(menubg.gif) repeat-x bottom left;
	border-bottom: 1px solid #CCC;
	overflow:hidden;
}

#menu ul.tabs {
	float: left;
}

#menu ul li, .menu-tabs-perfil ul li  {
	font-size: 13px;
	float: left;
	margin-right: 5px;
}

#menu ul li a, .menu-tabs-perfil ul li a {
	color: #105CB6;
	display: block;
	border: 1px solid transparent;
	font-weight: bold;
	padding: 2px 9px 2px 9px;
}


#menu ul li.active a, .menu-tabs-perfil ul li.selected a {
	border: 1px #FFF solid;
	color: #000;
	-webkit-border-radius: 25px;
	border-border-radius: 25px;
    -moz-border-radius: 25px;
	
	background: #EEE;
}

#menu ul li:hover a, .menu-tabs-perfil ul li:hover a {
	border: 1px #FFF solid;
	-webkit-border-radius: 25px;
	border-border-radius: 25px;
    -moz-border-radius: 25px;
    
	background: #EEE;
}*/

img.bullet
{
    margin:0 15px 0 30px;
    }

#post-fuente
{
    margin-bottom:10px;
    }

#post-fuente input, #post-titulo input
{
    width:99%;
    }
    
#post-fuente textarea
{
    width:99%;
    height:50px;
    resize:none;
    }

#map_canvas
{
    width: 100%;
    height: 400px;
    border: 1px solid #0099CC;
    display:none;
    }

/*#btn_map_canvas {
    display:block;
    color:#fff;
    height:20px;
    background-color: #0099CC;
    text-align:center;
}*/

.fs
{
    float:none!important;
    width:100%!important;
    height:100%!important;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    }





.pop_dialog
{
    display:none;
    height: 100%;
    left: 0;
    overflow: visible;
    outline: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 200;
    
    background-color: rgb(252, 252, 252);
    background-color: rgba(252, 252, 252, 0.8);
    height: 100%;
    z-index: 300;
}

.generic_dialog_popup {
    height: 0;
    overflow: visible;
    position: relative;
    width: 465px;
    margin: auto;
}

.pop_container_advanced {
    background: rgb(82, 82, 82);
    background: rgba(82, 82, 82, 0.7);
    /*-webkit-border-radius: 8px;
	border-border-radius: 8px;
    -moz-border-radius: 8px;*/
    padding: 5px;
    position:fixed;
    margin-top:150px;
}

.pop_absolute
{
    position:absolute;
    margin-top:130px;
    }

.pop_content {
    direction: ltr;
    outline: none;
}

.pop_content .dialog_title {
    background: #003750;
    border: 1px solid #003750;
    border-bottom: none;
    color: white;
    font-size: 14px;
    font-weight: bold;
    margin: 0;
    padding:5px 10px 5px 10px;
}
.pop_content .dialog_title i
{
    margin-top:2px;
    }

.pop_content .dialog_content, .pop_content .dialog_loading {
    background: white;
    border: 1px solid #CCC;
    border-top-width: 0;
}

.pop_content .dialog_loading 
{
    padding:10px 10px 5px 10px;
    text-align:center;
    }

.pop_content .dialog_body {
    padding: 10px;
    border-bottom: 1px solid #CCC;
}

.pop_content .dialog_buttons {
    background: #f0eeee;
    padding: 8px 10px 8px 10px;
    position: relative;
    text-align: right;
}

.dialog_loading
{
    display:none;
    }

.dialog_Show
{
    display:block;
    }

.dialog_Hide
{
    display:none;
    }

#point-bar
{
    float: left;
    background: url(userbarbg.png) top left repeat-x #085070;
    height: 32px;
    border: 1px solid #033953;
    padding: 0;
    line-height: 15px;
}

#points-text {
    text-align: center;
    float: left;
    color: white;
    font-weight: bold;
    padding: 7px 12px 9px 10px;
    height: 16px;
}

.post-data {
    background: whiteSmoke;
    border: 1px solid #E0E0E0;
    padding: 10px;
}

.post-data .post-points {
    /*border-bottom: 1px solid #CCC;*/
    overflow:hidden;
}

.give-points {
float: left;
margin-top: 8px;
}

.post-data .post-points ul {
float: left;
padding:0px!important;
}

.post-data .post-points ul li {
font-weight: bold;
font-size: 14px;
float: left;
background: url(userbardivider.gif) bottom left no-repeat;
color: white;
list-style:none;
}

.post-data .post-points ul li a {
color: white;
display: block;
padding: 9px 12px 9px 12px;
}

.post-data .post-points ul li.MyPoint a
{
    font-size: 22px;
    color: yellow;
    display: block;
    padding: 9px 12px 9px 12px;
}
    
.post-data .post-points ul li a:hover {
background-color: #0878A6;
}

.total-points {
font-size: 24px;
font-weight: bold;
float: right;
}

.total-points p {
font-size: 12px;
font-weight: normal;
text-align: right;
margin:0;
}

.floatR {
float: right;
}

.floatL {
float: left;
}

#booklist li, #gamelist li
{
    position:relative;
    width:310px;
    vertical-align:top;
    margin: 12px 7px 12px 7px;
    display:inline-block;
    }

#booklist li .booktitle, #gamelist li .gametitle
{
    text-align:center;
    margin-bottom:5px;
    font-size:13px;
    font-weight:bold;
    }

#booklist li .bookdescription, #post-content .bookcontent
{
    text-align:justify;
    }

#booklist li .bookauthor
{
    position:absolute;
    bottom:0px;
    right:0px;
    font-size:13px;
    margin-right:5px;
    font-style:italic;
    }
    
#booklist li .bookimg
{
    float:left;
    width:120px;
    height:160px;
    margin-right:5px;
    text-align:center;
    }
    
#gamelist li .gameimg
{
    float:left;
    width:160px;
    height:120px;
    margin-right:5px;
    text-align:center;
    }
    
#post-content .bookauthor
{
    margin: 10px 20px 0px 0;
    font-style:italic;
    text-align:right;
    }

#post-content .bookimage
{
    float:left;
    margin:0 10px 2px 0;
    }

#post-content .bookcontent
{
    text-align:justify;
    }

#post-content.book-info
{
    overflow:hidden;
    position:relative;
    margin-bottom:15px;
    }

.pages
{
    text-align:right;
    }

#post-content #game
{
    text-align:center;
    }




.expander-item
{
    padding:2px 0;
    }

.expander-checkeds > .expander-title
{
    color:Red!important;
    }

.expander-item > .expander-title
{
    font-weight:bold;
    cursor:pointer;
    }

.expander-item:hover > .expander-title
{
    color:Blue;
    }
    
.expander-item:hover > .expander-title:before
{
    content:" > ";
    }
    
.expander-item > .expander-body
{
    padding:0 0 0 5px;
    }
    
.expander-0 > .expander-body
{
    visibility:collapse;
    height:0px;
    }


/* PERSONAL */

.personalingreso {
    color:green;
}

.personalsalida {
    color:violet;
}

.personaltarde {
    color:red;
}

.horarioamarillo {
    background:yellow!important;
}

.horariorojo {
    background:red!important;
    color:white!important;
}

#datos911 {
    font-size:1.3em;
    width:360px;
    display:none;
}

    #datos911 li {
        font-weight:600;
        margin-bottom:5px;
    }

    #datos911 span {
        font-weight:normal;
    }

/*i.loading {
    background-color: rgba(125,125,125,.5);
    background-image:url(../Imagenes/loader1.gif);
    background-position:center center;
    background-repeat:no-repeat;
    width:100%;
    height:32px;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    display:none;
}*/

div.fixed {
  position: fixed;
  top: 20px;
}

input.find {
    margin:10px;
    font-size:1.3em;
    width:50px;
    padding:5px;
    padding-left:30px;
    background-image:url(search.png);
    background-position: 7px center;
    background-repeat: no-repeat;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    outline:none;
}

#list911 {
    min-height:400px;
}

#list911 div.list-element {
     border-right:1px solid #e0e0e0;
     cursor:pointer;
}

#list911 div.destacado {
    background:#FFCF9F;
}

#list911 div.selected {
    background:#B8CBDE;
}

.contacto {
    font-size:1.5em;
}

.contacto input, .contacto textarea {
    width:400px;
    font-size:1em;
    display:block;
}

.contacto textarea {
    height:100px;
}

/*.itemcontainer {
    font-size:0;
}

.item {
    display:inline-block;
    vertical-align:top;
    min-height:90px;
    padding:15px;
    text-align:left;
    text-transform:none;
    width:32.95%;
    margin:3px 0.166%;
    / *background-color: #666;* /
    / *background-color: #007aa2;* /
}*/


.itemcontainer {
    display:flex;
    flex-wrap: wrap;
    margin:10px;
}

.item {
    width:300px;
    margin:2px;
    padding:7px;
    text-align:left;
}

.item div {
    font-size:1em;
    overflow:hidden;
    display:block;
    text-overflow:ellipsis;
    white-space:nowrap;
}

/*.item .checked {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 40px 40px 0;
    border-color: transparent #ff8a00 transparent transparent;
    position:absolute;
    top:0;
    right:0;
}*/

    .item .checked {
        position:absolute;
        top:0;
        bottom:0;
        right:0;
        width:6px;
        background-color:#ff8a00;
    }

.item .checked.red {
    background-color:red;
    /*width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 40px 40px 0;
    border-color: transparent Red transparent transparent;
    position:absolute;
    top:0;
    right:0;*/
}
    
    

.popup {
    padding:5px;
}

.popupcontent {
    position:relative;
}

.popup .head{
    /*padding:5px;*/
    height:22px;
    margin-bottom:5px;
}

    .popup .head .icon22 {
        margin-left: 10px;
    }

.popup .body {
    /*padding:5px;*/
}



.inline {
    width:auto;
    display:inline-block;
}
.puntos {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.bloques {
    font-size:0;
}

.bloque {
    font-size: 12px;
    display: inline-block;
    vertical-align: top;
}


.bloque150 {
    font-size: 12px;
    display: inline-block;
    vertical-align: top;
    width:150px;
}

.bloque200 {
    font-size: 12px;
    display: inline-block;
    vertical-align: top;
    width:200px;
}

.bloque300 {
    font-size: 12px;
    display: inline-block;
    vertical-align: top;
    width:300px;
}

.bloque400 {
    font-size: 12px;
    display: inline-block;
    vertical-align: top;
    width:400px;
}


.maxw600 {
    margin:0 auto;
    max-width: 600px;
}



@media only screen and (max-width: 1000px) {
    nav #submenu {
        -webkit-border-radius: 0;
        border-radius: 0;
    }
}

@media only screen and (max-width: 700px) {
    .item {
        width:49%;
        margin:3px 0.5%;
    }
}

@media only screen and  (max-width: 500px) {
    /*header {
        position:absolute;
    }

    nav #menu {
        display:block;
    }

    nav #nav {
        display:none;
        box-shadow: 0px 2px 1px #555;
        -webkit-box-shadow: 0px 2px 1px #555;
        -moz-box-shadow: 0px 2px 1px #555;
        padding-right:0;
    }

        nav #nav li, nav #nav a {
            overflow:hidden;
            display: block;
            width: 100%;
            text-align:center;
        }*/

    .item {
        margin:3px 0;
        width:100%;
    }

}