@charset "utf-8";
/* CSS MUJERES :D*/

img.grayscale { 

filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */

filter: gray; /* IE6-9 */ 

-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */

} 
#creativas { width:90%; border:1px solid #999; border-collapse: collapse; font: normal 12px/14px Arial, Helvetica, sans-serif; margin:20px 0px;}
#creativas   caption { font: bold 14px/16px Arial, Helvetica, sans-serif; margin:1.5em 0; color: #FEE2EF; margin:20px 0px; }
#creativas   summary { margin-bottom:10px; font:bold 14px/12px Arial, Helvetica, sans-serif;}
#creativas   col { border-right:1px solid #999;}
col#actividad { border:none; }
col#nom { width:30%}
col#link { width:30%}
col#cv { width:10% } 
#creativas   td, #creativas th { padding:0.4em 2.5em; border-bottom:1px dotted #999;}
#creativas   .impar {background:#FFFFFF;}
#creativas   th { background:#FEB1CC; font:bold 1em/1em ; color:#FFFFFF; text-align:center; min-height:20px}
#fecha { width:25%;}
#actividad { width:85%;}
#creativas   tr:hover { background:#EEE;}
#creativas   ul li { color:#000}

.detalle { margin:0; padding:0; width:90%;}
.detalle li { list-style-type: none; padding:0.3em 3em; font:normal 11px/16px Arial, Helvetica, sans-serif;}
.detalle li a { text-decoration:underline;}
.mini { color:#666; font-size:11px;}
.black { color:#000;}
.note01{
	float:left;
	width:750px;
	margin:5px 5px;
	padding:0px 10px;
	background:-moz-linear-gradient(50% 100% 90deg, #E9E9E9, #FFFFFF 50%);
	-moz-box-shadow:1px 1px 2px #666666;
    -webkit-box-shadow:1px 1px 2px #666666;
    box-shadow:1px 1px 2px #666666;
	-moz-border-radius-topleft:2px;
    -moz-border-radius-topright:2px;
    -moz-border-radius-bottomleft:2px;
    -moz-border-radius-bottomright:2px;
    -webkit-border-top-left-radius:2px;
    -webkit-border-top-right-radius:2px;
    -webkit-border-bottom-left-radius:2px;
    -webkit-border-bottom-right-radius:2px;
    border-top-left-radius:2px;
    border-top-right-radius:2px;
    border-bottom-left-radius:2px;
    border-bottom-right-radius:2px;
	*background: #ffffff; /* IE6 e IE7 */
}


/* CSS galeria :D*/

.contenedor{
width: 200px;
height: 250px;
float: left;
margin: 8px;
margin-bottom: 18px;
padding:12px;
  
-webkit-box-shadow: 1px 1px 0px rgba(255,255,255,1), 1px 1px 0px rgba(255,255,255,1);
-moz-box-shadow: 1px 1px 0px rgba(255,255,255,1), 1px 1px 0px rgba(255,255,255,1);
box-shadow: 1px 1px 0px rgba(255,255,255,1), 1px 1px 0px rgba(255,255,255,1);
border: solid 1px rgba(0,0,0,0.16);
background:#FFF;
-webkit-transition-property: -webkit-box-shadow, background;
-webkit-transition-duration: 600ms;
-moz-transition-property: -moz-box-shadow, background;
-moz-transition-duration: 600ms;
transition-property: box-shadow, background;
transition-duration: 600ms;
}

.contenedor p{
text-align:center;
}

.contenedor a{
color:#D11B72;
}

.contenedor img {
margin-top: -26px;
margin-left:-10px;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
border: solid 10px #fff;

-webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.13), 1px 0 0 rgba(0,0,0,0.1);
-moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.13), 1px 0 0 rgba(0,0,0,0.1);
box-shadow: 2px 2px 4px rgba(0,0,0,0.13), 1px 0 0 rgba(0,0,0,0.1);
}

.contenedor:hover {
-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.05), 1px 1px 0px rgba(255,255,255,1);
-moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.05), 1px 1px 0px rgba(255,255,255,1);
box-shadow: 2px 2px 2px rgba(0,0,0,0.05), 1px 1px 0px rgba(255,255,255,1);
background:#F4F4F4;
-webkit-transition-property: -webkit-box-shadow, background;
-webkit-transition-duration: 00ms;
-moz-transition-property: -moz-box-shadow, background;
-moz-transition-duration: 00ms;
transition-property: box-shadow, background;
transition-duration: 00ms;
}

.contenedor:hover a {
	text-decoration:none;
	color:#F39;
}

.box{
width: 30%;
float: left;
margin: 10px;
}


  mujeres creativas 


/* premiadas */

