@charset "utf-8";
/* CSS Document */
html, body {
  border: 0;
  margin: 0;
  padding: 0;
}
body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #000000;
	text-align: justify;
	background-color: #445370;
	background-image: url(img/fondodegra2.jpg);
	background-repeat: repeat-x;
	line-height: 1.5em;
	margin-top: 0px;	
}
input, textarea, select, optgroup, table, tr, th, td  {
	font-size: 100%;
}
p, ul, ol, li, dl, dt, dd, form, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}
label{
	margin: 0px;
	padding: 0px;
}
#contenedor{
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(img/cabecera.jpg);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
}
#contenedoreusk{
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(img/cabecera_eusk.jpg);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
}
#cabecera{
	height: 226px;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}
#menu{
	height: 300px;
	width: 300px;
	float: left;
}
#contenido{
	width: 790px;
	margin-right: 5px;
	margin-left: 5px;
	background-image: url(img/fondodegra3.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: #FFFFFF;
}
#central{
	width: 730px;
	margin-right: 30px;
	margin-left: 30px;
}
#colizqsin{
	width: 259px;
	float: left;
	height: 375px;
	padding-top: 5px;
}
#colizq{
	width: 259px;
	float: left;
	height: 375px;
	background-image: url(img/solocuadritos.jpg);
	background-repeat: no-repeat;
	background-position: 30px 100px;
	padding-top: 5px;
}

#colizq ul{
	list-style-image: none;
	list-style-type: none;
	background-image: none;
	width: 200px;
	float: right;
	margin-right: 8px;
	background-color: #FFFFFF;
	
}
#colizq ul li{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #666666;
	margin-bottom: 2px;
	
}
#colizq ul ul li{
	border-top-style: none;
	margin-bottom: 2px;
	
}
#colizq ul ul{
	list-style-image: none;
	list-style-type: none;
	background-image: none;
	width: 200px;
	float: right;
	margin-right: 8px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	
}
#colizq ul li a{
	color: #666666;
	text-decoration: none;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 18px;
	padding-right: 5px;
	display: block;
	height: 100%;
	background-image: url(img/degrabotgris.jpg);
	background-repeat: repeat-x;
	background-position: 0px 10px;
	letter-spacing: 0.1em;
	background-color: #FFFFFF;
	
}
#colizq ul ul li a{
	color: #666666;
	text-decoration: none;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 36px;
	padding-right: 5px;
	display: block;
	height: 100%;
	background-repeat: repeat-x;
	background-position: 0px 10px;
	letter-spacing: 0.1em;
	background-image: none;
	background-color: #FFFFFF;
	
}
#colizq  ul li a.activo {
	display: block;
	color: #F48C00;
	font-weight: bold;
	background-color: #FFFFFF;
	
   }
#colizq  ul ul li a.activo {
	display: block;
	color: #F48C00;
	font-weight: normal;
	background-color: #FFFFFF;
	
   }
          
