/*
Credits::::::::::::::::::::::::::::::::
Autor Name: CirtDesign
Autor page: www.cirtdesign.jimdo..com
Name tutorial: Barras Deslizantes 2013
Licence: CC
:::::::::::::::::::::::::::::::::::::::
*/

/* CONTENT_N1 */
#barra_s1 {
position:fixed;
top:220px!important;
right:-250px;
float:right;
width:288px;
display:block;
padding:0;
z-index:1002;
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
height: 315px;
}
#barra_s2 {
position:fixed;
top:274px;
right:-250px;
float:right;
width:288px;
display:block;
padding:0;
z-index:1003;
border-radius:10px;
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
height: 315px;
}
#barra_s3 {
position:fixed;
top:328px;
right:-250px;
float:right;
width:288px;
display:block;
padding:0;
z-index:1004;
border-radius:10px;
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
height: 315px;
}
/* END 1 */
/* CONTENT_N2 */
#barra_s1:hover, #barra_s2:hover, #barra_s3:hover {
right:0px;
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
}
/* END 2 */
/* CONTENT_N3 */
div.contenido_box {
margin-top:-5px;
margin-left:-45px;
width:238px; 
height:315px;
background-color:#fff;
overflow:hidden;
border-radius:10px;
}
/* END 3 */