html, body                { color: #444444; font-family: "Open Sans", sans-serif ;font-size:14px;font-weight: 300;}
p  { width: auto }
td         { color: #444444; font-size: 13px; text-align:left; }
.mini       { color: #444444; font-size: 8pt;  line-height: 11pt }
a        { color: #648db0; text-decoration: none }
a:hover     { color: #639; text-decoration: underline }
#container,.container,.navbar-static-top .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container   { margin-right: auto; margin-left: auto; width: 100%; height: 100%; float: left; clear: both }

.titular             { color: #7aabd6; font-size: 20px;  font-weight: bold }
.titularAccion      { color: #444444444444;
    font-size: 20px;
    font-weight: normal;
    margin-left: 235px;
    line-height: 80px;
    border-left: 1px #EEEEEE solid;
    height: 80px;
    display: inline-block;
    padding-left: 26px;
    background-color: white;
    width: 54%;}
.ui-datepicker {color:#444444;}
.mensajeverde {padding:4px 24px;color:white;text-transform:uppercase;background-color:#66cc00;margin: 10px;display: inline-block;font-weight: bold;}
.mensajerojo {padding:4px 24px;color:white;text-transform:uppercase;background-color:red;margin: 10px;display: inline-block;font-weight: bold;}
#noMenu  { margin-left: 194px; padding-left: 13px }
.margenLogo   { margin-left: 195px; padding-left: 10px }
.titular2 { color: #7aabd6; font-size: 16px;  font-weight: bold; margin-top: 20px; margin-bottom: 10px }
#menuleft      { margin-right: 15px; width: 180px; height: 100%; float: left; clear: none }
#menu          {  margin: 0 0 0 -40px; height: 100%; border-right: 0 solid #999;padding-left: 60px; }
#menu ul   { list-style-type: none; list-style-image: none; display: block; margin: 0; padding: 0 }
#menu li     { list-style-type: none; list-style-image: none; margin-right: 10px; padding: 5px 0; padding-bottom: 15px; }
#menu ul li, #menu li:last-child   { list-style-type: none; display: block; margin-top: 0; margin-right: 0; margin-bottom: 0; border: none }	
#menu a     { color: #444444; font-size: 14px; font-weight: 300; text-decoration: none; display: block; padding: 3px 5px }
#menu a:hover  { color: #444444; text-decoration: none; border-bottom: 0 #f30 }
#menu ul a    { text-decoration: none; margin-bottom: 0; margin-left: 0px; padding: 0 0 2px; }
#menu ul a:hover { color:#444444; }
#menu li a img   {float:left;margin-right:10px;display:table;width:24px;}
#menu li span   {float:left;line-height: 24px;font-weight: 400;}
#menu ul li:last-child    { margin-bottom: 0; padding-bottom: 30px }
#menu ul li ul li:last-child { margin-bottom: 0; padding-bottom: 5px }
#menu ul  { list-style-image: none }
#menu li ul    { display: none; margin: 15px 0 0 38px;}
#menu li ul a  { color: #20a2ed; }
#menu li ul a:hover  { color: #217ddc; }
#menu li ul li span   {font-weight: 300;width: 128px;line-height: 18px;margin-top: 3px;}
#menu ul li  { }
#menu .activeMenu { color: #444444; font-weight: bold }
.row2    { margin-top: 18px; margin-bottom: 20px; margin-left: 27px; padding-left: 15px; height: 96px; float: left; clear: right; border-left: 2px solid #b0b0b0 }
.leyenda {float: right;
    margin-bottom: 30px;
    width: 100%;
    text-align: right;
    padding-right: 24px;
}
#folderIcons img {width:30px;height:30px;}
.loading-bloque img {display: inline-block;}
.theme         { background-color: #cf6; padding-left: 15px; height: 100%; float: left; clear: none; border-left: 2px solid #999 }
.subtitular   { color: #444444; font-size: 12pt; font-weight: 700 }
.inputs { background-color: #f5faff }
.inputs, .inputsBox, selectzzz            { font-family: "Open Sans"; font-size: 14px;  background-color: #f5faff; margin: 2px 0; padding: 8px; border: solid 1px #cccccc;color: #444 !important; -moz-border-radius: 4px; -ms-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;width:100%;max-width:350px;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */      }
.explicacion { font-size: 10px }
textarea {width:100%;}

.NAMEb
.inputsdate    { font-size: 11px;  padding: 2px; border: solid 1px #444444 }
.inputsDissabled td        { color: #598ab5; font-size: 14px;  font-weight: bold }
input.inputsDissabled          { color: #a4a4a4; font-size: 12px;  background-color: #eaf1fc; padding: 4px; height: 26px; border: solid 1px #7aabd6 }
.tablatransparente { background-color: #999 }
.celdatransparente  { background-color: #fff }
.mini   { color: #444444; font-size: 12px;}
.tituloApartado  { font-size: 14px;  font-weight: bold }
.titular1      { color: #444444; font-size: 22px; font-weight: bold }
.titular1cms { color: #5c8eb9; font-size: 22px;  font-weight: bold }
.linky0  { color: #444444; text-decoration: none }
.linky0 a { color: #444444; text-decoration: none }
.linky { color: #666; font-size: 10px; text-decoration: none }
.linky   { color: #444444; font-size: 14px; text-decoration: none }
.linky a  { color: #444444; text-decoration: none }
.linky a:hover  { color: black; text-decoration: none; background-color: #f66 }
.button1          { color: #444444; font-size: 14px;  font-weight: bold; text-decoration: none; background-color: #bdd5ed; cursor: pointer; margin-bottom: 20px; padding: 10px 40px; border: solid 1px #93bbde; -moz-border-radius: 4px; -ms-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px    }
.button4 { color: #444444; font-size: 14px; font-weight: bold; text-decoration: none; background-color: #afc7df; cursor: pointer; margin-bottom: 20px; padding: 10px 40px; border: solid 1px #93bbde; -moz-border-radius: 4px; -ms-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px     }
.button3   { color: #444444; font-size: 12px;  font-weight: bold; text-decoration: none; background-color: #e1edfa; cursor: pointer; padding: 6px 10px; border: solid 1px #93bbde; -moz-border-radius: 4px; -ms-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px       }

.buttonFolder     { width:100%;color: #444444; font-size: 13px; text-decoration: none; background-color: #e1edfa; margin-bottom: 8px; padding: 6px 10px; border: solid 1px #93bbde; -moz-border-radius: 4px; -ms-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */         }

.FolderB  { width:100%;background-color: #f3f3f3;  padding: 4px; border: solid 1px #999; -ms-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */  }

.button2       { text-decoration:none;color: #fff; font-size: 18px; font-weight: 700; text-align:center;background-color: #a068ac; display:inline-block; margin-bottom: 0px; padding: 5px 20px; border: solid 0 #93bbde; -moz-border-radius: 4px; -ms-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px     }
.button2:hover      { color: #fff; font-size: 18px; background-color: #a068ac }
.button1:hover, .button3:hover,button4:hover     { color: #fff;  font-weight: bold; text-decoration: none; background-color: #8bb6d8; cursor: pointer; border: solid 1px #9fcdf1 }
.boxtituloapartado   {  font-size: 18px;  font-weight: bold; padding: 10px; height: 40px; border: solid 1px #444444;color:#444444; }
.boxtituloapartadonews { font-size: 14px;  font-weight: bold; padding: 5px; width: 500px; border: solid 1px #444444;color:#444444; }
input, textarea { margin: 0 }
.explicacion   { color: #444444; font-size: 11px; font-family: Arial; line-height: 16px }

#paginacion a   { color: #444444; font-size: 11px; background-color: #fff1f3; margin: 2px; padding: 6px; width: 20px; height: 20px; border: solid 1px #444444;cursor:pointer; }
#paginacion a:hover  { color: #444444; background-color: #f99; width: 20px; height: 20px; border: solid 1px #666;cursor:pointer; }
.proactive   { color: #444444; font-size: 11px; background-color: #fff; margin: 2px; padding: 6px; border: solid 1px #666 }
.prozona a   { color: #900; background-color: #fff; border-top: 1px solid #999; border-bottom: 1px solid #999; border-left: 1px solid #999 }
.prozona a:hover  { color: #444444; background-color: #f3f2ff }
#menuzona ul li   { display: inline; margin: 0; width: 100px }

sup,sub     { font-size: 80%; line-height: 1; position: relative; height: 0; vertical-align: baseline; _vertical-align: bottom    }
sup  { bottom: 1.1ex }
sub {	top: 0.5ex;}

#texto {width:340px;}
.libroCuerpo, .MsoNormal, .Apple-style-span 		   { font-size: 9.4pt; font-family: Times; line-height: 12pt; text-align: justify; margin-top: 10px }
.refFinal {text-align: left; font-size: 15px;  }
.libroTitulo {text-align: left; font-size: 16px;  font-weight: bold }
.libroAutores  { font-size: 9pt;  text-align: left }
.libroFiliaciones  { font-size: 9pt;  font-style: italic; text-align: left }



#menuWebs a  { color: #444444; font-size: 8pt; font-family: Verdana; line-height: 20pt; background-color: #ffedea; white-space: nowrap; padding: 5px; border: solid 1px #444444 }

#menuWebs a:hover { background-color: #fcc }
hr { margin: 8px 0; padding: 0; border-top: 0 solid; border-right: 0 solid; border-bottom: 1px solid #ccf; border-left: 0 solid }
h3  { color: #900; font-size: 18px;  margin: 8px 0; padding: 0; border-style: solid; border-width: 0 0 1px; border-color:   #999 }
.abstractinfo { background-color: #fafaf0; padding: 20px; border: solid 1px #444444 }


table.falsa {border-collapse:collapse;
border:8px;
float: left;
position: relative;
}

#menu2       { width: 190px; float: left }
#menu2 ul     {
padding:0px;  
margin:0px;   
}
#menu2 ul li ul     { margin-left: 0; padding-left: 0; width: 190px }
#menu2 ul li  { line-height: 22px; background-color: #fcc; text-indent: 8px; list-style-type: none; border-bottom: 1px solid #fff }
#menu2 ul li a      { color: #444444; font-weight: bold; text-decoration: none }
#menu2 ul li a:hover   { color: #444444; background-color: #e1dafa;  text-indent: 8px; float: left }
#menu2 ul li ul li { line-height: 22px; background-color: #ffebe8; text-indent: 8px; list-style-type: none; border-bottom: 1px solid #444444 }
#menu2 ul li ul li a     { font-weight: normal; text-decoration: none; list-style-type: disc }
#menu2 ul li ul li a:hover    { background-color: #ffcdcc; text-indent: 8px; }
.results    { color: #444444; font-size: 11px;  background-color: #edf8f8; cursor: pointer; padding: 4px }
.results:hover  { background-color: #e4ecec }

.dottedLine       { display: table;  width: 100%; height: 50px; float: left; border-top: 1px solid #EEE; }
footer              { font-size: 12px; background-color: #f7f7f7; margin: 20px 0 0; padding-top: 15px; padding-bottom: 35px; width: 100%; height: 50px; clear: both; border-top: 1px solid #444444;
background-image: url("/images/piecolores.gif"); 
background-repeat: repeat-x;
background-position: center bottom;}
footer a  { color: #666 }
footer a:hover  { color: #444444; text-decoration: underline }
.rowbottom  { padding: 20px; float: right; clear: both }
#optMenuName { font-size: 14px; width: 220px; float: left }
.titularz   { color: #9f65c7; margin-top:40px;margin-bottom:10px; font-size: 20px; font-weight: bold }
.titbefore 	 { color: #90f; font-size: 16px; font-weight: normal; margin-top: 2px; width: 90px }
#optMenuLine   { padding-top: 20px; padding-bottom: 15px; width: 100%; float: left; border-bottom: 1px solid #444444 }
#optMenuName    { margin: auto 0; float: left }
#optMenuCase     { font-size: 24px; font-weight: bold; text-align: center; margin-left: 0 }
#optMenuCaseCT  { font-size: 24px; font-weight: bold; text-align: center; margin-right: 0; margin-left: 30px }
#optMenuCase input  { font-size: 24px; font-weight: bold; text-align: center }
#optMenuCaseCT0  { border-left: 0 solid #999 }


.notice, .success, .error   { text-align:center; padding: 0.8em; position: absolute; width: 100%; }
.notice {background-color:#FFF6BF;color:#514721;border-color:#FFD324;}
.success     { color: #fff; font-size: 18px; font-weight: bold; background-color: #00a800; padding: 15px; position: fixed; left:0; bottom: 0;-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;  }
.error  { color: #fff; background-color: #c00; border-color: #fbc2c4 }
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}
.previewMail { background-color: #fcfcfc; padding: 15px; width: 550px; border: solid 1px #444444 }
 .bloc   {height: 100%; overflow: hidden; vertical-align: top; border-style: solid; border-width: 0; border-color: #808080 #444444 #808080 #808080 }
 .bloc select    { font-size: 13px; margin: -10px -20px -5px -3px; padding: 10px 10px 10px 0; height: auto; clip: rect(auto auto auto auto) }
 SELECT OPTION:checked { background-color: red; }
#myfilescontainer { }
.mensajeOk { color: #360; font-size: 18px; background-color: #f4fff4; padding: 20px; width: 400px; border: solid 4px #093 }
.cajita { padding: 3px; border: solid 1px #444444 }

.bloc       { margin-left: -16px }
.bloc ul      { list-style-type: none; margin-left: -27px }
.bloc ul li     { font-size: 11px; background-repeat: no-repeat; padding: 10px;padding-left: 4px;cursor:pointer; }
.bloc ul li img    { float:left; margin-right:4px;margin-top:-2px;}

.option1 {background-position: 5px 2px; }
.option2 {background-position: 15px 2px; }
.option3 {background-position: 26px 2px; }
.option4 {background-position: 37px 2px; }
.alerta { color: #fff; font-weight: bold; background-color: #c00; text-align: left; margin-left: 8px;margin-top: -2px; padding: 2px;display:inline-block; float:left;}
.imageItem { max-height: 13px; display:inline-block;}
#carpetaName  { color: #390; font-size: 20px; font-weight: normal }


.iconos  {display:inline-block;}
.iconos img {display:inline-block;}
.imagenCuadro {
text-align: center;
background-color: #f6f6f6;
margin: 4px;
padding: 0px;
width: 280px;
height: 266px !important;
float: left;
border: solid 1px #444444;
}

.loading-bloque, .loading-edit {
background-color: white;
text-align: center;
display: none;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 244444400 !important;
-khtml-opacity: 0.85;
-moz-opacity: 0.85;
filter: alpha(opacity=85);
opacity: 0.85;
}
#evento { background-color: #fff; margin-right: 8px; margin-bottom: 8px; padding: 10px; width: 200px; height: 200px; float: left; border: solid 1px #DFDFDF;-moz-border-radius: 14px; -ms-border-radius: 14px; -webkit-border-radius: 14px; border-radius: 14px }
#totalSize { background-color: #f4f4f4; width: 500px; height: 20px; border: solid 1px #444444 }

.mensajeFotografia { font-size: 12px; background-color: #fafafa; margin-top: 25px; margin-bottom: 10px; margin-left: 3px; padding: 15px; border: solid 1px #444444 ;display:inline-block;max-width:500px;}


.mensajeFotografia ul {margin-left:-55px;}
.mensajeFotografia li {
font-size: 13px;
line-height: 14px;
color:#444444;
display:table;
font-weight: 400;
ZZZbackground: url("/images/point.png") no-repeat 0 0.2em;
list-style: none;
line-height	:16px;
padding-top: 0px;
padding-bottom: 10px;
padding-left: 26px;
}
.mensajeFotografia li img {float:left; display:table-cell;vertical-align:middle;margin-bottom:15px;margin-right:8px;}
.ratioFoto  { font-size: 11px; font-family: Arial; font-weight: normal; background-color: #fff; text-align: center; display: inline-block; padding: 2px; min-width: 22px; border: solid 1px #444444; -moz-border-radius: 2px; -ms-border-radius: 2px; -webkit-border-radius: 2px }

.nameBox {
	
    font-size: 14px;
    line-height: 22px;
    color: rgb(1, 1, 1);
    font-weight: 700;
    width: 100%;
    margin-top: 10px;
}

.diasT {    width: 100px;
    float: left;}
	.parpadea {
  
  animation-name: parpadeo;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;

  -webkit-animation-name:parpadeo;
  -webkit-animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
}

.col-1-4 {width:33%;margin-right:15px;margin-bottom:15px;float:left;}

.cuadroDashBoard {
    border: 1px #cacaca solid;
    padding: 20px;
    height: 100px;
}
.tituloDB1 {    color: black;
    font-weight: 700;
    font-size: 26px;
    margin: 0 0 10px;
    font-family: Arial;}
.tituloDB {color:black;font-weight:bold;
font-size:18px;}
.tituloDBvar {color:#33ccff;}

@-moz-keyframes parpadeo{  
  0% { opacity: 1.0; }
  50% { opacity: 0.0; }
  100% { opacity: 1.0; }
}

@-webkit-keyframes parpadeo {  
  0% { opacity: 1.0; }
  50% { opacity: 0.0; }
   100% { opacity: 1.0; }
}

@keyframes parpadeo {  
  0% { opacity: 1.0; }
   50% { opacity: 0.0; }
  100% { opacity: 1.0; }
}

.titularesIVAS {
	width: 22%;
    font-weight: bold;
    text-align: center;
    float: left;
    margin-right: 3px;
    background-color: #e2e2e2;
    margin-bottom: 0px;
				font-family: Arial;
				font-weight: bold;
}

.leftSide {
width: 94%;
    margin: 0;
    text-align: right;
}


.col-1-2 {width:50%;float:left;}
		.padding6 {padding:6px;}
		.rounded10{-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;}
	@media only screen and (max-width:400px){
		.col-1-2 {width:100%;}
		}