#colizq ul li a:hover{
	display: block;
	color: #F48C00;
	font-weight: bold;
	background-color: #FFFFFF;
}
#colizq ul ul li a:hover{
	display: block;
	color: #F48C00;
	background-color: #FFFFFF;
	font-weight: normal;
}
#colizq p{
	width: 200px;
	padding-top: 300px;
	text-align: right;
	padding-bottom: 13px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	padding-left: 30px;
}
#contderecha{
	float: right;
	width: 409px;
	padding-bottom: 40px;
	padding-right: 40px;
	border-left-width: 1px;
	border-left-style: dashed;
	border-left-color: #CCCCCC;
	padding-left: 20px;
	margin-bottom: 10px;
	margin-top: 5px;
}
/* Aquí está el truco, el Tan Hack */
* html #contderecha{
	width: 470px;
	w\idth: 409px;
}
#contaviso{
	float: right;
	width: 409px;
	padding-bottom: 40px;
	padding-right: 40px;
	border-left-width: 1px;
	border-left-style: dashed;
	border-left-color: #CCCCCC;
	padding-left: 20px;
	margin-bottom: 10px;
	padding-top: 0px;
}
#contaviso p{
	margin-bottom: 10px;
}
#contaviso h3{
	padding-top: 10px;
	font-size: 1.6em;
	color: #F48C00;
	font-weight: normal;
	line-height: 1.5em;
	padding-bottom: 5px;
}
#pie{
	height: 20px;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(img/franjapie.jpg);
	padding-top: 5px;
	background-color: #FFFFFF;
	background-repeat: repeat-y;
	background-position: center top;
	
}
#pie a{
	color: #000000;
	text-decoration: none;
}
#pie a:hover{
	text-decoration: underline;
}
#pie2{
	height: 20px;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(img/franjapie2.jpg);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	background-position: center bottom;

	
}
#pie2 a{
	text-decoration: none;
	color: #000000;
}
#pie2 a.firm{
	text-decoration: none;
	color: #435371;
}
#pie2 a:hover{
	text-decoration: underline;
}
.texto{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
	text-decoration:none;
	text-align: justify;
}
.tit{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration:none;
	letter-spacing: 0.18em;

}
.tit2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #FF6633;
	text-decoration:none;
	font-weight: bold;
	letter-spacing: 0.7px;

}
.titpeq{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}
p{
	padding-bottom: 10px;
	padding-right: 20px;
}
strong {
	color: #39527B;
	font-weight: bold;
	font-size: 110%;
}
strong.naranja {
	color: #FF6633;
	font-weight: bold;
	font-size: 110%;
}
strong.peq{
	color: #39527B;
	font-weight: bold;
	font-size: 100%;
}
#contderecha #fondoproducto{
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	padding-bottom: 10px;
	background-image: url(img/degragris.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#contderecha #fondoproducto ul {
	list-style-type: none;
	padding-bottom: 10px;
	padding-right: 20px;
	background-image: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
p.empresa{
	padding-bottom: 10px;
	padding-top: 20px;
	padding-right: 20px;
}
p.eus{
	color: #000000;
	margin-top: 8px;
}
p.cast{
	color: #000000;
	margin-top: 8px;
}
#cabecera ul{
	list-style-image: none;
	display: block;
	list-style-type: none;
	margin-left: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-top: 159px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#cabecera li{
	display: block;
	float: left;
	text-align: center;
	height: 24px;
	background-image: url(img/rayita.gif);
	background-position: right;
	background-repeat: no-repeat;
	padding-top: 2px;
	padding-right: 13px;
	padding-left: 13px;
}
/*menu cabecera*/
#cabecera li a {
letter-spacing: 0.1em;
	text-decoration: none;
	color: #666666;
}
#cabecera li a:hover {
	color: #666666;
	text-decoration: underline;
}
#cabecera li a.activo
{
	color: #F48C00;
}

#direccion{
	float: left;
	padding-right: 10px;
	margin-left: 33px;
}
#tel{
	height: 20px;
	background-image: url(img/cuadro.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
	float: left;
	padding-right: 10px;
}
#fax{
	height: 20px;
	background-image: url(img/cuadro.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
	float: left;
	padding-right: 10px;
}
#mail{
	height: 20px;
	background-image: url(img/cuadro.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
	float: left;
	padding-right: 10px;
}
#aviso{
float: left;
	padding-right: 10px;
	margin-left: 33px;
}
#proteccion{
height: 20px;
	background-image: url(img/cuadro.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
	float: left;
	padding-right: 10px;
}
#firma{
	float: right;
	margin-right: 33px;
	color: #435371;
}
#frase{
	width: 280px;
	padding-top: 5px;
	padding-right: 15px;
	margin-left: 495px;
}
#formulario {
	float: right;
	width: 490px;
}
label.dejaFlotar{
	float:left;
	width:20%;
	text-align:left;
	color: #333333;
	background-image: url(img/cuadro.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 12px;
	padding-bottom: 5px;
}
fieldset {
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
legend {
	color: #333333;
	display: none;
}

.campos{
	border:1px dashed #CCCCCC;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-image: url(img/fondoform.jpg);
	padding-left: 5px;
	height: 15px;
}
.campoarea{
	border:1px dashed #CCCCCC;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-image: url(img/fondoform.jpg);
	padding-left: 5px;
	padding-bottom: 5px;
	margin-bottom: 5px;
}



.botform {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	background-color: #435371;
	height: 20px;
	background-image: url(botform.jpg);
	background-repeat: repeat-x;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #DBE0EA;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #DBE0EA;
	cursor: pointer;
}
div.raya{
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	margin-bottom: 20px;
	width: 400px;
}
div.raya2{
	width: 400px;
	background-image: url(img/degragris.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	padding-bottom: 10px;
	margin-bottom: 5px;
}

div.clear {
	clear: both;
}
#okform{
	height: 100px;
	width: 400px;
	margin-right: auto;
	margin-left: auto;
}
#fondoFlash{
	height: 150px;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	position: absolute;
	z-index: 1;
}

input.button {
	border: none;
	font-weight: bold;
	width: 120px;
	height: 40px;
	margin-left: 150px;
	background-image: url(img/enviar.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
span.required{
  font-size: 13px !important;
  color: red !important;
}

.errormsg {
	display: block;
	width: 350px;
	height: 22px;
	line-height: 22px;
	color: #000000;
	background-color: #E9EDF0;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dashed;
	border-bottom-style: dashed;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 40px;
}

.msgSent {
  font-size: 20px;
  text-align: center;
}
acronym{
	font-size: 14px;
	color: #FF0000;
}
#gracias{
	background-color: #E9EDF0;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dashed;
	border-bottom-style: dashed;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	margin-top: 60px;
	width: 360px;
	margin-bottom: 150px;
	padding-top: 40px;
	padding-right: 20px;
	padding-bottom: 40px;
	padding-left: 20px;
}
#contderecha ul{
	list-style-type: none;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	padding-bottom: 10px;
	background-image: url(img/degragris.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-right: 20px;
}
#contderecha li{
	background-image: url(img/cuadropeq.gif);
	background-repeat: no-repeat;
	background-position: 15px 8px;
	padding-left: 30px;
	padding-bottom: 5px;
}
#contderecha ul.noticias{
	list-style-type: none;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	padding-bottom: 10px;
	background-image: url(img/degragris.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-right: 20px;
	list-style-image: none;
}
#contderecha li.noticias{
	background-image: url(img/cuadropeq.gif);
	background-repeat: no-repeat;
	background-position: left 18px;
	padding-left: 10px;
	padding-top: 10px;
}
#contderecha li.ninguno {
	margin-left: 11px;
	border-bottom-style: none;
	
   }     
      
