@viewport {
  width: device-width ;
  zoom: 1.0 ;
} 

body {
 background-color: #E5D7BC;
 font-size:12px;
 margin-bottom: 0px;  
 margin-top: 0px; 
 font-family:Verdana, Arial, Helvetica, sans-serif;
 text-align: center;
 }
 a {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 18px;
 color: #977C45;
 }
 h1,h2,h3,h4 {
 font-family: Verdana, Arial;
  }
 h1 {
 font-size: 18px;
 text-align: center;
 margin-bottom: 6px;  
 margin-top: 6px; 
 color: #977C45;
 
 }
 h2 {
 font-size: 16px;
 font-style:italic;
 font-weight: 800; 
 margin-bottom: 0px;  
 margin-top: 6px;
 color: #977C45;
 
 }
 h3 {
 font-size: 16px;
 font-style:italic;
 font-weight: 600; 
 margin-bottom: 0px;  
 margin-top: 0px;
 color: #9A885A;
  
 }
 h4 {
 font-size: 18px;
 font-style:italic;
 font-weight: 600; 
 text-align: center;
 margin-bottom: 0px;  
 margin-top: 0px; 
 color: #977C45;
}


 h5 {
 font-size: 22px;
 font-weight: 600; 
 margin-bottom: 0px;  
 margin-top: 3px;
 color: #105ae5;

 }


h6 {
 font-size: 24px;
 font-family: times new roman; 
 font-weight: 500; 
 margin-bottom: 0px;  
 margin-top: 0px;
 color: #996600;
 text-decoration:underline;
} 

h7 {
 font-size: 14px;
 font-family: arial; 
 font-weight: 500; 
 margin-bottom: 3px;  
 margin-top: 0px;
 color: #996600;
 
}
 
