<br />
<b>Warning</b>:  Undefined variable $database in <b>/home4/carlock1/public_html/app/herless-lmre/base.php</b> on line <b>6</b><br />
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6,  blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, 
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  font: inherit;
/*  vertical-align: baseline; */
  margin: 0;
  padding: 0; 
        
}

body {       text-align:center;
    	        padding: 0px;
   		margin : 0px;        
    		font-family: \"dejarip-1\", \"dejarip-2\", \"Helvetica Neue\", Arial, clean, sans-serif;
	        background-color: #FFFFFF;
                /* background-image: url(\"images/ok/bg1.jpg\"); */
        }

.slider_texto{ width: 100%;  margin: 0; float: auto;  overflow: auto; word-wrap: break-word;  white-space: initial;  }

.label{
		font-family:helvetica;
	    font-weight:bold;
	    font-size:12pt;
	    color:#0000A2; /* 0000A2 */
	}
	.label_inverted{
		font:11px Verdana, Arial, Helvetica, sans-serif;
		/*font-weight:bold;*/
	    color:#FFFFFF;
	}
	.labelsmallfont{
		font-family:helvetica;
	    font-size:6pt;
	    color:#a54686;
	}
	.textbox{
		font-family:helvetica;
	    font-size:12pt;
	    color:#000000;
	  
    background-color:#E6E6FA;
    border: 1px dotted gray;
    border-radius: 30px;

	}
	.header2{
		font-family:helvetica;
	    font-size:14pt;
	    color:#000000;
	}
	.header3{
		font-family:helvetica;
	    font-size:10pt;
	    color:#000000;
	    text-align:center;
	}
	.SectionTitle{
		font:10px Verdana, Arial, Helvetica, sans-serif;
		font-weight:bold;
		color:#FFFFFF;
		
	    background-color:#000000;
	    text-align: left;
	    vertical-align:middle;
	    min-height: 13px; 
		height:auto; 
		padding:4px 4px 4px 5px; 
	}
	.boton{
		display: inline-block;
        /* background: url(btn.jpg) repeat-x; */
        padding:3px 5px 3px 5px;
        font-weight:bold;
        font-size: 24px;   color: #FF0000;

        text-shadow: 1px 1px 1px rgba(255,255,255,0.5);
        border:1px solid rgba(0,0,0,0.4);
        -moz-border-radius: 6px;
        -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
        -webkit-border-radius: 6px;
        -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
        position: relative;
	}

	
	.error{
		font-family:helvetica;
	    font-weight:bold;
	    font-size:12pt;
	    color:#FF0000;
	    text-align:center;
	}       
	.line{
		color:#000000;
	}
	#popup {
	  position: relative;
	  padding: 5px;
	  border: 1px solid black;
	  background: #eee;
	  left: 0px;
	  top: 0px;
	  width: 350px;
	  visibility: hidden;
	}			        
	p  {  /* font:14px Verdana, Arial, Helvetica, sans-serif; */
		color: #586885;
		line-height: 120%;
		padding: 3px;
	}
	h2{ font:bold 20px Verdana, Arial, Helvetica, sans-serif;
		text-align : CENTER;
		color:#030084;
		/* text-transform: capitalize; */
	}
	h3{   font:18px Verdana, Arial, Helvetica, sans-serif;
		text-align : left;
		color : #666666;
	}
	h4  {
		font:bold 15px Verdana, Arial, Helvetica, sans-serif;
		text-align : left;
		color : #666666;
	}
	h5  {
		font: 13px Verdana, Arial, Helvetica, sans-serif;
		text-align : left;
		color : #666666;
	}
	h6  {
		font:bold  12px Verdana, Arial, Helvetica, sans-serif;
		text-align : left;
		color : #666666;
	}
	td  {
		font: 20px Verdana, Arial, Helvetica, sans-serif;
		/*color : #586885;*/
		color: #0000A2;
	}

	a{
               	text-decoration: none;
		font-size:14px;
		color:#325FA0; 
                font-family: \"sans\";
	}
	a:link {
		text-decoration: none;
	}

	a:visited {
		text-decoration: none;
		color:#325FA0;
	}
	a:hover {
		text-decoration: none;
                font-style: italic;
		color:#000066;
	}
	a:active {
		text-decoration: none;
		color:#0099CC;
	}


