body { background-color: #FFFFFF ; font-family: Colibri, Helvetica, sans-serif; font-size: 80%;
}

@media print {
  .noprint { display:none }
  .siprint { display:inline }
  .solomobil { display:none }
  .leva { display:none }
  .more { display:none }	
}

@media handheld{
  .nomobil { display:none }
  .noprint { display:inline} 
  .solomobil { display:inline }
  .leva { display:none }
}

h1 { margin-top:0; margin-bottom:0.5; padding:0; text-align: left; 
	font-size: 150% ; font-weight: bold; 
	border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #aaaaaa;  
}

h2 { margin-top:0; margin-bottom:0; padding: 1.5em 0 1.5em 0; text-align: center; 
	font-size: 200% ; font-weight: bold; font-style: italic; color: #CC5500; 
}

h3 { margin-top:0; margin-bottom:10; padding: 0.5em 0 0 0; text-align: left; 
	font-size: 100% ; font-weight: bold;  text-decoration: underline; color: #dd6600;
}

h4 { margin-top:0.5em; margin-bottom:5; padding: 0; text-align: center; 
	font-size: 200% ; font-weight: bold; 
}

h5 { margin-left:0 ; margin-right:0; margin-top:0; margin-bottom: 0.5em; 
	padding: 0.5em 0 0.5em 0 ; text-align: center; 
	font-size: 125% ; font-weight: bold; font-variant: small-caps;
	border-top-width: 1px; border-top-style: solid; border-top-color: #aaaaaa; 
	background-color: #dfdfdf; color: #CC5500; 
}

h6 { margin-top:0; margin-bottom:0; padding: 1em 0 0 0; text-align: left; 
	font-size: 100% ; font-weight: bold;  text-decoration: underline; color: #CC5500;
}

p { text-ident: 10px }

.aa { margin-top:0; margin-bottom:0; margin-right:0 ; padding: 1em; text-align: left; font-size: 100% ; }

