especificosweb/css/productos.css

@font-face {
  font-family: 'Champagne and Limousine';
 src: url('../Fonts/Champagne&Limousines.ttf');
 -webkit-font-smoothing: antialiased;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 300;
  src: url("../Fonts/OpenSans.woff") format("woff");
}

/*************PAGINAS¨*******************/
#paginas_wrapper
{
	width: 80%;
	float: left;
}

.pagina{ height: 470px; }

#paginas_list
{
    font-size: 36pt;
    color: #475A68;
    margin: 20px auto;
    width: 60px;
    text-align: center;
    position: relative;
}

#paginas_list li
{   
    margin: 0px auto;
    width: 0%;
    vertical-align: middle;
    cursor: pointer;
    display: table-cell;
    text-align: center;
}

#productos_descripcion{
	margin-top: 100px;
	border-bottom: 0px solid black;
	margin-bottom: -100px;
}


#productos_descripcion p{
margin-top: 50px;
}

/*************LISTA PRODUCTOS************/
.producto {width: 50%;float:left;}

#productosbar
{
	float: left;
   /* width:230px;
    height: auto;
    margin-top: 20px;
    display: table-cell;
	z-index: 2;
	position: absolute;
*/
}
/*
#categorias
{
    width: 200px;
    margin: 0px auto;
}*/

#categorias li:hover
{
    opacity: 0.5;
    transition: opacity 0.2s ease-in-out;
}

#lista_productos
{
    margin-left: 50px;
    float: left;
    vertical-align: middle;
    width: 820px;
    margin-top: 20px;
}

#productos_wrapper
{
    width: 100%;
    /*text-align: center;*/
    margin: 70px auto;
	display: table;
}

.listaproductos{padding-bottom:10px; width:100%;min-height:250px;}
.imagen{
	margin-top: 2%;
	margin-left: 2%;
	display: inline-block;
	text-align: center;
	width: 25%;
	float: left;
}

.texto{ 
	font-family: 'Open Sans';
	color: #465A68;
	display: inline-block; 
	width: 70%; 
	float:left;
	font-size: 14px;
}
#texto{
	font-family:'Open Sans';
	font-size:14px;
}


#descripcion_completa{
	width: 70%;
    position: fixed;
    left: 40%;
    margin: 0 0 0 -25%;
    z-index: 11;
    background: #FFF;
    padding: 20px 30px 20px 30px;
    font-family: 'Open Sans';
    font-size: 14px;
    color: #2B4C5F ;
    border:1px solid #2B4C5F;
	display: none;
    -webkit-text-stroke: 0.50px;
	
}

#descripcion_completa > texto{
	z-index:12;
}

#flechafwd{z-index:2; top: 40%; position:absolute; right:10px;}
#flechaatras{z-index: 2; top: 40%; position: absolute; left: 250px;}