/* 21abril2019 */
.capital{
    font-size: 30px;
    font-weight: bold;
}
.smalltext{
    font-size: 14px;
    color: #0000FF;
}
.header_slider {
   text-align: left; 
   position: absolute; 
   top: 5%; 
   left: 0;
   right: 0; 
   margin: auto; 
   width: 75%; 
   color: white; 
   font:  14px/45px Helvetica, Sans-Serif; 
   background: rgb(0, 0, 0); 
   background: rgba(0, 0, 0, 0.6);
   line-height: 200%;
  font-weight: bold;
}


/* divs de la portada de cada pagina 1jul2021 */
.div_big_image{ position: relative; display: inline-block; width: 100%; }
.div_big_texto{  position: absolute;  top: 0; left: 0; right: 0; background-color: rgba(0, 0, 0, 0.7); margin: auto; width: 65%; }


.video-responsive {
	height: 0;
	overflow: hidden;
	padding-bottom: 56.25%;
	padding-top: 30px;
	position: relative;
        }
.video-responsive iframe, .video-responsive object, .video-responsive embed {
	height: 100%;
	left: 0; right: 0;
	position: absolute;
	top: 0;
	width: 80%;
        margin: auto;
	}
	

@media all and (min-width: 800px) {

        #CONTAINER{
		margin: 0 auto; /*con este valor quedara centrado, no hace falta repetir otra vez 0 
						 auto porque ahora mismo el 0 se refire a arriba y abajo, y el auto a los lados*/
		/* width:1200px; */   
	}
	
	/*en header le damos el mismo ancho que el contenedor (si queremos podemos darle menos), la altura que queramos, colores etc...
	 Lo que mas nos interesa es que debe estar centrado con el contenedor, por eso mirad las propiedades de margin,
	 tiene cero arriba, a la derecha tambien, abajo tiene 10 px,
	 y a la izquierda de nuevo cero pixeles, por el mismo orden 
	 que los he mencionado.
	 Solo he definido el borde de abajo porque los demas tocan a
	 los del contenedor y resulta feo.*/
.header {
                /*background-image: url(images/ok/h1r.jpg);   background-repeat: no-repeat; */
                /* 3 abril 2021 se deja en blanco */
                /* background: rgb(2,0,36);
                   background: linear-gradient(300deg, rgba(2,0,36,1) 0%, rgba(1,1,92,1) 34%, rgba(0,212,255,1) 100%); */
               
background: #FFFFFF; 	
    width: 100%;
    height:    82px;
    overflow: hidden;
    position: fixed;
    top: 0;   left: 0;
    z-index: 99;
    -webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    -ms-transition: height 0.3s;
    -o-transition: height 0.3s;
    transition: height 0.3s;
    }
    .header h1#logo {
    display: inline=block;
    height: 92px;
    float: left;
    margin-left:50px;
    font-family: \"Oswald\", sans-serif;
    font-size: 60px;
    color: white;
    font-weight: 400;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    }
.header img#logo {
  display: inline;   
  max-width:300px;
  max-height:75px;
  width: auto;
  height: auto;
  position: fixed; left: 0;
  margin: 0;
}
.header img#experiencia {
  height: 75px;
}

.fraserandom {
         /* background: rgba(255,0,0,0.6) ;  */

         width: 50%;  margin: 0 0 0 300px;  float: auto;  overflow: hidden; 
         word-wrap: break-word;  white-space: initial; font-size: 24px; /* line-height: 12px; */ font-weight: bold;
  font-family: Brush Script MT,cursive;

       
/* font-family: Verdana,Georgia, Serif;  
font-family: Brush Script MT,cursive; */
/*font-family: Italianno;*/
         color:#70728c;   display: table;
         /* border: 1px solid red; */
    }

@font-face { font-family: Italianno;   src: url(fonts/Italianno-Regular.ttf);   }


    .header nav {
    display: inline=block;
    float: right;
    margin-right:50px;
    }
    .header nav a {
    line-height: 150px;
    margin-left: 20px;
    color:  #000000; /* #9fdbfc; */  
    background-color: #FF0000; /* #FFFFFF; */ /* #9fdbfc; */  
    font-weight: 400; 
    font-size: 12px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    }
    .header nav a:hover {
    color: white;
    }

    .header.smaller {
    height: 55px;
    }
    .header.smaller img#logo {
          width: 200px;
          height: 50px;
    }
   .header.smaller img#experiencia {
          height: 55px;
    }
    
    .header.smaller nav a {
    line-height: 75px;
    }


    h1{   font:30px Verdana, Arial, Helvetica, sans-serif;
		text-align : center;
		color : #000000;
                font-weight: bold;
		margin:0px;
 	}

} /* ojo cierra el media all and min width 800  ------------------------------------------------------------------- */

    @media all and (max-width: 660px) {
    .header img#logo {
    display: block;
    float: none;
    margin: 0 auto;
    height: 75px;
    line-height:100px;
    text-align: center;
    }
