HTML { margin:0px; padding:0px; width:100%; height:100%;  }
body{ margin:0px; padding:0px; width:100%; height:100%; font-family:Arial, Verdana, Sans-Serif; font-size:1em; color:#333; background:#f6f6f6 none;  }
a { text-decoration:none; color:#015583; }
a:hover { text-decoration:underline; }
a:active, input:active{outline:0px; }
a:focus, input:focus{ outline:0px;  }

table, td { margin:0px; padding:0px; border:0px; border-collapse:collapse; vertical-align:top; }

h1, h2, h3, h4 { font-weight:normal; }
h1 { font-size:1.6em; }
h2 { font-size:1.4em; }
h3 { font-size:1.2em; }
h4 { font-size:1em; }

UL {}
UL LI { line-height:1.8em; }
UL.lower-latin{ list-style-type:lower-latin; }

HR.hr-separador { visibility:hidden; margin:0px; }

TABLE { margin: 0 auto; border: 0;  border-collapse: collapse; font-size:.9em; text-align:center; font-family:"Lucida Console", Monaco, monospace; }
TABLE TR {}
TR:nth-child(odd) { }
TR:nth-child(even) {background: #f6f6f6; }

TABLE TR TD { border:1px solid #d0d0d0; padding:.25em .5em; }



/*-----------------------------------------------------------------------------------------------
    ESTRUCTURES
-----------------------------------------------------------------------------------------------*/

/* CABECERA */
.cabecera { border-bottom:1px solid #e0e0e0; }

.cabecera div.logo_cabecera {
    background: transparent url(../imagenes/logo_cabecera.png) no-repeat 0 0; 
    width:367px; 
    height:160px; 
    margin:0 auto;
    /*margin-top:.5em;
    margin-bottom:1em;*/
    }

.cabecera div.tituloCabecera{ margin:0 auto; text-align:center;
    border-top:1px solid #ccc;
    padding:.5em 0;
    background:#efefef none;
    }
.cabecera div.tituloCabecera h1, 
.cabecera div.tituloCabecera h2{ display:inline; font-size:12px; font-weight:normal;}

.cabecera div.tituloCabecera h1{ color:#333;  }
.cabecera div.tituloCabecera h2{ color:#8f8f8f; }

.enlaceFijoCabecera { background-color:#f6f6f6; text-align:right; border-bottom:1px solid #e0e0e0; }
.enlaceFijoCabecera a.pdf, 
.enlaceFijoCabecera a.word, 
.enlaceFijoCabecera a.excel { background-color:#fff; margin:0; padding-right:10px; line-height:35px; background-position:0px -2px; 
    border-left:1px solid #e0e0e0;
    text-decoration: none;
    font-size: .7em;
    }



/* .wrap-content:  .col-nav + .col-content */
.wrap-content { display: table;
    width: 100%;
    margin:0;
    padding:0;
    border:0px; border-collapse:collapse;  vertical-align:top;
    }
    
.col-nav,
.col-content  { display: table-cell;
    vertical-align: top;
    padding: 0;
    margin: 0;
    }

/* navegacion */
.col-nav  { width:20%; background-color:#f6f6f6; border-right: 1px solid #e0e0e0; }

/* contents */
.col-content { width:80%; padding:2em; background-color:#fff; border-bottom: 1px solid #e0e0e0; }

/* Footer */
.footer{ text-align:center; padding:4em; font-size:12px; color:#999;   }


/*-----------------------------------------------------------------------------------------------
    INSIDES 
-----------------------------------------------------------------------------------------------*/

/* navegacion */

#btn-menu-device {
    display: block;
    padding: 0 1em;
    border-bottom: 1px solid #e0e0e0;
    display:none;
}
#btn-menu-device:before { content:"\2261"; display:inline-block; font-family:Arial; margin-right:10px; font-size:40px; line-height:40px; vertical-align:middle; 
    color: #005585; 
	-webkit-transform: rotate(0deg);
 	   -moz-transform: rotate(0deg);
   	    -ms-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-transition: all 0.3s ease-in-out 0s;
       -moz-transition: all 0.3s ease-in-out 0s;
         -o-transition: all 0.3s ease-in-out 0s;
            transition: all 0.3s ease-in-out 0s;
    }
#btn-menu-device.d_close:before { background:transparent url(../../Imagenes/Administracion/menu.device.close.png) no-repeat center center;
	-webkit-transform: rotate(90deg);
 	   -moz-transform: rotate(90deg);
   	    -ms-transform: rotate(90deg);
         -o-transform: rotate(90deg);
            transform: rotate(90deg);
    -webkit-transition: all 0.3s ease-in-out 0s;
       -moz-transition: all 0.3s ease-in-out 0s;
         -o-transition: all 0.3s ease-in-out 0s;
            transition: all 0.3s ease-in-out 0s;
    }

#btn-menu-device>span { display:inline-block; font-size:1em; line-height:40px; vertical-align:middle; color:#929292; }

.enlacesMenu{ padding:0px;}
.enlacesMenu A{ display:block; padding:1em; border-bottom:1px solid #e0e0e0; text-align:right; }
.enlacesMenu A:hover{ text-decoration:none; background-color:#fff; }
.enlacesMenu A.pdf, .enlacesMenu A.word, .enlacesMenu A.excel{ display:block !important; line-height:normal; background-image:none; }

/* contents */

.col-content{  font-family:Georgia, "Times New Roman", Times, serif; font-size:1.2em; line-height:1.8em; }

.col-content>h1 {}
.col-content>h2 { color: #005585; }
.col-content>h3 {border-bottom:1px solid #e0e0e0;}
.col-content>h4 {}

.tituloSeccion,
.col-content>h1{ margin:0 0 1em 0; padding:1em; 
    font-style:italic; 
    font-size:1.6em;
    background-color:#f0f0f0; 
    color:#666; 
    text-align:center;
    -webkit-border-radius:3px;
     -khtml-border-radius:3px;
       -moz-border-radius:3px;
            border-radius:3px;
                }


.borrador-watermark { background: #fff url(../imagenes/back-borrador.png) no-repeat center center !important; min-height:470px;}


strong.indent { display:block; position:absolute; margin-left:-50px; }

.col-content>* + .article { margin-top:2em; }

.article { margin:0; }
.article .antetitulo:before  {
    content:"\BB";
    font-family:Arial;
    margin-right:1%;
    }
    
.article .antetitulo { border: 0;
    font-size: 1em;
    font-weight: normal;
    color: #CD0000;
    font-style: italic;
    }
.article .titulo,
.article> h2 { border: 0;
    font-size: 1.4em;
    font-weight: normal;
    color: #005585;
    margin:0;
    }

.article .antetitulo + .titulo { margin-top:.5em; }

.article .entradilla { border: 0;
    font-size: 1em;
    line-height:1.4em;
    font-weight: normal;
    font-style: italic;
    color: #999;
    margin-left:2em;
    }
.article .titulo + .entradilla { margin-top:1em; }

.article P { margin-left: 2em; }

a.pdf, a.word, a.excel { display:inline-block !important; *display:inline !important; zoom: 1 !important; vertical-align:top !important;
    text-decoration:underline;
    margin:0;
    padding:0 0 0 45px;
    line-height:40px;
    }
    
a.pdf { background: transparent url(../imagenes/iconoPDF.bmp) no-repeat 0px 0px; }
a.word { background:transparent url(../imagenes/iconoWord.bmp) no-repeat 0px 0px; }
a.excel { background:transparent url(../imagenes/iconoExcel.bmp) no-repeat 0px 0px; }

.article a.pdf, 
.article a.word,
.article a.excel  { font-size:.8em; margin-left:2em; }

div.texto { margin:1em 0; }
div.form { width:100%; max-width:600px; margin:0 auto; padding:0; }


/*-----------------------------------------------------------------------------------------------
    FORMS 
-----------------------------------------------------------------------------------------------*/

* input:-webkit-autofill {
    color: 000 !important;
    text-shadow:1px 1px 0px #fff !important;
}

/*  --------------------------------------------------------------------------------------------------------------------------

    inputs con attr placeholder y funcionando con el plugin jquery.placeholder.js
    para solucionar IE 7, 8, y 9

    -------------------------------------------------------------------------------------------------------------------------- */   

.placeholderIEOld { color:#999; } /*IE */

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:#999;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:#999;
   opacity:1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:#999;
   opacity:1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:#999;
}
:placeholder-shown { /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */
  color:#999;
}

INPUT,
TEXTAREA,
SELECT,
LABEL { }
    
TEXTAREA,
input[type="text"],
input[type="password"],
input[type="file"] {
    display:block; 
    width:100%; margin:0; padding:0; 
    background:#fff none;
    border:1px solid #ccc; 
    outline:none;
    }
input[type="text"],
input[type="password"] { text-indent:1%; }
*[disabled=disabled],
*[readOnly=readonly],
*:disabled { color:#bbb !important; background:#f9f9f9 !important;  }
INPUT[type="checkbox"],
INPUT[type="radio"] { vertical-align:middle; margin:0; padding:0; }
INPUT[type="image"] { display:block; vertical-align:middle; margin:0; padding:0; }
SELECT { margin:0; padding:0; border:1px solid #ccc;  }
SELECT[size], SELECT[multiple] { width:100%; height:auto; }
SELECT[size] + *, SELECT[multiple] + * { }
TEXTAREA { resize:vertical; }

div.wrap-form-input, 
div.wrap-form-textarea,
div.wrap-form-check,
div.wrap-form-radio,
div.wrap-form-select,  
div.wrap-form-photo,
div.wrap-form-buttons,
div.wrap-form-button,
div.wrap-form-reorderlist,
div.wrap-table,
div.wrap-paragraph,
div.wrap-form-labels,
div.wrap-forms-group,
div.wrap-visibility { margin:0; padding:0; }

div[class^="wrap-form"] + div[class^="wrap-form"],
.wrap-table + div[class^="wrap-form"],
div[class^="wrap-form"] + .wrap-table,
table + div[class^="wrap-form"],
div[class^="wrap-form"] + table,
.panelBox>table + .panelBox>table,
.wrap-static-labels + div[class^="wrap-form"],
div[class^="wrap-form"] + .wrap-static-labels,
.wrap-static-labels + .wrap-table,
.wrap-table + .wrap-static-labels,
.wrap-static-labels +  .panelBox>table,
.panelBox>table + .wrap-static-labels,
div[class^="wrap-forms"] + div[class^="wrap-form"],
div.wrap-visibility>div[class^="wrap-form"]:first-child { margin-top:1%; position:relative; }

div[class^="wrap-form"] label { display:block; margin:0; padding:0; color:#005585;  }

.validationsummary {display:block; padding: 1%; margin: 1% 0; background: #FFCD00; border: 1px solid #CBA509; color: #000;}
.validationsummary ul { list-style-type:square; }
.validationsummary ul li { line-height:1.6em; }

/*  <asp:DropDownList />
    .wrap-form-select(.inline-label) > label
                                     > select
                                     > (.validador || span[controltovalidate])
*/
.wrap-form-select { height:1%; box-sizing:border-box; position:relative; }
.wrap-form-select label,
.wrap-form-select select { font-size:1em; line-height:1.6em; height:inherit; width:100%;}
.wrap-form-select select { height:1.6em; box-sizing:border-box;  }

/* .wrap-form-select.inline-label */
.wrap-form-select.inline-label { display:block !important; width:100%; border:1px solid #ccc; height:1.6em; overflow:hidden; }
.wrap-form-select.inline-label label { display:block !important; float:left; width:40%; text-align:center; background:#f0f0f0; box-shadow: inset -1px 0 1px #ccc; }
.wrap-form-select.inline-label label + select {  display:block !important; float:left; border:0; width:60%; height:1.6em; border:0;}
.wrap-form-select.inline-label label:before { content:normal; }


/* 
    .wrap-form-input(.inline-label) > label
                                    > input[type="text"] || input[type="password"] || input[type="file"]
                                    > (.validador)
*/
/* .wrap-form-input */
.wrap-form-input { height:1%; overflow:hidden; position:relative; width:100%; box-sizing:border-box; }

.wrap-form-input label,
.wrap-form-input label + input[type="text"], 
.wrap-form-input label + input[type="password"],
.wrap-form-input label + input[type="file"] { font-size:1em; line-height:1.6em; height:inherit; box-sizing:border-box; }

html.ie7 .wrap-form-input label,
html.ie7 .wrap-form-input label + input[type="text"], 
html.ie7 .wrap-form-input label + input[type="password"],
html.ie7 .wrap-form-input label + input[type="file"] { font-size:1em; line-height:1.6em; height:inherit; }

/* .wrap-form-input.inline-label */
.wrap-form-input.inline-label { height:1.6em; }
.wrap-form-input.inline-label label:before { content:normal; }
.wrap-form-input.inline-label { display:block; width:100%; border:1px solid #ccc; }
.wrap-form-input.inline-label label { display:block; float:left; width:40%; text-align:center; background:#f0f0f0; box-shadow: inset -1px 0 1px #ccc; }
.wrap-form-input.inline-label label + input[type="text"],
.wrap-form-input.inline-label label + input[type="password"],
.wrap-form-input.inline-label label + input[type="file"] { display:block; float:left; border:0; width:60%; }

html.ie7 .wrap-form-input.inline-label label + input[type="text"],
html.ie7 .wrap-form-input.inline-label label + input[type="password"],
html.ie7 .wrap-form-input.inline-label label + input[type="file"] { margin-left:-1px; }


div.wrap-form-buttons,
div.wrap-form-button { clear:both; text-align:center; margin:1% 0; }



/* botones */
.linkBoton {  cursor:default; text-align:center; display:inline-block; vertical-align:middle;
    font-size:.8em;
    line-height:2.4em;
    padding:0 2%;
    margin:0; 
    border:0;
    -webkit-border-radius:4px;
     -khtml-border-radius:4px;
       -moz-border-radius:4px;
            border-radius:4px;
    text-decoration:none; 
	background:#333 none;
    background:-moz-linear-gradient(bottom,#1A1A1A 0,#4B4B4B 100%);
    background:-webkit-gradient(linear,left bottom,left top,color-stop(0%,#1A1A1A),color-stop(100%,#4B4B4B));
    background:-webkit-linear-gradient(bottom,#1A1A1A 0,#4B4B4B 100%);
    background:-o-linear-gradient(bottom,#1A1A1A 0,#4B4B4B 100%);
    background:-ms-linear-gradient(bottom,#1A1A1A 0,#4B4B4B 100%);
    background:linear-gradient(bottom,#1A1A1A 0,#4B4B4B 100%);
    -moz-box-shadow:  1px 1px 2px rgba(0,0,0,.22); -webkit-box-shadow:  1px 1px 2px rgba(0,0,0,.22); box-shadow: 1px 1px 2px rgba(0,0,0,.22);
	color:#fff; 
    text-shadow:0px 1px 1px rgba(0,0,0,.2); 
    text-decoration:none !important;
    width:auto;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	}
*+html .linkBoton { display:inline; zoom:1; }
.linkBoton + .linkBoton { margin: 0 0 0 2%; }
.linkBoton:active { cursor:default; }
.linkBoton:focus { background: #F00; }
html.desktop .linkBoton:hover { cursor:default; text-decoration:none;    
        background:#1A1A1A none;
        background:-moz-linear-gradient(bottom,#1A1A1A 0,#656464 100%);
        background:-webkit-gradient(linear,left bottom,left top,color-stop(0%,#1A1A1A),color-stop(100%,#656464));
        background:-webkit-linear-gradient(bottom,#1A1A1A 0,#656464 100%);
        background:-o-linear-gradient(bottom,#1A1A1A 0,#656464 100%);
        background:-ms-linear-gradient(bottom,#1A1A1A 0,#656464) 100%);
        background:linear-gradient(bottom,#1A1A1A 0,#656464 100%); 
        color:#fff;
        }

.aspNetDisabled.linkBoton { background:#d7d7d7 none !important; color:#fff !important; box-shadow: none; text-shadow:none; border: 1px solid #dcdcdc !important }



.linkbutton{ line-height:30px; height:30px; 
             display:inline-block; vertical-align:middle; *display:inline; zoom:1; padding:0 1em; margin:1em 0; font-weight:bold; font-size:11px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor:default; 
    -webkit-border-radius:3px;
     -khtml-border-radius:3px;
       -moz-border-radius:3px;
            border-radius:3px;
    text-decoration:none !important; 
    background:transparent none; 
    border:1px solid transparent; 
    background:#f5f5f5 none;
    background:-moz-linear-gradient(bottom,#f5f5f5 0,#fff 100%);
    background:-webkit-gradient(linear,left bottom,left top,color-stop(0%,#f5f5f5),color-stop(100%,#fff));
    background:-webkit-linear-gradient(bottom,#f5f5f5 0,#fff 100%);
    background:-o-linear-gradient(bottom,#f5f5f5 0,#fff 100%);
    background:-ms-linear-gradient(bottom,#f5f5f5 0,#fff) 100%);
    background:linear-gradient(bottom,#f5f5f5 0,#fff 100%);
    border:1px solid #d7d7d7; 
    white-space: nowrap;
    text-align:center;
    color:#005585;
    }

.linkbutton:hover,
.linkbutton:focus {
    background:#e5e5e5 none;
    background:-moz-linear-gradient(bottom,#e5e5e5 0,#fff 100%);
    background:-webkit-gradient(linear,left bottom,left top,color-stop(0%,#e5e5e5),color-stop(100%,#fff));
    background:-webkit-linear-gradient(bottom,#e5e5e5 0,#fff 100%);
    background:-o-linear-gradient(bottom,#e5e5e5 0,#fff 100%);
    background:-ms-linear-gradient(bottom,#e5e5e5 0,#fff) 100%);
    background:linear-gradient(bottom,#e5e5e5 0,#fff 100%);   
    }



/*  .wrap-paragraph || .paragraph
    Para capas que den mensajes de información o aviso importante (.alert)

    .wrap-paragraph(.alert) > (label)
                            > .paragraph
    .paragraph(.alert) 
*/
.paragraph {   display: block;
  text-align: justify;
  font-size: 100%;
  border-left: 5px solid #1E77B1;
  margin: 1% 0;
  padding: 1%;
  line-height: 160%;
  background: #F0F0F0 none; }
  
.paragraph.alert {border-left-color:#cc0000; background:#FDD none;}

.wrap-paragraph { font-size:1em; line-height:1.6em; }
.wrap-paragraph label { font-weight: bold; color: #1E77B1; line-height:3em;}
.wrap-paragraph label,
.wrap-paragraph label + .paragraph { font-size:inherit; display:block; margin-top:1px; }

html.ie7 .wrap-paragraph label,
html.ie7 .wrap-paragraph label + .paragraph { font-size:1em; line-height:1.6em; }
  

.wrap-paragraph.alert label { color:#cc0000; }
.wrap-paragraph.alert .paragraph { border-left-color:#cc0000; background:#FDD none;}









/*-----------------------------------------------------------------------------------------------
    DEVICES 
-----------------------------------------------------------------------------------------------*/

@media only screen
and (max-width : 1024px) 
{ 


}           

@media only screen
and (max-width : 600px) 
{   
body { font-size:90%; }
.cabecera div.logo_cabecera {
    width: 112px;
    height: 50px;
    background-size: contain;
}
.cabecera div.tituloCabecera { display:none; }
#btn-menu-device { display:block; }

.col-nav {
    width: 100%;
    display:block; overflow:hidden;
    max-height:0px;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
    }
.col-nav.d_visible { max-height:999px; }

    
.enlacesMenu A {
    text-align: left; 
    }

.col-content{
    width: 96%; /* >> tiene un 1% de padding*/
    padding:2%;
    display:block;
    }
.article {
    /*font-size: initial;*/
}
    
.article .antetitulo {
    margin-left: 0;
    }
.article a.pdf, .article a.word, .article a.excel {
    margin-left: 0;
    }
    
}



@media only screen
and (max-width : 480px) 
{
body { font-size:70%; }
.cabecera div.tituloCabecera h1, .cabecera div.tituloCabecera h2 {
    display: block;
    font-size: 1em;
    }
.footer { font-size:1em; }
}