/** tipografías  **/
@import url(http://fonts.googleapis.com/css?family=Permanent+Marker|Gloria+Hallelujah|Bowlby+One|Oswald:400,300,700);

/** tipografías  **/
/** codigos generales  **/
body{background-image: url(img_p/lienzo/fondo-mesa.jpg);
background-repeat:repeat-y;
background-size: 130%;
width:1000px;  height:auto;
margin:auto;
}

header{background-color:rgba(0, 235, 255, 0.0);
background-image: url(img_v/cabecera.svg);
background-repeat: no-repeat;
background-size: 100%;
width:900px; height: 200px;
margin: 1rem auto 1rem auto;
position:relative;
}

#remera{background-image: url(img_p/lienzo/rem-blanca.png);
background-repeat: no-repeat;
background-size: 100%;
width:2000px; height: 2000px;
margin: 0px auto 0px -500px;
position:relative;
}

#contenido{background-color:rgba(196, 255, 0, 0.0);
width:1000px; height: 1400px;
margin: -1960px -100px;
position:relative;
}

#calendario{background-color:rgba(0, 235, 255, 0.0);
width:500px; height: 300px;
margin:0px 400px 0rem; 
position:relative;
}

#arriba{background-color:rgba(0, 235, 255, 0.0);
width:700px; height: 250px;
margin:1rem auto 1rem;
position:relative;
float: right;
}

#titulo{background-color:rgba(0, 235, 255, 0.0);
width:700px; height: 50px;
margin:2rem auto 1rem;
position:relative;
float: right;
}

#novedades{background-color:rgba(0, 235, 255, 0.0);
width:700px; height: 690px;
margin:0.0rem auto 1rem;
position:relative;
float: right;
}

#lado{background-color:rgba(255, 118, 0, 0.0);
width:280px; height: 1200px;
margin:10rem 0rem;
position:relative;
float: left;
}


footer{background-color:rgba(255, 118, 0, 0.0)
;width:1150px; height: 400px;
margin: 125rem 0rem 1rem -11rem;
position:relative;
}

/** finde generales  **/
/** footer  **/
#dgpc{background-color: rgba(1,1,1,0.0);
background-repeat: no-repeat;
background-size: 100%;
display:block;
width:230px ;height: 300px;
margin: 80px 0px 0px -325px;
text-align: center;
font-family: 'Oswald', sans-serif;
font-size: 16px;
float:left;
}
#dgpc img{
margin: -30px auto 20px auto;
}
#dgpc p{
text-decoration: none;
margin-top:-5px;
color:rgb(1,1,1);

}



#logof{
background-image: url(img_v/logo-footer.svg);
background-repeat: no-repeat;
background-size:100%;
width:500px ;height: 200px;
}
#direcciones{background-color: rgba(1,1,1,0.0);
width:700px ;
margin-top:-30px;
margin-left:-125px;
}
#direcciones a{margin-left: 50px;
}
#zach{background-color: rgba(1,1,1,0.0);
background-repeat: no-repeat;
background-size:100%;
display:block;
width:500px ;height: 200px;
margin: 30px 0px 0px -30px;
text-align: center;
font-family: 'Oswald', sans-serif;
font-size: 16px;
float:left;
}



#jt36{background-color: rgba(1,1,1,0.0);
background-repeat: no-repeat;
background-size: 100%;
display:block;
width:200px ;height: 200px;
margin: -200px 0px 0px 700px;
text-align: center;
font-family: 'Oswald', sans-serif;
font-size: 16px;
float:left;
}
#jt36 a{
text-decoration: none;
color:rgb(1,1,1);
margin-top: -20px;
list-style-type: : none;
}
#jt36 li{
margin-top: 5px;

}

#text{background-color: rgba(1,1,1,0.0);
text-align: center;
font-size: 20px;
display:block;
width:1500px; height: 50px;
margin:50px 0px 0px -375px;


}

/** footer  **/
/** navegacion  **/

#lador {background-image:url(img_p/lienzo/anotador.png);
background-repeat: no-repeat;
background-size:100%;
    display:block;
    width:500px;
    height: 700px;
    margin: -100px;
}
#lador p{
    display:block;
    width:280px;
    color:rgb(1,1,1);
    font-family:'Gloria Hallelujah', cursive;
text-align: center;
text-decoration: none;
list-style-type: none;
margin:100x
font-size: 30px;
}




#lados {background-color:rgba(1,1,1,0.0);
    display:block;
    width:280px;
    height: 700px;
    margin-top:50px;
   
}

#lados a{
    display:block;
    width:280px;
    color:rgb(1,1,1);
    font-family:'Gloria Hallelujah', cursive;
text-align: center;
text-decoration: none;
list-style-type: none;
margin-left:-60px;
margin-top:90px;
font-size: 30px;
}

#calendario{  font-family:'Gloria Hallelujah', cursive;
text-align: center;
text-decoration: none;
list-style-type: none;
font-size: 50px;
margin-top:-150px;
}










/** navegacion  **/
/** codigos particulares: tour  **/

#arriba h2{
color:rgb(1,1,1);
margin-top: 0px;
margin-left: 50px;
font-family: 'Bowlby One', cursive;
font-size: 50px;
}

#arriba p{
color:rgb(1,1,1);
display:block;
width: 300px;
margin-top: -30px;
margin-left: 50px;
font-family: 'Oswald', sans-serif;
font-style: italic;
font-size: 18px;
}

#zachincito{background-image: url(img_v/zachin.svg);
background-repeat:no-repeat;
background-size: 100%;
width:258px;  height:280px;
float:right;
margin-top:-260px;
margin-right: 40px;
}

/** codigos particulares: tour  **/



/** informacion de la pagina  **/

#titulo{
background-image: url(img_v/barra.svg);
background-repeat: no-repeat;
background-size: 100%;
color:rgb(255,255,255);
font-family: 'Oswald', sans-serif;
font-size: 25px;
}
#titulo h2{
margin:-3px 0px 0px 50px;
}

/**articulos**/

#pr{background-color: rgb(255, 1, 118);
width: 210px; height: 197px;
border-radius: 10px;
margin: 10px 10px 10px 10px;
float:left;
}
#sg{background-color: rgb(255, 1, 118);
width: 210px; height: 197px;
border-radius: 10px;
margin: 10px 10px 10px 10px;
float:left;
}
#tc{background-color: rgb(255, 1, 118);
width: 210px; height: 197px;
border-radius: 10px;
margin: 10px 10px 10px 10px;
float:left;
}
#ct{background-color: rgb(255, 1, 118);
width: 210px; height: 197px;
border-radius: 10px;
margin: 10px 10px 10px 10px;
float:left;
}
#qt{background-color: rgb(255, 1, 118);
width: 210px; height: 197px;
border-radius: 10px;
margin: 10px 10px 10px 10px;
float:left;
}
#sx{background-color: rgb(255, 1, 118);
width: 210px; height: 197px;
border-radius: 10px;
margin: 10px 10px 10px 10px;
float:left;
}
#st{background-color: rgb(255, 1, 118);
width: 210px; height: 197px;
border-radius: 10px;
margin: 10px 10px 10px 10px;
float:left;
}
#oc{background-color: rgb(255, 1, 118);
width: 210px; height: 197px;
border-radius: 10px;
margin: 10px 10px 10px 10px;
float:left;
}
#nv{background-color: rgb(255, 1, 118);
width: 210px; height: 197px;
border-radius: 10px;
margin: 10px 10px 10px 10px;
float:left;
}