#contderecha li a {
	text-decoration: none;
	display: block;
	color: #000000;
	font-weight: normal;
	height: 100%;
	
   }    
    

    
#contderecha li a:hover {
	display: block;
	text-decoration: underline;
	
   } 
 #noticias{
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	padding-bottom: 10px;
	background-image: url(img/degragris.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-right: 20px;
	padding-top: 10px;
	margin-bottom: 10px;
}
#noticias a{
	color: #000000;
	text-decoration: underline;
}
#noticias a:hover{
	font-weight: normal;
	color: #FF9900;
	text-decoration: underline;
}
#google{
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	padding-bottom: 20px;
	background-image: url(img/degragris.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-right: 20px;
	padding-top: 10px;
	margin-bottom: 10px;
}
#google a{
	color: #000000;
	text-decoration: underline;
	margin-top: 20px;
	padding-left: 5px;
	padding-top: 50px;
}
#google a:hover{
	font-weight: normal;
	color: #FF9900;
	text-decoration: underline;
	margin-top: 20px;
}
#contderecha #volver a{
	color: #FFFFFF;
	background-color: #435371;
	padding-top: 3px;
	padding-right: 7px;
	padding-bottom: 3px;
	padding-left: 7px;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #DBE0EA;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #DBE0EA;
	font-weight: normal;
	text-decoration: none;
}
#contderecha #volver a:hover{
	text-decoration: none;
}
#contderecha h3{
	padding-top: 10px;
	font-size: 1.6em;
	color: #F48C00;
	font-weight: normal;
	line-height: 1.5em;
	padding-bottom: 5px;
	text-align: left;
}

#flashnina{
	margin-left: 30px;
	width: 200px;
	position: absolute;
}
#flashplacas{
	margin-left: 30px;
	width: 200px;
	position: absolute;
	padding-top: 263px;
}
#textolegal{
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	background-image: url(img/degragris.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	margin-bottom: 10px;
}
#imgnoticias{
	margin-left: 34px;
	padding-top: 70px;
	background-image: url(img/solocuadritos.jpg);
	background-repeat: no-repeat;
	background-position: -2px top;
	height: 150px;
}
iframe{
	margin-bottom: 10px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: dashed;
	border-left-style: dashed;
	border-top-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
#flashproductos{
	height: 500px;
	width: 720px;
	margin-right: 5px;
	margin-bottom: 20px;
	margin-left: 5px;
}
#flashgaleria{
	margin-top: 20px;
	height: 340px;

}
#contderecha h3.producto{
padding-top: 10px;
	font-size: 1.6em;
	color: #F48C00;
	font-weight: normal;
	line-height: 1.5em;
	padding-bottom: 5px;
}
#galeria{
	float: right;
	padding-top: 15px;
	background-repeat: no-repeat;
}
#galeria a{
	color: #FF9900;
	text-decoration: none;
	background-image: url(img/flechabajo.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 20px;
}
#galeria a:hover{
	text-decoration: underline;
}
#botarriba{
	padding-left: 0px;
	float: right;
	padding-right: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
}
#botarriba a{
	color: #FF9900;
	text-decoration: none;
	padding-left: 20px;
	background-image: url(img/flecharriba.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#botarriba a:hover{
	text-decoration: underline;
}
/* pruebas ligthbox*/
#fotos{
	margin-top: 20px;
	padding: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	float: left;
	width: 409px;
}
#fotos.centrar{
	text-align: center;
}
img.galeria{
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	padding-top: 0px;
	padding-right: 0px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	width: 90px;
	margin-top: 0px;
	margin-right: 8px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-left: 0px;
}
/* Aquí fichas de trabajos realizados */
#fichas{
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	background-image: url(img/degragris.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	margin-top: 10px;
	overflow: hidden;
}