.nombre { margin-top:0; margin-bottom:0; margin-right:0 ; padding: 1em; text-align: center; font-size: 175% ; color: #000000; }


.q { margin-top:0; margin-bottom:0; margin-right:10 ; padding: 0.5em 0 0.5em  0 ; text-align: left; font-size: 100% ;font-style: italic; color: #CC5500;}
.answ { margin-top:0; margin-bottom:0; margin-right:0 ; padding: 0.5em 0 0.5em 0 ; text-align: left; font-size: 100% ; text-indent: 10px;}
.quote { margin-top:0; margin-bottom:0; margin-right:0 ; padding: 0.5em 0 0.5em 0 ; text-align: left; font-size: 100%  ;  text-indent: 10px;}
.bigquote { margin-top:1.5em; margin-bottom:1.5em; margin-right:2em ; padding: 0.5em 0 0.5em 0 ; text-align: right; font-size: 150%  ; color: #777777 ; text-indent: 10px;}
.more { margin-top:0; margin-bottom:0; margin-right:0 ; padding: 0 0 0 0 ; text-align: right; font-size: 100%  ;  text-indent: 10px;}
.lemores { margin-top:0; margin-bottom:0; margin-right:0 ; padding: 0 0 0 0.5em ; text-align: left; font-size: 100%  ;  text-indent: 0px; 
font-weight: bold; color: #d2c2b2; font-variant: small-caps}

.lemore { margin-top:0; margin-bottom:0; margin-right:0 ; padding: 0 0 0 0 ; text-align: left; font-size: 100%  ;  text-indent: 0px; font-variant: small-caps}
.rimore { margin-top:0; margin-bottom:0; margin-right:0 ; padding: 0 0 0 0 ; text-align: right; font-size: 100%  ;  text-indent: 10px; font-variant: small-caps}
.year12 { margin-top:0; margin-bottom:0; margin-right:0 ; padding: 0 0 0 0 ; text-align: left; font-size: 100%  ;  text-indent: 10px;}
.mainlist { margin-top:20; margin-bottom:0; margin-right:10; margin-left:10 ; line-height: 175%; text-indent:0px; font-size: 110%; font-weight: bold; color: #000000;}



.mores { margin-top:0; margin-bottom:0; margin-right:0.5em ; padding: 0 0 0 0 ; text-align: right; font-size: 100%  ; color: #c0d0c0; font-weight: bold; }

.basico { margin-top:0; margin-bottom:0; margin-right:0 ; padding: 0 1em 0 1em ; text-align: left; font-size: 100% ; text-indent: 2em;}

.leva { text-align: left; margin-top: 1em; margin-left: 2em; }
.centra { text-align: center; color: #444444 ; font-style: italic ; margin-bottom:5; margin-top:10 ; font-size:115%;}
.textab { margin-top: 0; margin-left: 0; margin-right: 0; margin-bottom: 0; padding: 0;}
.maly { margin-top: 0; margin-left: 0; margin-bottom: 0; padding: 0; font-size:75% }
.maslide { margin-top: 0.5em; margin-left: 0; margin-bottom: 0.5; padding: 0; font-size:90%; }


.importante { font-weight: bold ; }
.superimportante { font-weight: bold; font-size:200% ;}
.centro { text-align: center; }
.derecha { text-align: right; }
.justificado { text-align: justify; }
.izquierda { text-align: left; }

a:link    { color:#0000AA ; text-decoration:none ; }
a:visited { color:#660066 ; text-decoration:none ; }
a:hover   { color:#330099 ; text-decoration:underline ; }


table.tabgran { border:0; padding: 0 ; }

.tabpet { border:0; padding: 0 ;  }

.tabqua { margin-top: 28; margin-left: 10; font-size: 95%; background-color: #efefef ; border: 1px solid #aaaaaa ; border-spacing: 2px 3px ; padding: 5px; width: 400;}

.tablog { border: 5px solid #efefef; background-color: #ffffff ;  padding: 20; }

div.divtop {  padding: 0; align-self: center; dispay: inline-block; 
margin-left: 0.5em; margin-right: 0.5em; margin-top: 1em; 
 border: 0px dashed red}

.divgran {padding: 0 ;  display: inline-block; margin-right: 0.95em; text-align: left;  max-width:57em; border: 0px dashed blue}
.divgranno {padding: 0 ;  display: inline-block; margin-right: 0.95em; text-align: left;  border: 0px dashed blue}

.divqua { justify-content: space-around; margin-left: 0; font-size: 95%; 
vertical-align: top; text-align: left; background-color: #efefef ; border: 1px solid #aaaaaa ; 
border-spacing: 0px ; padding: 1em; display: inline-block; width: 24em}

.divdos { border:0; padding: 0 ;  display: inline-block; text-align: left; max-width:27em; width=90%}

.divdoz { border:0; padding: 5 5 5 5 ;  display: inline-block; text-align: left; max-width:27em; width=90%}

.centrado { border:0; padding: 0em ; display: inline-block; text-align: center; vertical-align: top;}

.slide { border:0; padding:  0;  display: inline-block; text-align: center; vertical-align: top; width: 7em}

.tratable { vertical-align: top; margin: 0em 3em 0 3em; padding: 0; display: inline-block;}

.divindoblea { border:0; padding: 5 5 10 5;  vertical-align: top; display: inline-block; width: 30em}
.divincenta { border:0; padding: 5 15 10 15;  display: inline-block; width: 18em}
.divinquo { border:0; padding: 0; display: inline-block; color:#777777}

.osdos { margin-top:0px; margin-bottom:0px }

td {}

td.sepa { width: 5px; }

.sepatest { width: 5px;  border-right-width: 10px; border-right: solid; border-color: #C090A0; }

.sepe {background-color: #ffffff; text-align: left; vertical-align: top;}


.sepin { background-color: #ffffff; text-align: left; vertical-align: top; }

.sepetest {background-color: #ffefdf; border-right-width: 10px; border-right: solid; border-color: #D0A090; text-align: left; vertical-align: top;}

.linup {border-bottom-width: 10px; border-bottom: solid; border-color: #D0A090; 
}


.columnas { display:table; border-collapse:collapse;}
.columna { display:table-cell; padding:10px; vertical-align:top; }
.columna2 { border-left:5px solid red; }
.columna3 { border:5px dashed blue; }
.botonera { display:none; }
.seccion { display:inline; }

@media screen{
  .columnas { display:inline; }
  .columna { display:inline; border:2px red; padding:none; }
  .columna2 { border-left:none; }
  .columna3 { border:none; }
  .botonera { display:inline; }
  .seccion { display:none; }
  .logo { float:left; max-height:50px; max-width:50px; }
}

.central-img{
    display: block;
    margin: auto;
    width: 90%
}
.central-foto{
    display: block;
    margin: auto;
    margin-top: 3.5em;
 width: 50%
}
.central-banner{
    display: block;
    border: 5px solid black;
    margin: auto;
    margin-top: 3.5em;
 width: 90%
}
.central-nob-banner{
    display: block;
    border: 5px solid black;
    margin: auto;
    margin-top: 3.5em;
 width: 90%
}

@media screen and (max-width: 760px){
.divdos{
    max-width:100%;
}
}