body{
     background-image: url("fondomain.png");
     background-repeat:repeat;
     background-size: auto 705px;
     padding-top: 0px;
     padding-left: 5px;
     width: 100%;
     }
#tabla{
       position: static;
       margin:  0px;       
       
}
.a1{padding:0px;width: 970px;}
.a2{width:82px;padding: 0px; }
/* cabeza */
#logo{
       background-image: url("../recursos/logo1.png");
       background-size: 200px;
       height: 62px;
       display: inline-block;
       padding:0px;
       width: 200px;
       position: relative;
       left: 14px;
      }

#logo img{
           width: 200px;
}
#titart{
       
        background-repeat: no-repeat;
        background-size: 240px 50px;
        
        /*z-index:1001;
	-moz-opacity: 0.2;
	opacity:.20;
	filter: alpha(opacity=20);*/
        
        display: inline-block;
        padding:0px;
        width: auto;
        position: relative;
        left: 220px;
        bottom: 10px;
        text-align: center;
        font-size: 12px;
        font-family: arial;
        color:#C70024;
}



/* menu chico*/
.overbox a{text-decoration:none;color:white;border: none;}
.overbox img{width: 25px;}
.fadebox {
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 150%;
	height: 150%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}
.overbox {
	display: none;
	position: absolute;
	top: 25%;
	left: 25%;
	width: 70%;
	height:70%;
	z-index:1002;
	overflow: auto;
        
}

.overbox1
{
    display: none; 
    width: 1100px;
    height: 470px; 
    position: absolute; 
    top: 20px;
    left: 10%; 
    z-index: 1002;
    overflow:hidden;
    background-color: white;
} 
.overbox1 a{text-decoration:none;border: none;}
.overboxH
{
    display: none; 
    width: 835px;
    height: 390px; 
    position: absolute; 
    top:20px;
    left: 15%; 
    z-index: 1002;
    overflow:hidden;
    border: none;
    background-color: white;
} 
.overboxH a
{
    text-decoration:none;
    border: 0;
}
.overbox2
{
    display: none; 
    width: 940px;
    height: 630px;
    position: absolute; 
    top:10px;
    left: 12%; 
    z-index: 1002;
    overflow:hidden;
    padding: 0px;
    margin: 0;
    background-color: white;
} 
.overbox2 a
{
    text-decoration:none;
    border: 0;
}
.overbox3{
          display: none; 
          width: 835px;
          height: 560px; 
          position: absolute; 
          top:20px;
          left: 15%; 
          z-index: 1002;
          overflow:hidden;} 
.overbox3 a{text-decoration:none;border: none;}
.overbox4{
          display: none; 
          width: 894px;
          height: 415px; 
          position: absolute;
          top:20px;
          left: 15%; 
          z-index: 1002;
          overflow:hidden;} 
.overbox4 a{text-decoration:none;border: none;}
.overbox5
{
    display: none; 
    border: none;
    width: 754px;
    height: 620px; 
    position: absolute; 
    top:20px;
    left: 20%; 
    z-index: 1002;
    overflow:hidden;
    background-color: white;
} 
.overbox5 a
{
    text-decoration:none;
    border: 0;
}
.overboxL{border: 1px solid white;          
          display: none; 
          width: 875px; height: 539px; 
          position: absolute; 
          top:10px; left: 15%; 
          z-index: 1002; overflow:hidden;
          padding: 0;
          margin: 0;
} 
.overboxL a{text-decoration:none;border: 0;color: black;}
#boton2{
        padding: 0;
        top:5%; 
        margin-left:2px; 
        height: 25px; 
        width: 80px;
        background-repeat: no-repeat;
        background-image: url(siguiente.png);
        background-size: 80px 25px;;
        background-position: 0 0;
               }
#boton2:hover{
              background-repeat: no-repeat;
              background-image: url(siguiente2.png);
              background-size: 80px 25px;;
              background-position: 0 0;
              
               }
/*menu principial*/
.menu1{
           list-style-type: none;
           padding: 0;
           height:20px; 
           width: 420px;
           position: relative;
           display: inline-block;
           left: 330px;  
          }
.menu1  li {
              display: inline-block;
              float: left;
              position: relative;
              height: 30px;
              list-style: none;
              margin-right: 5px;
             }