.header img#experiencia {
    float: auto;
    margin: 0 auto; 
    height: 75px;
    }
    .header nav {
    display: block;
    float: none;
    height: 50px;
    line-height:50px;
    text-align: center;
    margin: 0 auto;
    }
    .header nav a {
    line-height: 50px;
    margin: 0 10px;
    }
    .header.smaller {
    height: 60px;
    }
    .header.smaller img#logo {
    height: 50px;
    width: 200px;
line-height: 40px;
    font-size: 30px;
    }
.header.smaller img#experiencia {
    height: 50px;
    width: 200px;
    }
    
    .header.smaller nav {
    height: 35px;
    line-height:35px;
    }
    .header.smaller nav a {
    line-height: 35px;
    }
.fraserandom {
         font-family: Verdana,Georgia, Serif;  color:#0000FF;   
         border: 1px solid red;
         display: table; /*4abril2021*/
         width: 100%;
    }


td,th { display: block; width: 100%; }  /* 7sep2020 rdgc si es tabla y es moviles entonces hace renglones las columnas */

       h1{   font:20px Verdana, Arial, Helvetica, sans-serif;
		text-align : center;
		color : #000000;
                font-weight: bold;
		margin:0px;
       }

.youtube{
   width: 100%;
}

    } /* finaliza seccion moviles */


/* general - moviles y pc */
.footer{  z-index: 9999;  position: fixed;  bottom:0;                 
                    width: 100%;                margin: auto;
                    height: 35px; 
                    background-color: rgba(255,255,255,0.3); 
       }


@media all and (min-width: 800px) {

       .headerMenu{
            	/* background-color: rgba(0,0,0,0.6); */
                background-color: #48494B;
                font-color: #000000;
		margin:0 0 0 0;
                width: 100%;
               height: 32px;
               position: fixed;
               top: 75px;
               left: 0px;
              z-index: 2;
	}
        .headerMenu.smaller{
            	/* background-color: rgba(0,0,0,0.6); */
		margin:0 0 0 0;
                width: 100%;
               height: 28px;
               position: fixed;
               top: 55px;
	}

	.izquierda{
		width:160px;
		height:auto;
		/* background-color:#E6E6FA; */
		border-style:solid;
		border-width:1px;
		border-color:#000000;		
		margin:0 0 0 0;
		float:left;
		padding:5px;	
	}
	.izquierda ul	{
		font:bold 11px Verdana, Arial, Helvetica, sans-serif;
		line-height: 140%;
		text-transform:capitalize;
	}
.derecha{
/*
         height:auto;
         width:135px;
         margin:0 0 0 0;
         background-image: -webkit-gradient(
             linear,
             left bottom,
             left top,
             color-stop(0.19, #aaecff),
             color-stop(1, #4097b0)
         );
         background-image: -moz-linear-gradient(
             center bottom,
             #aaecff 19%,
             #4097b0 100%
         );filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=\"#aaecff\", endColorstr=\"#4097b0\"); /* for IE */

         border-radius: 6px;
         border-color:#000000;
*/
         margin:0 0 0 0;
         float:right;
         padding:5px;

	}
	

	.principal{
                position: relative;
                top: 105px;
                width: 100%;
		background-color: #FFFFFF;    		
 	        text-align: center;
		 margin: auto;   /* ojo... para centrar poner margin auto */
	/*	border-style:solid;
		border-width:1px;
		border-color:#000000;
         */
                z-index: 1; 
       } 

	* html .principal{
		width:90%; 
		background-color: #FFFFFF;   
		margin:auto;  
		text-align: center;
		border-style:solid;
		border-width:0px;
		border-color:#000000;
	} 
	
	
	.footer h6{
		text-align:center;
		text-transform:uppercase;
		margin:5px auto;
		color:#666666;
		font:bold 10px Verdana, Arial, Helvetica, sans-serif;
	}

} /* ojo, cierre del media all widht 800