#textoproducto{
	width: 244px;
	float: right;
	text-align: left;
}


#imgproducto{
	margin-bottom: 10px;
	float: left;
	margin-right: 10px;
	width: 145px;
}
/* Aquí está el truco, el Tan Hack */
* html #imgproducto{
	width: 155px;
	w\idth: 145px;
}
img.trabajosmin{
	background-color: #FFFFFF;
	text-align: center;
	display: block;
	padding: 4px;
	border: 1px dotted #CCCCCC;
}

#paginpie{
	overflow: auto;
	margin-top: 20px;
	padding: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	float: left;
	width: 409px;
}
#masinfo{
	width: 409px;
	float: left;
}

#masinfo a{
	font-weight: bold;
	color: #666666;
	float: right;
	text-decoration: none;
	border-top-width: 1px;
	border-top-style: dashed;
	border-right-style: none;
	border-left-style: none;
	border-top-color: #CCCCCC;
	border-bottom-style: none;
	padding: 5px;
	letter-spacing: 0.1em;
}
#masinfo a:hover{
	color: #F48C00;
	letter-spacing: 0em;
}
#fichasdetalle{
	margin-bottom: 10px;
	background-image: url(img/degragris.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	padding-right: 20px;
	padding-bottom: 20px;
	float: left;
}


#fichasdetalle #imagen{
	padding-bottom: 10px;
	padding-top: 10px;
	width: 409px;
	float: left;
}
/*#fichasdetalle #imagen img{
	display: block;
	margin: auto;
}*/
#vuelta a{
	font-weight: bold;
	color: #666666;
	letter-spacing: 0.1em;
	padding: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	text-decoration: none;
}
#vuelta a:hover{
	color: #F48C00;
	letter-spacing: 0em;
	
}
#fichasdetalle h3{
	padding-bottom: 5px;
	margin-bottom: 5px;
	color: #FFFFFF;
	background-color: #CC0000;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	
}
#fichasdetalle p{
	padding-bottom: 10px;	
	
}
#vuelta{
}
#tododetalle{
	margin: 0px;
	padding: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#ruta{
	float: left;
	padding-bottom: 10px;
	font-size: 1.2em;
	font-weight: bold;
	color: #CC0000;
}
.separar{
	padding-bottom: 20px;
	height: 20px;
	line-height: 20px;
}
#actualizando{
	font-weight: bold;
	background-color: #FFD1A4;
	padding: 10px;
	margin-bottom: 20px;
	color: #F48C00;
	margin-top: 10px;
	text-decoration: blink;
	border: 2px dashed #F48C00;
	background-image: url(img/actualizar-icon.jpg);
	background-position: right center;
	background-repeat: no-repeat;
}

.modal{position:fixed;max-width:600px;max-height:100%;overflow-y:hidden;top:10%;left:50%;margin-left:-300px;padding:1em;background:#fff;z-index:100;opacity:0;pointer-events:none;-webkit-transition:all 0.25s ease-out;-moz-transition:all 0.25s ease-out;-ms-transition:all 0.25s ease-out;-o-transition:all 0.25s ease-out;transition:all 0.25s ease-out;}.modal a{margin-bottom:0;}@media screen and (max-width: 500px) {.modal{left:0;margin-left:0;}}@media screen and (max-height: 550px) {.modal{top:0;}}.modal.show{opacity:1;pointer-events:auto;}.fancy.modal{box-shadow:0 3px 6px rgba(0,0,0,0.25);border:1px solid #bbb;background:-webkit-linear-gradient(top,#fff,#ddd);background:-moz-linear-gradient(top,#fff,#ddd);background:linear-gradient(top,#fff,#ddd);-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%);}.fancy.show{-webkit-transform:translateY(0%);-moz-transform:translateY(0%);-ms-transform:translateY(0%);-o-transform:translateY(0%);transform:translateY(0%);}

.fancy.modal {
  box-shadow: 0 3px 6px rgba(0,0,0,0.25);
  border: 1px solid #bbb;
  background: -webkit-linear-gradient(top, #fff, #ddd);
  background:    -moz-linear-gradient(top, #fff, #ddd);
  background:         linear-gradient(top, #fff, #ddd);
        
  -webkit-transform: translateY(-100%);
     -moz-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
       -o-transform: translateY(-100%);
          transform: translateY(-100%);
}
.fancy.show {
  -webkit-transform: translateY(0%);
     -moz-transform: translateY(0%);
      -ms-transform: translateY(0%);
       -o-transform: translateY(0%);
          transform: translateY(0%);
}