.menu1 li a {border: 0;
               color:white;
               display: block;
               font-family: arial;
               font-size: 16px;
               line-height: 7px;
               padding: 9px 8px;
               margin: 2px 0;
               text-decoration: none;   
               -webkit-transition: color .2s ease-in-out;
               -moz-transition: color .2s ease-in-out;
               -o-transition: color .2s ease-in-out;
               -ms-transition: color .2s ease-in-out;
               transition: color .2s ease-in-out;
               }
.menu1 li:hover > a { color:white;font-weight: bold;border: 0;}
/*submenus*/
.menu1 ul {
             left:0px;
             margin:2px; 
             opacity: 0;
             position: absolute;
             top: 28px;
             padding: 0;             
             -moz-transition: opacity .25s ease .1s;
             -webkit-transition: opacity .25s ease .1s;
             -o-transition: opacity .25s ease .1s;
             -ms-transition: opacity .25s ease .1s;
             transition: opacity .25s ease .1s;
            } 
.menu1 li:hover > ul { opacity: 1; }
.menu1 ul li {
                height: 5px;
                overflow: hidden;
                padding: 0;                
                -moz-transition: height .25s ease .1s;
                -webkit-transition: height .25s ease .1s;
                -o-transition: height .25s ease .1s;
                -ms-transition: height .25s ease .1s;
                transition: height .25s ease .1s;
                }
.menu1 li:hover > ul li {
                           height: 22px; 
                           overflow: visible;
                           padding: 0;
                           margin-top: 5px;
                           margin-bottom: 8px;
                           }
.menu1 ul li a {
                  border: none;     
                  margin-top: 0;                  
                  padding:8px 26px;
                  width: 115px;
                  }
#men1
{
    color: white;
    width: 170px;
    font-weight: bold;
    border: 2px solid #CCEAF5;
    background-color: #3FAB4D;
}
#men1:hover
{
    background-color: #52C460;
}
#men2
{
    color: white;
    width: 82px;
    border: 2px solid #CCEAF5;
    font-weight: bold;
    background-color: #D09014;
} 
#men2:hover
{
    background-color: #D49C35;
}      
.men3 a
{
    border: none;
    background: -moz-linear-gradient(top, rgba(204,234,245,0.95) 0%, rgba(204,234,245,0.95) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(204,234,245,0.95)), color-stop(100%,rgba(204,234,245,0.95)));
    background: -webkit-linear-gradient(top, rgba(204,234,245,0.95) 0%,rgba(204,234,245,0.95) 100%);
    background: -o-linear-gradient(top, rgba(204,234,245,0.95) 0%,rgba(204,234,245,0.95) 100%);
    background: -ms-linear-gradient(top, rgba(204,234,245,0.95) 0%,rgba(204,234,245,0.95) 100%);
    color: black;
    height: 18px;     
}
.men3:hover a
{
    border: none;
    background: -moz-linear-gradient(top, rgba(208,230,178,0.9) 0%, rgba(208,230,178,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(208,230,178,0.9)), color-stop(100%,rgba(208,230,178,1)));
    background: -webkit-linear-gradient(top, rgba(208,230,178,0.9) 0%,rgba(208,230,178,1) 100%);
    background: -o-linear-gradient(top, rgba(208,230,178,0.9) 0%,rgba(208,230,178,1) 100%);
    background: -ms-linear-gradient(top, rgba(208,230,178,0.9) 0%,rgba(208,230,178,1) 100%);
}
#men5
{
    width: 140px;
    border: 2px solid #CCEAF5;
    font-weight: bold;
    background-color: #018BC1;
}
#men5:hover
{
    background-color: #30A4CF;
}
                  
/* quienes somos */

#quien{width: 801px;
       
      }
#tabla1{
        width: 800px;
        padding: 5px;
       }
#logo1{
       margin-left: 310px;
       width:150px;
      }
.sangria{
	 text-indent:1em;
        }
.q1{   
    text-align: justify;    
    font-size: 12px;
    border-right:2px solid black;
    padding-right: 5px;
    }
.q2{
    width: 400px;
    text-align: justify;    
    font-size: 12px;
    padding-left: 5px;
    }
    
/* directorio */
#logo2{
       margin-left: 97px;
       width:150px;
      }
#dire{
     width: 365px;
     }
#tabla2{
        width: 365px;
        padding: 5px;
       }
.d1{   
    width: 160px;
    text-align: justify;    
    font-size: 15px;
    border-right:2px solid black;
    padding-right: 1px;
    }