a.logosyc:link {color:#ffffff; background:#4986c7; font-size:16px; font-family:"lucida grande",tahoma,verdana,arial,sans-serif; border-radius:8px;box-shadow: 1px 1px 1px #B7AB92;border: thin solid #977C45;margin-bottom: 4px;padding:2px; text-decoration:none;}
a.logosyc:hover {color:#9EE3EE;border-radius:8px;box-shadow: 2px 2px 2px #B7AB92;border: thin solid #977C45;margin-bottom:8xp;padding:4px;}

.frame-logo {
border:none;
overflow:hidden;
margin:0;
marginwidth:0;
marginheight:0;
height:78px;
width:220px; 
hspace:0;
vspace:0;
frameborder:0;
scrolling:no;
 
}






a:link {
 text-decoration: none;
 color: #105ae5;
 }
 a:visited {
 text-decoration: none;
  color: #977C45
}
 a:hover {
 text-decoration: none;
 color: #503707;
 }
 a:active {
 text-decoration: none;
 }


a.one:link {color:#977C45; font-family:arial; font-size:24px; font-weight: 600;}
a.one:hover {color:#503707;border-radius:8px;box-shadow: 2px 2px 2px #B7AB92;border: thin solid #977C45;padding:4px;}

a.two:link {color:#977C45; font-size:22px;}
a.two:visited {color:#977C45;}
a.two:hover {background:#FAE7C1; color:#503707;}

a.three:link {color:#503707; font-size:14px;}
a.three:visited {color:#503707;}
a.three:hover {background:#F2E4C1;}

a.four:link {color:#977C45; font-size:18px; border-radius:8px;box-shadow: 2px 2px 2px #B7AB92;border: thin solid #977C45;margin-bottom: 8px;padding:4px;}
a.four:visited {color:#503707;border-radius:8px;box-shadow: 2px 2px 2px #B7AB92;border: thin solid #977C45;margin-bottom: 8px;padding:4px;}
a.four:hover {color:#503707;border-radius:8px;box-shadow: 2px 2px 2px #B7AB92;border: thin solid #977C45;margin-bottom:8xp;padding:4px;}

a.five:link {color:#503707;text-decoration:none;}
a.five:visited {color:#503707;text-decoration:none;}
a.five:hover {text-decoration:underline;}

 
 div#wrapper {
 width: 75%;
 background-color:#FFFFFF;
 border-radius:8px;
 box-shadow: 6px 6px 6px #B7AB92; 
 margin-top: 12px;
 margin-bottom: 12px;
 margin-left: auto;
 margin-right: auto;
 padding: 0px;
 border: thin solid #000000;
 }
 
 div#wrapper2 {
 width: 90%;
 border-radius:8px;
 box-shadow: 6px 6px 6px #B7AB92; 
 background-color:#FFFFFF;
 margin-top: 12px;
 margin-bottom: 12px;
 margin-left: auto;
 margin-right: auto;
 padding: 0px;
 border: thin solid #000000;
 }

 div#header {
 padding: 0px;
 margin: 0px;
 text-align: center;
 }
 
div#lista {
 align: center
 padding: 12px;
 text-align: left;
 margin-left: 12px; 
 overflow:scroll;
 padding: 12px;
 margin: 6px;
 margin-top: 8px; 
 frameborder: 8px;
 scrolling:yes; 
 border-top: thin solid #000000; 
}


 div#nav {
 width: 95%;
 padding: 26px;
 margin-left: 15%;
 margin-top: 8px;
 float: left;
 }

div#main {
 margin-left: 30%;
 margin-top: 12px;
 padding: 10px;
 }



 div#footer {
 width: 95%;
 text-align: center; 
 padding: 0px;
 margin: 0px;
 margin-top: 6px; 
font-size:12px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 border-top: thin solid #000000;
 }

div#footer ul li{
 color : #000000;
 background-color : transparent;
 display: inline;
 }

div#footer ul li a{
 color : #115EAC;
 background-color : transparent;
 text-decoration : none;
 }

div#footer ul li a:hover{
 text-decoration : underline;
 }

.frame-logo {
border:none;
overflow:hidden;
margin:0;
marginwidth:0;
marginheight:0;
height:78px;
width:220px; 
hspace:0;
vspace:0;
frameborder:0;
scrolling:no; 
}

div#texto {
 font-size:18px;
 text-align: justify;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 margin-left: 36px;
 margin-right: 36px;
 overflow:auto;
 padding: 12px;
 margin: 12px;
 margin-top: 8px; 
 frameborder: 8px;
 scrolling:yes; 
border-top: thin solid #000000;
}

div#texto2{
 font-size:24px;
 text-align: justify;
 margin-left: 38px;
 margin-right: 38px;
 overflow:auto;
}


 div#menupie {
 width: 95%;
 text-align: center; 
 padding: 0px;
 margin: 0px;
 margin-top: 1px; 
font-size:12px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 border-top: thin solid #000000;
 }

div#menupie ul li{
 color : #000000;
 background-color : transparent;
 display: inline;
 }

div#menupie ul li a{
 color : #115EAC;
 background-color : transparent;
 text-decoration : none;
 }

div#menupie ul li a:hover{
 text-decoration : underline;
 }


#tabla1

{
    width:90%; 
    margin-left:5%; 
    margin-right:5%;
    border-radius:8px;
    box-shadow: 6px 6px 6px #B7AB92;
}

{
font-family:"Arial, Helvetica, sans-serif;
border-collapse:collapse;
}

#tabla1 td, #tabla1 th 
{
font-size:16px;
text-align:left;
border:1px solid #917E55;
padding:6px 6px 6px 6px;
border-radius:8px;
box-shadow: 6px 6px 6px #B7AB92;
}

#tabla1 th 
{
font-size:12px;
text-align:center;
border-radius:8px;
box-shadow: 6px 6px 6px #B7AB92;
padding-top:5px;
padding-bottom:4px;
background-color:#917E55;
color:#FFFFFF;
}

#tabla1 tr.alt td 
{
color:#000000;
background-color:#F7ECD4;
}