*{
    margin: 0px;
    padding: 0px;
}

@import url(http://fonts.googleapis.com/css?family=Roboto+Slab:400,700);


body {
    background-color: #fff;
   /* background-image: url("");
    background-repeat: no-repeat; 
    */    
    margin-top:0px;
    margin-bottom:0px;
    font-family: sans-serif;
}


header {
    background-color: #000; 
    color: #000;
    padding: 0px;
}

div#banner { background-color: #000;}

main {
    background-color: #d3d3d3;
    width:100%; 
    margin-left:0px;
    margin-top: 0px;
    color:#000;

}

/*Botonera de arriba*/
nav a {
    list-style: none;
    color: #000; 
    background-color: #FBBA20;
    width: 156px; height: 30px;
    text-decoration: none;
    line-height: 30px;
    margin-top: 5px;
    margin-bottom: 5px;
    display: inline-block;
}
header nav a:hover { background-color:rgba(255,222,64,1); }

div#carilla{
    max-width: 960px;
    margin: auto;
    margin-top: 0px;
    padding-bottom: 70px;
    background-color: #fff;
    }

div#bienvenidos{
            width:500px; height:170px; margin:auto; background-color: #000; color:#fff; padding:20px; 
        }


/* Cartelitos TPNº1, 2, 3.*/
div#tp { background-color: #fff; color: #000; width: 300px; height: 427px; float:left; border: 1px solid #000;  z-index: 1; position:absolute; margin-top: 80px; padding-top: 30px; padding-left: 30px; padding-right: 30px; }
/*.tp:hover { background-color: #000; }*/
/* Links de los cartelitos de los tp*/
div#botontp { list-style: none; text-decoration: none; color:#AA6C9D; }

h1#n2 { color: #FBBA20; font-family: 'Roboto Slab', serif; font-weight: 700; font-size: 60px;}

.botonera1{height: 200px;width: 304px; background-color: #FBBA20; float:left; margin-right: 24px; margin-top: 30px; padding-top: 10px; }
#botonera3 {height: 200px;width: 304px; background-color: #FBBA20; float:left; margin-top: 30px; padding-top: 10px; }

.botonera2{height: 200px;width: 304px; background-color: #FBBA20; float:left; margin-right: 24px; margin-top: 30px; padding-top: 10px; margin-bottom: 70px; }
#botonera4 {height: 200px;width: 304px; background-color: #FBBA20; float:left; margin-top: 30px; padding-top: 10px; margin-bottom: 70px; }

#linkbot {list-style: none; text-decoration: none; color:#fff;}
.botonera1:hover { background-color:#000; color:#fff;}
.botonera2:hover { background-color:#000; color:#fff;}
#botonera3:hover { background-color:#000; color:#fff;}
#botonera4:hover { background-color:#000; color:#fff;}


.nombresbotonera {text-align: center; padding-bottom: 5px; }
.imagboton{width: 304px;}

/*


/*tp3 pagina*/

#carilla2 {width: 75%; float: right; margin-top: 20px; padding-right: 25px; }
    /*tp3 ASIDE botonera*/
aside{ width: 20%; background-color: #FBBA20; text-align: center; }
#titulo{ background-color: #000; color: #AA6C9D; padding: 20px; margin-top: 20px; }

nav ul li{    
    list-style: none;
    color: #000;
    text-decoration: none;
}
nav ul li a {width: 100px; height: 30px;}
nav ul li a:hover {color:#fff; background-color: #000; width: 150px; height: 30px;}
#secund {text-align: center;}
    

/*tp3 guion*/

.fotos{width: 250px; margin-bottom: 20px;}
#columna1 {width:60%; float:left; padding-right: 20px;}
.numeracion {color:#AA6C9D;}
#foto3{width: 48%; margin-bottom: 20px;}
#foto2{width: 48%; margin-bottom: 20px; margin-right: 10px;}
#colinterna1 {width: 43%; float:left; padding:15px;}
#colinterna2 {width: 43%; float:left; padding:15px;}


/*tp3 story*/
#story {width: 75%; float: right; margin-top: 20px;}
#col1{width:240px; float:left; padding:0px;}
#col2{width:240px;float:left;padding:0px;}
#col3{width:240px;float:left;padding:0px;}
.storyimag{width:240px;}



/*tp3 escenografia*/
#escen { width: 75%; float:right; margin-top: 20px; padding:0px;}
#esc1 { width: 47%; float:left; margin-top: 20px; margin-bottom: 20px;}
#esc2 { width: 50%; float: right; margin-top: 20px; margin-bottom: 20px; }
#esc3 {padding:20px; float: right; border: 2px solid; margin-bottom: 20px; }

/*tpfinal desglose*/
.desgloseimag{width:110px; margin-right: 10px;}
#col4{width:110px; float:left; padding:0px; margin-right: 10px;}
#col5{width:110px;float:left;padding:0px; margin-right: 10px;}
#col6{width:110px;float:left;padding:0px;margin-right: 10px;}
#actrizfinal{float:right;padding-right:20px;}






/*Footer*/
div#footer{ max-width: 960px;  
    margin: auto;
}

footer {background-color: #c6d4d3; border: 1px solid #000;
    font-weight: 100; font-style: italic; 
    clear: both; text-align: center; 
padding-left: 20px; padding-right: 20px; padding-top: 10px; padding-bottom: 10px; 
bottom:0px;  width:100%; }
/*    position:fixed*/