.d2{
    
    text-align: justify;    
    font-size: 15px;
    padding-left: 5px;
    }
    
/* copyright */
#logo3{
       margin-left:165px;
       width:150px;
      }
#copyright{
           width:480px;
           padding: 5px;
           text-align: justify;
          }

/* editorial */


#tited{
       padding-left: 10px;
       text-align: justify;
       font-size:1.5em;
       font-family: Book Antiqua;
       color: white;
       background: -moz-linear-gradient(45deg, rgba(188,192,130,1) 0%, rgba(188,192,130,0.22) 78%, rgba(255,255,255,0) 100%);
       background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(188,192,130,1)), color-stop(78%,rgba(188,192,130,0.22)), color-stop(100%,rgba(255,255,255,0)));
       background: -webkit-linear-gradient(45deg, rgba(188,192,130,1) 0%,rgba(188,192,130,0.22) 78%,rgba(255,255,255,0) 100%);
       background: -o-linear-gradient(45deg, rgba(188,192,130,1) 0%,rgba(188,192,130,0.22) 78%,rgba(255,255,255,0) 100%);
       background: -ms-linear-gradient(45deg, rgba(188,192,130,1) 0%,rgba(188,192,130,0.22) 78%,rgba(255,255,255,0) 100%);
       background: linear-gradient(45deg, rgba(188,192,130,1) 0%,rgba(188,192,130,0.22) 78%,rgba(255,255,255,0) 100%);
      }
p.cl:first-letter
{
   float:left;
   color:rgb(131, 139, 26);
   font-size:50px;
   font-family:Book Antiqua;
   font-style: italic;
   line-height:40px;
   padding-right: 6px; 
   
}

#editorial{
      width: 800px;
      text-align: justify; 
      font-size: 12.5px;
      }
#mg{
    position: relative;
    left: 678px;
    bottom:115px;
    width: 117px;
    border: 2px solid #F04E5C;  
    
                 }
#barrapie{
          position: relative;
          top: 35px;
          width:auto;
          height: 70px;
          background: -moz-linear-gradient(45deg, rgba(188,192,130,1) 0%, rgba(188,192,130,0.22) 78%, rgba(255,255,255,0) 100%);
          background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(188,192,130,1)), color-stop(78%,rgba(188,192,130,0.22)), color-stop(100%,rgba(255,255,255,0)));
          background: -webkit-linear-gradient(45deg, rgba(188,192,130,1) 0%,rgba(188,192,130,0.22) 78%,rgba(255,255,255,0) 100%);
          background: -o-linear-gradient(45deg, rgba(188,192,130,1) 0%,rgba(188,192,130,0.22) 78%,rgba(255,255,255,0) 100%);
          background: -ms-linear-gradient(45deg, rgba(188,192,130,1) 0%,rgba(188,192,130,0.22) 78%,rgba(255,255,255,0) 100%);
          background: linear-gradient(45deg, rgba(188,192,130,1) 0%,rgba(188,192,130,0.22) 78%,rgba(255,255,255,0) 100%); 
          
} 
#pintor{
        width: 200px;
        position: relative;
        left: 475px;
        bottom: 12px;
        text-align: right;
       
}

/* menu cinta */

#botonera2{ 
           position:fixed;
           top:590px;
           left:280px;
           height: 112.2px;
           width:1377px;
           padding: 0px;
           }
#botonera2 a{
             text-decoration:none;
             color:black;}
menu{
     display:inline-block;
     width:120px;
     height:60px; 
     margin-left:15px;
     background-color: #9e7a9b;
     border-radius:8px;
     text-align:left;
     font-family: Arial;
     font-size: 20px;
     font-weight: bold;
     z-index:1001;
     -moz-opacity: 0.1;
     opacity:.10;
     filter: alpha(opacity=10);

     -webkit-transition:all 0.5s ease-out;  /* Chrome y Safari */
     -o-transition:all 0.5s ease-out;  /* Opera */
     -moz-transition:all 0.5s ease-out;  /* Mozilla Firefox */
     -ms-transition:all 0.5s ease-out;   /* Internet Explorer */
     transition:all 0.5s ease-out;  /* W3C */
    }