.info {
 display: none;
 position: absolute;
 bottom: 0;
 z-index: 10;
background: -moz-linear-gradient(top, rgba(211,42,121,1) 0%, rgba(223,79,140,1) 42%, rgba(239,129,166,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(211,42,121,1)), color-stop(42%,rgba(223,79,140,1)), color-stop(100%,rgba(239,129,166,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(211,42,121,1) 0%,rgba(223,79,140,1) 42%,rgba(239,129,166,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(211,42,121,1) 0%,rgba(223,79,140,1) 42%,rgba(239,129,166,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(211,42,121,1) 0%,rgba(223,79,140,1) 42%,rgba(239,129,166,0) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(211,42,121,1) 0%,rgba(223,79,140,1) 42%,rgba(239,129,166,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d32a79', endColorstr='#00ef81a6',GradientType=0 ); /* IE6-9 */
 width: 154px;
 height: 230px;
 font-family:Arial, Helvetica, sans-serif;
}


.contenedor_panel{
width:100%;
height:auto;
float: left;
padding: 10px;
margin-top:20px;
border-top: 3px solid #F39;
background-color: #FFF;	
-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.05), 1px 1px 0px rgba(255,255,255,1);
-moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.05), 1px 1px 0px rgba(255,255,255,1);
box-shadow: 2px 2px 2px rgba(0,0,0,0.05), 1px 1px 0px rgba(255,255,255,1);

}


/* premiadas */
.box_ul {
 list-style-type: none;
 -moz-box-shadow: 0px 0px 5px #808080;
-webkit-box-shadow: 0px 0px 5px #808080;
box-shadow: 0px 0px 5px #808080;
 }

.box_li {
	position: relative;
	float: left;
	width: 47%;
	overflow: hidden;
	margin: 0 3% 3% 0;
    box-sizing: border-box;
	background-image: url(galerias/2015/grupo2015.jpg);
}
li.box_li img {
    width: 100%;
}

.box_li:hover .info {
display: block;

text-align:center;
}

.box_li:hover .info h3{
	margin-top:70px;
	padding:20px;
	text-transform:inherit;
}


.container {
  position: relative;
  width: 46%;
  float:left;
  margin:2%;
}

.image {
  display: block;
  width: 100%;
  height: auto;
}

.overlay {
  position: absolute;
  bottom: 0;
  left: 100%;
  right: 0;
  background-color: rgba(236, 123, 177, 0.85);
  overflow: hidden;
  width: 0;
  height: 100%;
  transition: .5s ease;
}

.overlayCAM {
  position: absolute;
  bottom: 0;
  left: 100%;
  right: 0;
  background-color: rgba(244, 62, 32, 0.85);
  overflow: hidden;
  width: 0;
  height: 100%;
  transition: .5s ease;
}

.overlayCAM2 {
  position: absolute;
  bottom: 0;
  left: 100%;
  right: 0;
  background-color: rgba(24, 17, 75, 0.85);
  overflow: hidden;
  width: 0;
  height: 100%;
  transition: .5s ease;
}


.overlayCAM3 {
  position: absolute;
  bottom: 0;
  left: 100%;
  right: 0;
  background-color: rgba(255, 67, 67, 0.85);
  overflow: hidden;
  width: 0;
  height: 100%;
  transition: .5s ease;
}


.container:hover .overlay {
  width: 100%;
  left: 0;
}

.container:hover .overlayCAM {
  width: 100%;
  left: 0;
}

.container:hover .overlayCAM2 {
  width: 100%;
  left: 0;
}
.container:hover .overlayCAM3 {
  width: 100%;
  left: 0;
}
.text {
   
    color: white;
    font-size: 50px;
    position: absolute;
    text-align: center;
    overflow: hidden;
    top: 50%;
    left: 50%;
    width: 240px;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}






/* premiadas2 */

.info2 {
 display: none;
 position: absolute;
 bottom: 0;
 z-index: 10;
background: -moz-linear-gradient(top, rgba(211,42,121,1) 0%, rgba(223,79,140,1) 42%, rgba(239,129,166,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(211,42,121,1)), color-stop(42%,rgba(223,79,140,1)), color-stop(100%,rgba(239,129,166,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(211,42,121,1) 0%,rgba(223,79,140,1) 42%,rgba(239,129,166,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(238, 149, 203, 1) 0%,rgba(238, 149, 203, 1) 42%,rgba(238, 149, 203, 1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(211,42,121,1) 0%,rgba(223,79,140,1) 42%,rgba(239,129,166,0) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(211,42,121,1) 0%,rgba(223,79,140,1) 42%,rgba(239,129,166,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d32a79', endColorstr='#00ef81a6',GradientType=0 ); /* IE6-9 */
 width: 154px;
 height: 230px;
 font-family:Arial, Helvetica, sans-serif;
}


.contenedor_panel2{
width:100%;
height:auto;
float: left;
padding: 10px;
margin-top:20px;
border-top: 3px solid #F39;
background-color: #FFF;	
-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.05), 1px 1px 0px rgba(255,255,255,1);
-moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.05), 1px 1px 0px rgba(255,255,255,1);
box-shadow: 2px 2px 2px rgba(0,0,0,0.05), 1px 1px 0px rgba(255,255,255,1);

}


/* premiadas */
.box_ul2 {
 list-style-type: none;
 -moz-box-shadow: 0px 0px 5px #808080;
-webkit-box-shadow: 0px 0px 5px #808080;
box-shadow: 0px 0px 5px #808080;
 }

.box_li2 {
	position: relative;
	float: left;
	width: 47%;
	overflow: hidden;
	margin: 0 3% 3% 0;
    box-sizing: border-box;
	background-image: url(galerias/2015/grupo2015.jpg);
}
li.box_li2 img {
    width: 100%;
}

.box_li2:hover .info {
display: block;

text-align:center;
}

.box_li2:hover .info h3{
	margin-top:70px;
	padding:20px;
	text-transform:inherit;
}