/* CSS Document */
/*****************************************************************/


/************ IMPORTANTE *****************************************/
/*  a partir de la linea 560 hay un reseteo de estilos */
/*  a partir de ese momento tendremos los estilos de los nuevos listados de la web
/*   y las novedades de la portada */

/*     CTL + F _RESETEO
/****************************************************************************************************************/

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
        text-align: left;
}



a{outline:none; color:#FFFFFF }
a:link {
	text-decoration:none; color:#FFFFFF
}
a:visited {
	text-decoration:none
}
a:hover {
	text-decoration:none;
	color:#FFFFFF;
}
a img {border:0px}
p {
	margin:4px 0px;
	padding:0px;
	line-height:16px;
}
h4 {
	margin:0px;
	padding:0px;
}
@font-face {
 font-family: 'lubalinG';
 src: url("graficos/lubalingraphstd-demi-webfont.eot") /* eot para internet explorer */
}
@font-face{font-family: 'lubalinG'; src:url("graficos/lubalin.ttf");}

@font-face {
 font-family: 'lubalinp';
 src: url("graficos/lubalin_graph_medium.eot") /* eot para internet explorer */
}

@font-face{font-family: 'lubalinp'; src:url("graficos/lubalin_graph_medium.ttf");}

.subtit{font-family:'lubalinp'; text-decoration:none; font-weight:normal}
.subtit:link{font-family:'lubalinp'; color:#FFFFFF; text-decoration:none;}
.subtit:visited{font-family:'lubalinp'; color:#FFFFFF; text-decoration:none;}
.subtit:hover{font-family:'lubalinp'; color:#C0E3F5; text-decoration:none;}

body,td,th{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#BAD7E4;
}



body{margin:0px; background:url(graficos/bg.png); background-position:center top; background-repeat:no-repeat; background-color:#002E46;}

.block_url{display:block; width:100%; height:100%;}

#cont {width:100%; float:left; clear:both
}
.contenedor{width:100%; float:left;}
.centrar {margin: 0px auto; width: 1050px}
header {background: url("graficos/cab_bg.gif") repeat-x; float: left; width: 100%}
.cab_bg{width:100%; height:45px; float:left; background:url(graficos/cab_bg.gif); background-repeat:repeat-x;}
.cab_cont{
        padding-top:10px;
	width:1050px;
	background:url(graficos/cab_bg.gif); background-repeat:repeat-x;
        text-align: left;
        font-weight: bold;
}

.cab_txt{
	font-size:15px;
	color:#FC5799;
	text-decoration:none;
}
.cab_txt:link{
        
        font-weight: lighter;
        font-family:'lubalinG';
	color:#FC5799;
	text-decoration:none;
}
.cab_txt:hover{color:#FFFFFF; text-decoration:none;}

.productos_cont{width:100%; float:left; background:url(graficos/deg_bg.png); background-position:bottom; background-repeat:repeat-x;}
.productos{
	width:995px;
	overflow:hidden;
	padding-bottom:45px;
}

.productos_izq{
	width:770px;
	float:left;
	padding-right:0px;
	padding-bottom: 20px;
}

.menu_banda{
	width:700px;
	float:left;
	padding-right:20px;
        padding-top: 20PX;
}
.menu_logo{width:231px; float:left; padding-left:8px; padding-top:15px; padding-bottom:20px;}
.menu_cont{width:390px; float:right; padding-left:5px; margin-top:21px; border-top:1px solid #4D93B6; border-bottom:1px solid #4D93B6;}
.menu_opc{width:auto; height:38px; float:left; padding-left:10px; padding-top:15px; padding-right:10px;}
.menu_opc:link{width:auto; height:38px; float:left; padding-left:10px; padding-top:15px; padding-right:10px;}
.menu_opc:hover{width:auto; height:32px; float:left; padding-left:10px; padding-top:15px; padding-right:10px; margin-bottom:3px; border-bottom:3px solid #4D93B6;}
.menu_opc_txt{font-family:'lubalinG'; font-size:18px; text-decoration:none; font-weight:normal}
.menu_opc_txt:link{font-family:'lubalinG'; font-size:18px; color:#FFFFFF; text-decoration:none;}
.menu_opc_txt:visited{font-family:'lubalinG'; font-size:18px; color:#FFFFFF; text-decoration:none;}
.menu_opc_txt:hover{font-family:'lubalinG'; font-size:18px; color:#C0E3F5; text-decoration:none;}
.menu_carro_txt{font-family:'lubalinG'; font-size:18px; color:#EED500; text-decoration:none;}
.menu_carro_txt:link{font-family:'lubalinG'; font-size:18px; color:#EED500; text-decoration:none;}
.menu_carro_txt:visited{font-family:'lubalinG'; font-size:18px; color:#EED500; text-decoration:none;}
.menu_carro_txt:hover{font-family:'lubalinG'; font-size:18px; color:#D9598C; text-decoration:none;}

.opacidad {
	opacity:1;
}
.opacidad:hover {
	opacity:0.65;
}

.cuadros_cont{
	/*width:730px;*/
	float:left;
	padding-left:20px;
}
.cuadros_sombra{
	width:235px;
	float:left;
	padding-bottom:4px;
	margin-right:20px;
	margin-bottom:25px;
	background:url(graficos/cuadro_sombra_bg.png);
}

.cuadros_marco{ width:215px; float:left; border:10px solid #CDCDCD;}
.cuadros_marco:link{ width:215px; float:left; border:10px solid #CDCDCD;}
.cuadros_marco:hover{ width:215px; float:left; border:10px solid #FFFFFF;}
.cuadros_foto{width:215px; float:left; background:no-repeat; height: 180px;}
.cuadros_tit{width:215px; height:38px; padding-top:6px; margin-top:128px; background:url(graficos/cuadro_tit_bg.png); text-align:center}
.cuadros_tit_largo{width:215px; height:43px; padding-top:3px; margin-top:124px; background:url(graficos/cuadro_tit_bg.png); text-align:center}
.cuadros_tit_txt{font-family:'lubalinG'; font-size:24px; color:#FFFFFF; text-decoration:none;}


/*******************************************/
/** SERVICIOS ******************************/
/*******************************************/

/* servicios.php */

.cuadros_sombra_p{width:154px; float:left; padding-bottom:4px; margin-right:10px; margin-bottom:20px; background:url(graficos/cuadro_sombra_bg.png);}
.cuadros_marco_p{width:140px; float:left; border:7px solid #CDCDCD;}
.cuadros_marco_p:link{width:140px; float:left; border:7px solid #CDCDCD;}
.cuadros_marco_p:hover{width:140px; float:left; border:7px solid #FFFFFF;}
.cuadros_foto_p{width:140px; float:left; background:no-repeat; height: 140px;}
.cuadros_tit_p{width:140px; height:30px; padding-top:4px; margin-top:106px; background:url(graficos/cuadro_tit_bg.png); text-align:center}
.cuadros_tit_txt_p{font-family:'lubalinG'; font-size:20px; color:#FFFFFF; text-decoration:none;}

.descripcion_servicios {
	float:left;
	width:485px;
	font-size:13px;
	padding:10px;
	padding-bottom:0px;
	padding-top: 0px;
}

/* servicio */
.listado_enlaces {float:left; padding:0px 15px; font-size:17px;}
#contenedor_centro{
height:400px; background-image:url(graficos/fondo_servicios.gif); background-repeat:repeat-x; width:100%; float:left
}	
#cont_noticias{
	
	background-image:url(graficos/fondo_not.png);
	background-repeat:repeat-x;
	width:100%;
	float:left
}

#deslizante{
 background-image:url(graficos/cab_bg.gif); background-position:top; background-repeat:repeat-x; float:left; width:100%; margin-top:10px
}
#contenedor_servicios {
	clear:both;
	padding-top:30px;
	width:1050px;
	margin:0px auto
}

#cont_caja_servicio{
	float:left;
	height:255px;
	width:215px;
	margin:0px 10px
}

.cont_caja_servicio{
	float:left;
	height:255px;
	width:215px;
	margin:0px 10px
}
.caja_servicio {
float:left; border-bottom:3px solid #2a607e
}
.foto_servicio{
	width:173px;
	height:190px;
	border:5px solid #69a6c5
}
.puntos_galeria{
float:left; height:193px; padding:5px 0px; padding-left:8px; width:15px
}
.titulo_sec{
	float:left;
	width:190px;
	padding-top:5px;
	padding-right:10px;
	text-align:center;
	height:45px
}
.punto {
float:left; width:15px; height:15px; padding-bottom:5px
}
.serv_opc_txt{font-family:'lubalinG'; font-size:18px; text-decoration:none;}
.serv_opc_txt:link{font-family:'lubalinG'; font-size:18px; color:#C0E3F5; text-decoration:none;}
.serv_opc_txt:visited{font-family:'lubalinG'; font-size:18px; color:#C0E3F5; text-decoration:none;}
.serv_opc_txt:hover{font-family:'lubalinG'; font-size:18px; color:#FFFFFF; text-decoration:none;}



.sec_tit_txt {
	font-family:'lubalinG'; font-size:24px; 
	color:#C0E3F5; text-decoration:none; font-weight:normal
}

/****************************************/
/*********** contenedores ***************/
/****************************************/

#contenedor_pedidos {
height:300px; background-image:url(graficos/fondo_degr.jpg); background-repeat:repeat-x; width:100%; float:left; clear:both
}

/*********************************************/
/*********** Pasos ***************************/
/**********************************************/

.cont_paso {
	float:left;
	width:250px;
	height:270px;
}
.class {
float:left; width:105px
}
.boton_paso {
float:left; width:69px; height:120px; padding-left:33px; background-image:url(graficos/flecha_sig.png); background-position:bottom; background-repeat:no-repeat
}
.pasos_txt {
font-size:22px; color:#004060; font-family:'lubalinG'; 
}
.paso_der {
float:left; width:132px
}
.paso_tit {
height:70px; padding:10px; padding-right:0px
}
.productos_der {
float:left; background-image:url(graficos/bocadillo.png); background-repeat:no-repeat; background-position:bottom; height:550px; width:285px
}

txt_empresa {
	text-decoration:none;
	color:#FFFFFF
}
txt_empresa:hover {
	text-decoration:none
}

/*********************************************/
/********* CONTACTO **************************/
/*********************************************/

#contacto {
font-size:14px; float:left; width:250px; background-image:url(graficos/zigzag.png); background-position:right; background-repeat:no-repeat; text-align: left
}
#formulario {
float:left; width:380px
}
#map {
	width:620px; height:240px; float:left; border:6px solid #004f77; margin-top:15px
}

label {
	text-align:right;
	width:130px;
	padding-top:3px;
	padding-right:10px;
	font-family:'lubalinG'; font-size:16px; color:#C0E3F5;
	font-weight:normal;
	float:left;	
}

.contiene_dato {
	text-align:left;
	float:left;
	background-image:url(graficos/fondo_form.png);
	background-repeat:no-repeat;
	background-position:center;
	width:235px;
	height:25px;
}
.contiene_datog {
	float:left;
	background-image:url(graficos/fondo_form.png);
	background-repeat:no-repeat;
	background-position:center;
	width:235px;
	height:66px;
}
.datoformulario {
	width:220px;
	height:18px;
	margin:3px;
	margin-left:8px;
	color:#FFFFFF;
	background-color:#00669a;
	border:0px;
}
.datoformulariog {
	width:220px;
	height:58px;
	margin:3px;
	margin-left:8px;
	color:#FFFFFF;
	background-color:#00669a;
	border:0px;
}

/********************************************************/
/*************  Pie *************************************/
/********************************************************/

#pie {
	height:50px; background-image:url(graficos/fondo_pie.jpg); background-repeat:repeat-x; width:100%; float:left; padding:25px 0px
}
#contenedor_pie {
	width:1050px;
	margin:0px auto
}

.titpie {
	float:left;
	width:160px;
	padding-top:15px
}
.txt_pie {
	font-size:14px; font-weight:bold; color:#c0e3f5; text-align:center
}

.textos_legales {
	float:right;
	color:#FFFFFF;
	font-size:14px;
	padding-top:0px;
	padding-right:0px;
	width: 500px;
	text-align: center;
}
.fecebook {
	float:left; width:230px
}


/**********************************************/
/********** Ejemplos **************************/
/**********************************************/
#ejemplos {
	float:left;
	width:277px
}
#foto_ejemplo {
	padding:20px 22px 0px 22px;
}
#texto_ejemplo {
	padding:0px 30px;
	text-align:left;
	height:170px
}
.ver_mas {
	padding-left:30px;
}
.foto {
	width:215px;
	background-color:#FFFFFF;
	height:165px;
	padding: 5px;
}
/* text-shadow:#4B4B4B 0px 1px 0px; */

.personalizar{
	background-image:url(graficos/personaliza.png); height:113px; width:400px; float:right; padding-top:30px; padding-left:95px; margin-bottom:20px
}


/**********************************************************************/
/********************* Articulos **************************************/
/**********************************************************************/

.listado{
	width:730px;
	float:left
}
#texto_servicio {
	padding-right:30px;
	padding-bottom:10px;
	float:left;
	width:720px;
}
#articulo {
	width: auto;
	float:left;
	padding-right:10px;
	padding-left:3px;
	margin-bottom:10px;

}
#listar_articulos{
	width:730px;
	float:left;
}
.foto_art {
	float:left; margin-right:10px;
}
.border_foto {
	border:3px solid #216487;
}

.sin_border {
	border:0px
}

/***********************************************/
/************** DESLIZANTE *********************/
/***********************************************/

		
#carousel {
	position: relative; /* Necesario */
	overflow: hidden; /* Necesario */
	height: 255px;
}

#carousel .belt {
	position: absolute; /* Necesario */

}

#carousel .panel {
	float: left; /* Necesario */
	overflow: hidden;
}

txtlink {
	color:#A6D7E4;
	text-decoration:none; 
}
txtlink:link {
	color:#A6D7E4;
	text-decoration:none; 
}
txtlink:visited {
	color:#A6D7E4;
	text-decoration:none; 
}
txtlink:hover {
	text-decoration:underline;
	color:#FFFFFF;
}

txtlink2 {
	text-decoration:none; 
	color:#FFF;
}
txtlink2:link {
	text-decoration:none; 
	color:#FFF;
}
txtlink2:visited {
	text-decoration:none; 
	color:#FFF;
}
txtlink2:hover {
	text-decoration:underline;
	color:#FC5799;
}

/***************************************************************/
/*********      PERSONALIZAR      ******************************/
/***************************************************************/

#galerias {
	float:left;
	padding-top:0px;
	clear:both;
	width:100%;
}



.datoformularioG {
	width:300px;
}

label {
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	color:#BAD7E4;
}

/************************************************/
/************ PASOS *****************************/
/************************************************/

#pasos {
	float:left;
	width:700px;
	border-bottom:1px solid #3D7C98;
	margin-bottom:20px
}
.paso {
	float:left;
	width:150px;
	padding-right:8px;
	margin-left: 10px;
}
.titpaso {float:left; width:150px}
.numpaso {float:left; height:40px; width:40px }
.txtpaso {height:30px; padding:5px; float:left; font-size:20px}
.imgpaso {float:left; width:150px; height:105px; padding-top:5px}
.blanco {color:#FFFFFF}
.aclaraciontxt {
	font-family:Arial, Helvetica, sans-serif;
	font-style:oblique;
	font-size:14px; color:#A1C6DA; 
}

#enviofoto {
	color:#006699;
	width:400px;
	padding-left:18px;
	margin-left:5px;
	height:100px;
	float:left;
	background-image:url(graficos/fondo_enviar_foto.png);
	background-repeat:no-repeat;
        text-align: left;
}

/**********************************************************/
/* _RESETEO DE ESTILOS */
/* a partir de aqui empezara el reseteo de estilos css */


/* Listado de una fila */
img a {border:0px}
.articulo {width:710px; margin-bottom: 15px; float: left}
.datos_art {float:left; width:470px; padding-left: 10px; padding-top: 10px}
.descr_art {color:#69a6c5;  font-size:19px; padding:5px;  width:190px; float:left;}
.medida_art {color:#e7be1c; font-size:17px; padding:5px; width:120px; float:left}
.precio_art {color:#FFFFFF; font-size:18px; padding:5px; width:105px; float:left}
.flecha_art {width:38px; float:left; padding-top:0px; padding-top: 20px}


/* Listado de una subcategorias dentro de una categoria */
.precios {color:#FFFFFF; font-size:15px; padding:5px 0px; font-style: italic}
.novedades {color:#69a6c5; font-size:19px; padding:5px 0px}
.cont_subcat {padding-right:12px; float:left; margin-bottom:10px; height: 240px }
.foto_subcat {max-width:246px; min-width: 140px}

/****************************************************/
/*********** novedades ******************************/
/*****************************************************/

#novedades {
	width:1050px; margin:20px auto; padding-top:20px
	}
.articulo_novedad {
	height:170px;
	width:325px;
	padding:10px;
	float:left;
        color:#69a6c5; font-size:16px; 
	}
.datos_novedades {float:left; width:150px; height:120px; padding-left:15px; text-align: left}
.brillo {
	border:2px solid #002E46; 
}
.brillo:hover{
	background-color:#1A4760;
	border:2px solid #1E5471;
}
.foto_novedad {height: 150px; width:160px; float: left;}
.foto_novedad img {max-width: 160px; min-width:100px; max-height: 160px; min-height: 150px; background-color: #ffffff }
.nombre_novedad {color:#69a6c5; font-size:16px;}
.medida_novedad {color:#e7be1c; font-size:13px; }
.medida_novedad span {color:#FFFFFF; font-size:13px}

/* clase para cuando tenemos foto ancha. Se añade por php */
.foto_ancha img {width: auto; max-width: 300px; height: 140px; max-height: 140px; min-height: 140px;}
.foto_muy_ancha img {max-width:315px; width: 315px; height: 140px; max-height: 140px; min-height: 140px;}
.datos_novedades_ancho {width: 100%; height: auto; padding: 0px}
.datos_novedades_ancho p {display: block; padding-right:10px; float: left }


/***************************************************************/
/*********** listados para las subcategorias *******************/
/***************************************************************/
.info_icon {clear:left; float: left; padding-right: 20px}
.listado h2 {font-size:24px; background-image:url(graficos/linea.png); background-repeat:no-repeat; background-position:right}
.precio_art {font-size: 15px; width: auto; padding-right: 0px }


/* Fichas de las subcategorias */

.datos {text-align: left; padding-left: 10px; float:left; width: 300px}
.foto_art {width:380px; float: left}
.datosselect {width: 280px; padding: 5px; font-size: 15px; margin: 5px 0px}

.medidas {color:#69a6c5; font-size:20px; padding:5px 0px}
.boton_comprar {
    border:0px;
    background-color: #ffffff; padding: 8px 25px; font-size: 15px; margin: 5px 0px;
}
.boton_comprar:hover {background-color: #BAD7E4}
/* formularios */
.fallo {color:red}
.bueno {color:#67EDB1}
/* Listado de una fila */
img a {border:0px}
.articulo {width:710px; margin-bottom: 15px; float: left}
.datos_art {float:left; width:470px; padding-left: 10px; padding-top: 10px}
.descr_art {color:#69a6c5;  font-size:19px; padding:5px;  width:190px; float:left;}
.medida_art {color:#e7be1c; font-size:17px; padding:5px; width:120px; float:left}
.precio_art {color:#FFFFFF; font-size:18px; padding:5px; width:105px; float:left}
.flecha_art {width:38px; float:left; padding-top:0px; padding-top: 20px}
.foto_art {float: left}

/* Listado de una subcategorias dentro de una categoria */

/******************************************************/
/*            Publicidad  portada                     */
/******************************************************/

@font-face {
    font-family: 'calibriregular';
    src: url('/baner/calibri-webfont.eot');
    src: url('/baner/calibri-webfont.eot?#iefix') format('embedded-opentype'),
         url('/baner/calibri-webfont.woff') format('woff'),
         url('/baner/calibri-webfont.ttf') format('truetype'),
         url('/baner/calibri-webfont.svg#calibriregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

.derecha {float:right}
.izquierda {float: left}

.contenedor_anuncio {width: 100%; float: left; height: 410px}
#publicidad {color: #002e46; font-family: 'calibriregular'; }
#publicidad h1 {width: 600px; font-size:34pt; line-height: 36pt; margin-top: 20px; padding: 10px 20px; text-align: left; }
#publicidad h2 {width: 200px; padding: 10px; margin: 0px; font-size:21pt; line-height: 23pt; font-weight: normal; font-style: italic; opacity: 0}

#banner2 {color: #002e46; font-family: 'calibriregular'; padding-left:30px; width: 960px }
#banner2 h2 {width: 600px; font-size:30pt; line-height: 32pt; margin: 0px; padding: 0px 20px; padding-top: 5px; text-align: left; }
#banner2 h3{width: 200px; padding: 0px 10px; padding-top: 5px; margin: 0px; font-size:18pt; line-height: 19pt; font-weight: normal; font-style: italic; }
/****************************************************************************/
/**********             ANIMACIONES                               ***********/
/****************************************************************************/

@-webkit-keyframes aparecer_transp 
{
    from{opacity:0; }
    to{opacity:0.95;}
}
@-moz-keyframes aparecer_transp
{
    from{opacity:0;}
    to{opacity:0.95;}
}
@keyframes aparecer_transp
{
    from{opacity:0;}
    to{opacity:0.95;}
}

@-webkit-keyframes aparecer 
{
    from{opacity:0; }
    to{opacity:1;}
}
@-moz-keyframes aparecer
{
    from{opacity:0;}
    to{opacity:1;}
}
@keyframes aparecer
{
    from{opacity:0;}
    to{opacity:1;}
}

@-webkit-keyframes apagar 
{
    from{opacity:1; }
    to{opacity:0;}
}
@-moz-keyframes apagar 
{
    from{opacity:1;}
    to{opacity:0;}
}
@keyframes apagar 
{
    from{opacity:1;}
    to{opacity:0; }
}

@-webkit-keyframes mover 
{
    from{opacity:0; margin-right:140px;}
    to{opacity:1; margin-right:0px;}
}
@-moz-keyframes mover
{
    from{opacity:0; margin-right:140px;}
    to{opacity:1; margin-right:0px;}
}
@keyframes mover
{
    from{opacity:0; margin-right:140px;}
    to{opacity:1; margin-right:0px;}
}


.mover {
    opacity: 0;
    -webkit-animation-name: mover;
    -webkit-animation-duration:2.5s;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay: 6s;
    
    -moz-animation-name: mover;
    -moz-animation-duration:2.5s;
    -moz-animation-fill-mode: forwards;
    -moz-animation-delay: 6s;
    
    animation-name: mover;
    animation-duration:2.5s;
    animation-fill-mode: forwards;
    animation-delay: 6s;
}
.cerrar {
    -webkit-animation-name: apagar;
    -webkit-animation-duration:1.5s;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay: 15s;
    
    -moz-animation-name: apagar;
    -moz-animation-duration:1.5s;
    -moz-animation-fill-mode: forwards;
    -moz-animation-delay: 15s;
    
    animation-name: apagar;
    animation-duration:1.5s;
    animation-fill-mode: forwards;
    animation-delay: 15s;
}
.aparecer {
    
    display: block;
    -webkit-animation-name: aparecer;
    -webkit-animation-duration:1.5s;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay: 3s;
    
    -moz-animation-name: aparecer;
    -moz-animation-duration:1.5s;
    -moz-animation-fill-mode: forwards;
    -moz-animation-delay: 3s;
    
    animation-name: aparecer;
    animation-duration:1.5s;
    animation-fill-mode: forwards;
    animation-delay: 3s;
}
.aparecer2 {
    
    display: block;
    -webkit-animation-name: aparecer;
    -webkit-animation-duration:1.5s;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay: 5s;
    
    -moz-animation-name: aparecer;
    -moz-animation-duration:1.5s;
    -moz-animation-fill-mode: forwards;
    -moz-animation-delay: 5s;
    
    animation-name: aparecer;
    animation-duration:1.5s;
    animation-fill-mode: forwards;
    animation-delay: 5s;
}
.aparecer3 {
    
    display: block;
    -webkit-animation-name: aparecer;
    -webkit-animation-duration:1.5s;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay: 7s;
    
    -moz-animation-name: aparecer;
    -moz-animation-duration:1.5s;
    -moz-animation-fill-mode: forwards;
    -moz-animation-delay: 7s;
    
    animation-name: aparecer;
    animation-duration:1.5s;
    animation-fill-mode: forwards;
    animation-delay: 7s;
}

.paso1 {
    width: 300px;
    height: 255px;
    float: left;
    opacity:0;
}
.paso2 {
    width: 360px;
    height: 255px;
    float: left;
    opacity:0;
}
.paso3 {
    width: 260px;
    height: 255px;
    float: left;
    opacity:0;
}
.paso1 img, paso3 img, paso2 img {max-width: 100%}

/***********************************************************************/
/********** CAJA MODAL *************************************************/
/***********************************************************************/

.flotante {position:fixed; width:980px; margin: 0px auto; height: 100%; z-index:10; top:15%; border: 0px; padding: 0px; background: none;}
.formulario_modal {
    opacity: 0;
    box-shadow: 2px 2px 2px 2px #333; height:480px; border:1px solid #333; overflow: hi; border-radius: 3px;
     background-color: #fff;   
    
        -webkit-animation-name: aparecer_transp;
        -webkit-animation-duration:2s;
        -webkit-animation-fill-mode: forwards;
        -webkit-animation-delay: 2s;

        -moz-animation-name: aparecer_transp;
        -moz-animation-duration:2s;
        -moz-animation-fill-mode: forwards;
        -moz-animation-delay: 2s;
}
.borde_sup1px {border-top: 1px solid #333}

.texto_peque{
	font-size: 12px;
    text-align:justify;
    border-style: solid;
    border-width: thin;
    padding: 4px;
}