menu:hover{
           /*height: 70px;
           width: 130px;    */
           display:inline-block;
           color:#7b0f0f;

           background: #7C3C68;
           background-repeat: no-repeat;
           box-shadow:0 6px 45px #CECECE;
           -moz-box-shadow:0 6px 45px #CECECE;
           -ms-box-shadow:0 6px 45px #CECECE;
           -o-box-shadow:0 6px 45px #CECECE;
           -webkit-box-shadow:0 6px 45px #CECECE;

            z-index:1001;
            -moz-opacity: 1;
            opacity:1;
            filter: alpha(opacity=100);
           }
           
/* contenido visor */

#logoart{
         background-image: url("../recursos/logosecc1.png");
         background-size: 180px;
         height: 71px;
         width: 180px;
         padding:auto;
         position:relative;
         top:25px;
         left:30px;
}
#titulo{
        text-align: center;
        }
        .titulo{
                font-family: Century Gothic;
                font-size: 32px;
                color:#C70024;
               }
        .subtit{
                font-family: Century Gothic; 
                font-size: 32px;
                color:#C70024;
                }
#autor{
        text-align: center;
        font-family: Century Gothic;
        font-size: 15px;
        color:black;
       }
/*introduccion*/
#intro{
       width: 950px;
       height: 313px;
       border-radius: 5px;
       background: #F2D9D2;       
       margin-top: 30px;
       }
#texintro{      
          margin-left: 40px;
          margin-top: 20px;
          margin-bottom: 20px;
          width: 630px;
          text-align: left;
          font-size:15px;
          font-family: Century Gothic;
          color:black;
          
         }
#imprinc{
        
         float: right; 
         margin-top: 0px;
         margin-right: -160px;
         margin-left: 10px;
         border-bottom-right-radius: 5px; 
         border-top-right-radius: 5px;
         width: 510px;
         -webkit-transition:all 0.5s ease-out; 
         -o-transition:all 0.5s ease-out; 
         -moz-transition:all 0.5s ease-out; 
         -ms-transition:all 0.5s ease-out;  
         transition:all 0.5s ease-out;
         }
/*imprinc:hover{
           width: 380px;
           margin-top: 0px;
           margin-right: 5px;
           border-radius:50px;
           box-shadow:0 6px 45px #CECECE;
           -moz-box-shadow:0 6px 45px #CECECE;
           -ms-box-shadow:0 6px 45px #CECECE;
           -o-box-shadow:0 6px 45px #CECECE;
           -webkit-box-shadow:0 6px 45px #CECECE;
           }  */

/* acordeon */

.tituloAc{
        cursor: pointer;
        font-weight: bold;
        height:15px;
	border-bottom:  2px solid #C70024;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
	padding-left: 15px;
        padding-bottom: 7px;
        text-align:left;
        font-size:20px;
        width: 940px;
        color:#C70024;        
}

.contenidoItem{
          border-left: 2px solid #838B1A;
          border-right: 2px solid #838B1A;
          width: 850px;
          margin-bottom: 10px;
          margin-top: 0;
          display: none;
          padding: 50px;
          padding-top: 10px;
       }
.contenidoItem p{
          margin: 3px;
          text-align: left;
          font-size: 22px;
          font-family: arial;
       }
       p a{text-decoration: none; color:blue;border: none;}
.cita{
      padding-left:1em;
     }
.cita a{text-decoration: none;color: blue;border: none;}
.superin{vertical-align:super;font-size: 10px;}
.subin{vertical-align: sub;}
.linkback{text-decoration: none;color: black;}

p.cl1:first-letter
{
   float:left;
   color:#C52539;
   font-size:120px;
   font-family:Candara;
   font-weight: bold;
   line-height:27px;
   padding-right: 6px;
}


.imcrec{
        -webkit-transition:all 0.5s ease-out; 
        -o-transition:all 0.5s ease-out;  
        -moz-transition:all 0.5s ease-out;  
        -ms-transition:all 0.5s ease-out;  
        transition:all 0.5s ease-out;
        
        box-shadow:10px 10px 8px #CECFD0;
        -moz-box-shadow:10px 10px 8px #CECFD0;
        -ms-box-shadow:10px 10px 8px #CECFD0;
        -o-box-shadow:10px 10px 8px #CECFD0;
        -webkit-box-shadow:10px 10px 8px #CECFD0;     
        }


