@import url(http://fonts.googleapis.com/css?family=Roboto:400,700,400italic,500,500italic,300italic,300,100italic,100,700italic,900,900italic);

html {background-color: #fff}

body {margin: 0;}

header {
	width:100%; 
	overflow:hidden; 
	background:#fff;
	margin-bottom:23px;}

.cabezal {
	width:90%; 
	max-width:800px; 
	margin:auto;
	overflow:hidden;} 



#logoff {height: 50px; 
         padding-top: 20px;
         float:left;}

header nav {
	float:right;}

header nav a {
	display:inline-block;
	color:#fff;
	text-decoration:none;
	padding:5px 15px;
	line-height:normal;
    font-family: 'Roboto', sans-serif; 
    font-weight: 600; 
    font-size: 14px;
    padding-top: 45px;
    margin-top: 35px;}


#programa { background-color: #279877;
            padding-top: 10px;}

#programa:hover { background-color: #30c69a;}

#panel { background-color: #DD9C2E;
            padding-top: 10px;}

#panel:hover { background-color: #f4b955;
            padding-top: 10px;}

#nuestrafadu{ background-color: #C33B40;
            padding-top: 10px;}

#nuestrafadu:hover{ background-color: #eb575d;
            padding-top: 10px;}

#agenda { background-color: #001E3F;
            padding-top: 10px;}

#agenda:hover { background-color: #1a5aa2;
            padding-top: 10px;}

#contacto { background-color: #f80e0e;
            padding-top: 10px;}

#contacto:hover { background-color: #f46969;
            padding-top: 10px;}


hr {background-color: #000; 
    height: 1,7px; 
    width: 65%;
    max-width: 800px;}

#slider{
    margin:auto;
    max-width: 800px;
    list-decoration: none;
    padding: 0 0;
    margin-top: 20px;
    position: relative;
}

.texto_encima {
	position: absolute;
	color: #fff;
	font-size: 20px;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    background-color: #279877;
    padding: 10px 10px;
    }

#slider img{
	display: none;
}


#slider img:hover {
    max-width: 830px;
    width: 830px;
    overflow: hidden;
    margin: auto;
    margin-left: -15px;
   
}


#slider img:nth-child(1){
	display: block;
}

#slider span {
    position: absolute;
}

main{max-width: 800px;
    overflow: hidden;
    margin:auto;
    font-family: 'Roboto', sans-serif;}

.navmain {font-family: 'Roboto', sans-serif;
    font-weight: 800;
    font-size: 20px;
    margin-bottom: 10px;}

#nosotros{ margin-left: 468px;}
    

h4{ font-family: 'Roboto', sans-serif;
    font-weight: 600; 
    font-size: 18px;
    margin-bottom: 15px;}


h6 {font-family: 'Roboto', sans-serif;
    font-weight: 500; 
    font-size: 16px;
    color: #fff;
    margin-top: 18px;
    padding-left: 10px;
    margin-bottom: 18px;}

.textonoticias {font-family: 'Roboto', sans-serif;
    font-weight: 300; 
    font-size: 12.7px;
    color: #fff;
    margin-left: 12px;
    margin-right: 12px;}

#cuadro1{ max-width: 253px;
          max-height: 500px;
          background: #279877;
          float:left;
          display: inline-block;
          margin-right: 20px;
          height: 800px}
#cuadro1 a {text-decoration:none}


#cuadro2{ max-width: 253px;
          max-height: 500px;
          background: #DD9C2E;
          display: inline-block;
          height: 800px;}
#cuadro2 a {text-decoration:none}


#cuadro3{ max-width: 253px;
          max-height: 500px;
          background: #C33B40;
          float:right;
          display: inline-block;
          height: 800px;}

#cuadro3 a {text-decoration:none}

    




footer {overflow: hidden; 
        max-width: 800px;
        margin:auto;
        background: #ccc;}

footer ul {list-style: none; 
           display: inline-table;  
           float: left;
text-decoration: none;}

footer ul li#titulo {font-family: 'Roboto',sans-serif; 
                    font-weight: 700; 
                    font-size: 16px; 
                    color: #000; 
                    margin-bottom: 0.5rem;
                    text-decoration: none;
list-style: none;}

footer ul li a {text-decoration: none; 
                font-family: 'Roboto',sans-serif; 
                color: #5c5c5c; 
                font-weight: 400; 
                font-size: 11px}

footer ul li a:hover {text-decoration: none; 
                     font-family: 'Roboto',sans-serif; 
                     color: #3a806a; 
                     font-weight: 500; 
                     font-size: 13px;}

footer img {overflow: hidden;
            width: 15%; 
            background-color: transparent; 
            float: right; 
            opacity: 0.6; 
            padding: 20px 20px;
            }


footer div {overflow: hidden;
            font-family: 'Roboto',sans-serif; 
            color: #3c3c3c; 
            font-weight: 400; 
            font-size: 10px; 
            margin-top: 15px; 
            width: 100%; 
            text-align: center;}


/*reglas para el programa*/


h3{max-width: 800px;
    overflow: hidden;
    margin:auto;
    font-family: 'Roboto', sans-serif;
    color: #2caf89;
    font-weight: 700;
    font-size: 35px;}


#estreno{
    margin:auto;
    max-width: 800px;
    list-decoration: none;
    padding: 0 0;
    margin-top: 20px;
    position: relative;}

.tituloprograma{
    font-weight: 800;
    font-size: 25px;}

p .textoprograma{font-weight: 400;
    font-size: 14px;}


/*reglas para el panel*/

.elpanel{font-weight: 800;
         font-size: 30px;
          color: #2caf89}

#conductor{height: 430px;}

#aguirre { width: 350px;
           float:left;}

.nombreaguirre{padding-left: 20px;
               font-size: 20px;}

dl{float:right;
   padding-left: 20px;
   font-size: 14px;}


#panelalumnos{max-width: 800px;
    overflow: hidden;
    margin:auto;
    font-family: 'Roboto', sans-serif;}

.alumnos{font-size: 20px;}

#alumno1{ max-width: 253px;
          max-height: 500px;
          background: #fff;
          float:left;
          display: inline-block;
          margin-right: 20px;
          height: 350px;}

#alumno2{ max-width: 253px;
          max-height: 500px;
          background: #fff;
          display: inline-block;
          height: 350px;}

#alumno3{ max-width: 253px;
          max-height: 500px;
          background: #fff;
          float:right;
          display: inline-block;
          height: 350px;}

.textoalumnos {font-family: 'Roboto', sans-serif;
    font-weight: 300; 
    font-size: 12.7px;
    color: #000;
    margin-right: 12px;}

.nombrealumno {font-family: 'Roboto', sans-serif;
    font-weight: 500; 
    font-size: 16px;
    color: #000;
    margin-top: 18px;
    margin-bottom: 18px;}