@charset "utf-8";
/* CSS Document */

/*BANNER*/
.rslides { margin: 0 auto; } .callbacks_container { position: relative; float: left; width: 100%; } .callbacks { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; } .callbacks li { position: absolute; width: 100%; left: 0; top: 0; } .callbacks img { display: block; position: relative; z-index: 1; height: auto; width: 100%; border: 0; } .callbacks .caption { display: block; position: absolute; z-index: 2; font-size: 20px; text-shadow: none; color: #fff; background: #000; background: rgba(0,0,0, .8); left: 0; right: 0; bottom: 0; padding: 10px 20px; margin: 0; max-width: none; } .callbacks_nav { position: absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); top: 52%; left: 0; opacity: 0.7; z-index: 3; text-indent: -9999px; overflow: hidden; text-decoration: none; height: 61px; width: 38px; background: transparent url("images/themes.gif") no-repeat left top; } .callbacks_nav:active { opacity: 1.0; } .callbacks_nav.next { left: auto; background-position: right top; right: 0; } @media screen and (max-width: 600px) { h1 { font: 24px/50px "Helvetica Neue", Helvetica, Arial, sans-serif; } .callbacks_nav { top: 47%; } }
/*FINBANNER*/



/*LIGHTBOX*/
.portfolio_images {
display: inline;
float: left;
list-style: none outside none;
margin: 2em 0 1em;
padding: 10px
}
.portfolio_images li {
display: inline;
float: left;
float: left;
margin-left: 30px;
margin-right: 10px
}
.pop{
background: rgba(0, 0, 0, .8);/*semi transparencia*/
display: none;
height: 100%;
left: 0;
overflow: hidden;
position: fixed;
top: 0;
width: 100%;
z-index: 9999
}
.pop_container{
height: 300px;
left: 32%;
margin-left: 10px; /*margenes negativos al 50% del width*/
margin-top: 5px; /*margenes negativos al 50% del height*/
position: fixed;
top: 2%;
width: 350px;
z-index: 9999
}
.pop p{
color: #FFFFFF;
text-align: center;
text-shadow: 0 1px 0 #444444;
padding-left:35%;
}
.pop_container img{
background: #fdfdfd;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
height: auto !important;
padding: 10px;
width: 500px;
}
a.close{
color: #fff;
cursor: pointer;
display: inline;
float: left;
font-size: 1.5em
}
/*FIN LIGHTBOX*/

.activo{
	background-color:#F90 !important;	
}