#ima2{width: 500px; margin-left: 180px;}
#ima2:hover{width: 550px;margin-top: -8px; border-radius: 3px;}
#ima3{width:500px; display:inline-block;}
#ima3:hover{width: 550px; margin-top: -8px; border-radius: 3px;}
.superin{vertical-align:super;font-size: 10px;text-decoration: none;}
.linkback{text-decoration: none;color: black;}
p a{text-decoration: none; color:blue;border: 0;}
.actit{
       height: 15px;
       text-align: center;
       font-size: 23px;
       font-family: arial;
       color: white;
}
.acsubtit{
          font-size: 18px;
          font-family: arial;
          padding: 20px;
}
/* actividad 1 */
#act1{
     font-size: 15px;
     width: 850px;
     padding: 25px;
}
#act1 p{     
     font-family: arial;
     font-size: 20px;
     text-align:justify ;
     }
.lista1{color: #C70024;}       
ul p{color: black;}
.lista2 li{
        color: black;
        font-family: arial;        
        font-size: 22px;
        
}
.lista2 p{
    text-align: left;
}
ol p {
      font:normal 10px Verdana;
      color:black;
      text-align: left;
}
/* actividad 2 */
#act2{
     width: 900px;
}
#escene{color:#1672A3;
        font-family: arial;
        font-size: 16px;
        font-weight: bold;}
#escene span{color:#8CA7C7;
             font-size: 40px;
             font-family: Courier New;
             }
#act2 p{
        font-size: 20px;
        text-align:justify ;
        font-family: Calibri Light;                 
        }

/* actividad 3 */
#act3{
     width: 900px;
     }
#act3 p{
        font-size: 20px;
        text-align:justify ;
        font-family: Calibri Light; 
        padding: 15px;
     }
#lista4 p{
        font-size: 20px;
        text-align:justify ;
        font-family: Calibri Light; 
        padding: 15px;
     } 
.biblio{line-height: 25px;}
.biblio a{text-decoration: none;border: none;}
.biblio p{font-size: 15px; color:black; font-family: Times new roman; text-align: justify;}
#creditos p{
            font-size: 15px;
            font-family: Times New Roman;
            text-align: justify;
	     margin:3px;
}
.credito{
        cursor: pointer;
        height:10px;	
        padding-bottom: 10px;
        text-align:left;
        font-size:17px;
        width: 700px;
        color:black; 
	 font-weight:bold;       
}
.contenidoCred{
          width: 900px;
          margin-top: 5px;
          margin-bottom: 20px;
          display: none;
          padding: 10px;
          padding-top: 5px;
       }    
       .lc
       {
           color:#75542B;
           margin-bottom: 10px;
       }
       .l2{
           color:#C70024;
           font-size: 25px;
       }
.youtube-player{
        box-shadow:10px 10px 8px #D89813;
           -moz-box-shadow:10px 10px 8px #D89813;
           -ms-box-shadow:10px 10px 8px #D89813;
           -o-box-shadow:10px 10px 8px #D89813;
           -webkit-box-shadow:15px 15px 50px #D89813;          
}
#back{
       background-image: url("241_01_03.jpg");
       background-size: 770px;
       height: 500px;
       
}
#dirr
{      
    background-image: url("../recursos/flechader.png");
    background-repeat: no-repeat;
    background-size: 36px;
    width: 36px;
    height: 50px;
    position: fixed; 
    right: 31px; 
    top: 21%;
}
#dirriz
{
    background-image: url("../recursos/flechaizq.png");
    background-repeat: no-repeat;
    background-size: 36px;
    width: 36px;
    height: 50px;
    position: fixed; 
    left: 31px; 
    top: 21%;
}
#cuad {
        
       background-image: url("../recursos/245_01_fondo.jpg");
       background-size: 820px;
       height: 594px;
       width: 820px;
}
#cuad1 {
        
       background-image: url("../recursos/245_01_fondo.jpg");
       background-size: 820px 450px;
       height: 450px;
       width: 820px;
}
#uno{
         background-image: url("../recursos/249_02_05.png");
         background-size: 835px;
         height: 280px;
         width: 835px;
         margin-left: -50px;
}
#dos{
         background-image: url("../recursos/249_02_06.png");
         background-size: 847px;
         height: 425px;
         width: 847px;
         margin-left: 55px;
}
#tres{
         background-image: url("../recursos/249_02_07.png");
         background-size: 835px;
         height: 430px;
         width: 835px;
         margin-left: -50px;
}
#cuatro{
         background-image: url("../recursos/249_02_08.png");
         background-size: 875px;
         height: 390px;
         width: 875px;
         margin-left: 25px;
}