*{
margin:0;
padding:0;
}

body{
}

/*=================================================================*/
.contenedor-opinion-total{
width:100%;
overflow:hidden;
background: url("opiniones/fnd.jpg") no-repeat center center fixed;
background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
}



.contenedor-opiniones{
width:60%;
float:left;
margin:0% 0%;
margin:0% 0% 5% 5%;
}

.texto{
width:80%;
box-sizing:border-box;
text-align:left;
float:left;
padding:20px 0px 20px 0px;
}
.texto article h3{
font-family:titulo;
font-weight: 400;
font-size:20px;
color:#222;
text-align:left;
line-height:38px;
}
.texto article h2{
font-family:titulo;
font-weight: 400;
font-size:12px;
color:#0000FF;
text-align:left;
line-height:20px;
}
.texto article{
font-family:Textos;
font-style: Narrow;
font-size:16px;
color:#222;
line-height:22px;
text-align:left;
padding:10px 30px 0px 30px;
}


.opinion1{
width:98%;
overflow:hidden;
text-align:left;
float:left;
background:#FFF;/*XXX*/
margin:1% 1% 1% 1%;
}
.imagen1{
width:20%;
box-sizing:border-box;
text-align:left;
float:left;
padding:10px 40px;
}
.imagen1 article{
padding:40px 0px;
}

.opinion2{
width:98%;
overflow:hidden;
text-align:left;
float:left;
background:#FFF;/*XXX*/
margin:1% 1% 1% 1%;
}
.imagen2{
width:20%;
box-sizing:border-box;
text-align:left;
float:left;
padding:10px 40px;
}
.imagen2 article{
padding:40px 0px;
}

.opinion3{
width:98%;
overflow:hidden;
text-align:left;
float:left;
background:#FFF;/*XXX*/
margin:1% 1% 1% 1%;
}
.imagen3{
width:20%;
box-sizing:border-box;
text-align:left;
float:left;
padding:10px 40px;
}
.imagen3 article{
padding:40px 0px;
}

.opinion4{
width:98%;
overflow:hidden;
text-align:left;
float:left;
background:#FFF;/*XXX*/
margin:1% 1% 1% 1%;
}
.imagen4{
width:20%;
box-sizing:border-box;
text-align:left;
float:left;
padding:10px 40px;
}
.imagen4 article{
padding:40px 0px;
}

.opinion5{
width:98%;
overflow:hidden;
text-align:left;
float:left;
background:#FFF;/*XXX*/
margin:1% 1% 1% 1%;
}
.imagen5{
width:20%;
box-sizing:border-box;
text-align:left;
float:left;
padding:10px 40px;
}
.imagen5 article{
padding:40px 0px;
}

.opinion6{
width:98%;
overflow:hidden;
text-align:left;
float:left;
background:#FFF;/*XXX*/
margin:1% 1% 1% 1%;
}
.imagen6{
width:20%;
box-sizing:border-box;
text-align:left;
float:left;
padding:10px 40px;
}
.imagen6 article{
padding:40px 0px;
}

.opinion7{
width:98%;
overflow:hidden;
text-align:left;
float:left;
background:#FFF;/*XXX*/
margin:1% 1% 1% 1%;
}
.imagen7{
width:20%;
box-sizing:border-box;
text-align:left;
float:left;
padding:10px 40px;
}
.imagen7 article{
padding:40px 0px;
}

.opinion8{
width:98%;
overflow:hidden;
text-align:left;
float:left;
background:#FFF;/*XXX*/
margin:1% 1% 1% 1%;
}
.imagen8{
width:20%;
box-sizing:border-box;
text-align:left;
float:left;
padding:10px 40px;
}
.imagen8 article{
padding:40px 0px;
}

.opinion9{
width:98%;
overflow:hidden;
text-align:left;
float:left;
background:#FFF;/*XXX*/
margin:1% 1% 1% 1%;
}
.imagen9{
width:20%;
box-sizing:border-box;
text-align:left;
float:left;
padding:10px 40px;
}
.imagen9 article{
padding:40px 0px;
}

.opinion10{
width:98%;
overflow:hidden;
text-align:left;
float:left;
background:#FFF;/*XXX*/
margin:1% 1% 1% 1%;
}
.imagen10{
width:20%;
box-sizing:border-box;
text-align:left;
float:left;
padding:10px 40px;
}
.imagen10 article{
padding:40px 0px;
}

.opinion11{
width:98%;
overflow:hidden;
text-align:left;
float:left;
background:#FFF;/*XXX*/
margin:1% 1% 1% 1%;
}
.imagen11{
width:20%;
box-sizing:border-box;
text-align:left;
float:left;
padding:10px 40px;
}
.imagen11 article{
padding:40px 0px;
}

.opinion12{
width:98%;
overflow:hidden;
text-align:left;
float:left;
background:#FFF;/*XXX*/
margin:1% 1% 1% 1%;
}
.imagen12{
width:20%;
box-sizing:border-box;
text-align:left;
float:left;
padding:10px 40px;
}
.imagen12 article{
padding:40px 0px;
}

.opinion13{
width:98%;
overflow:hidden;
text-align:left;
float:left;
background:#FFF;/*XXX*/
margin:1% 1% 1% 1%;
}
.imagen13{
width:20%;
box-sizing:border-box;
text-align:left;
float:left;
padding:10px 40px;
}
.imagen13 article{
padding:40px 0px;
}




.opinion14{
width:98%;
overflow:hidden;
text-align:left;
float:left;
background:#FFF;/*XXX*/
margin:1% 1% 1% 1%;
}
.imagen14{
width:20%;
box-sizing:border-box;
text-align:left;
float:left;
padding:10px 40px;
}
.imagen14 article{
padding:40px 0px;
}


.opinion15{
width:98%;
overflow:hidden;
text-align:left;
float:left;
background:#FFF;/*XXX*/
margin:1% 1% 1% 1%;
}
.imagen15{
width:20%;
box-sizing:border-box;
text-align:left;
float:left;
padding:10px 40px;
}
.imagen15 article{
padding:40px 0px;
}


.opinion16{
width:98%;
overflow:hidden;
text-align:left;
float:left;
background:#FFF;/*XXX*/
margin:1% 1% 1% 1%;
}
.imagen16{
width:20%;
box-sizing:border-box;
text-align:left;
float:left;
padding:10px 40px;
}
.imagen16 article{
padding:40px 0px;
}


.opinion17{
width:98%;
overflow:hidden;
text-align:left;
float:left;
background:#FFF;/*XXX*/
margin:1% 1% 1% 1%;
}
.imagen17{
width:20%;
box-sizing:border-box;
text-align:left;
float:left;
padding:10px 40px;
}
.imagen17 article{
padding:40px 0px;
}


.opinion18{
width:98%;
overflow:hidden;
text-align:left;
float:left;
background:#FFF;/*XXX*/
margin:1% 1% 1% 1%;
}
.imagen18{
width:20%;
box-sizing:border-box;
text-align:left;
float:left;
padding:10px 40px;
}
.imagen18 article{
padding:40px 0px;
}


.opinion19{
width:98%;
overflow:hidden;
text-align:left;
float:left;
background:#FFF;/*XXX*/
margin:1% 1% 1% 1%;
}
.imagen19{
width:20%;
box-sizing:border-box;
text-align:left;
float:left;
padding:10px 40px;
}
.imagen19 article{
padding:40px 0px;
}


.opinion20{
width:98%;
overflow:hidden;
text-align:left;
float:left;
background:#FFF;/*XXX*/
margin:1% 1% 1% 1%;
}
.imagen20{
width:20%;
box-sizing:border-box;
text-align:left;
float:left;
padding:10px 40px;
}
.imagen20 article{
padding:40px 0px;
}


.contenedor-comentarios{
width:35%;
float:right;
}
.comentarios{
width:60%;
float:left;
margin:10% 20%;
}


@media screen and (max-width:750px){
.contenedor-opiniones{
width:100%;
margin:0% 0%;
}


.texto{
width:100%;
padding:0px 0px;
}
.texto article h3{
padding:0px 10px;
text-align:center;
}
.texto article h2{
padding:5px 10px;
text-align:center;
}
.texto article{
padding:0px 20px 50px 20px;
text-align:center;
}


.opinion1{
width:100%;
margin:2% 0% 0% 0%;
}
.imagen1{
width:100%;
text-align:center;
padding:20px 0px 0px 0px;
}
.imagen1 article{
padding:5px 0px;
}

.opinion2{
width:100%;
margin:2% 0% 0% 0%;
}
.imagen2{
width:100%;
text-align:center;
padding:20px 0px 0px 0px;
}
.imagen2 article{
padding:5px 0px;
}

.opinion3{
width:100%;
margin:2% 0% 0% 0%;
}
.imagen3{
width:100%;
text-align:center;
padding:20px 0px 0px 0px;
}
.imagen3 article{
padding:5px 0px;
}

.opinion4{
width:100%;
margin:2% 0% 0% 0%;
}
.imagen4{
width:100%;
text-align:center;
padding:20px 0px 0px 0px;
}
.imagen4 article{
padding:5px 0px;
}

.opinion5{
width:100%;
margin:2% 0% 0% 0%;
}
.imagen5{
width:100%;
text-align:center;
padding:20px 0px 0px 0px;
}
.imagen5 article{
padding:5px 0px;
}

.opinion6{
width:100%;
margin:2% 0% 0% 0%;
}
.imagen6{
width:100%;
text-align:center;
padding:20px 0px 0px 0px;
}
.imagen6 article{
padding:5px 0px;
}

.opinion7{
width:100%;
margin:2% 0% 0% 0%;
}
.imagen7{
width:100%;
text-align:center;
padding:20px 0px 0px 0px;
}
.imagen7 article{
padding:5px 0px;
}

.opinion8{
width:100%;
margin:2% 0% 0% 0%;
}
.imagen8{
width:100%;
text-align:center;
padding:20px 0px 0px 0px;
}
.imagen8 article{
padding:5px 0px;
}

.opinion9{
width:100%;
margin:2% 0% 0% 0%;
}
.imagen9{
width:100%;
text-align:center;
padding:20px 0px 0px 0px;
}
.imagen9 article{
padding:5px 0px;
}

.opinion10{
width:100%;
margin:2% 0% 0% 0%;
}
.imagen10{
width:100%;
text-align:center;
padding:20px 0px 0px 0px;
}
.imagen10 article{
padding:5px 0px;
}

.opinion11{
width:100%;
margin:2% 0% 0% 0%;
}
.imagen11{
width:100%;
text-align:center;
padding:20px 0px 0px 0px;
}
.imagen11 article{
padding:5px 0px;
}

.opinion12{
width:100%;
margin:2% 0% 0% 0%;
}
.imagen12{
width:100%;
text-align:center;
padding:20px 0px 0px 0px;
}
.imagen12 article{
padding:5px 0px;
}

.opinion13{
width:100%;
margin:2% 0% 0% 0%;
}
.imagen13{
width:100%;
text-align:center;
padding:20px 0px 0px 0px;
}
.imagen13 article{
padding:5px 0px;
}

.opinion14{
width:100%;
margin:2% 0% 0% 0%;
}
.imagen14{
width:100%;
text-align:center;
padding:20px 0px 0px 0px;
}
.imagen14 article{
padding:5px 0px;
}

.opinion15{
width:100%;
margin:2% 0% 0% 0%;
}
.imagen15{
width:100%;
text-align:center;
padding:20px 0px 0px 0px;
}
.imagen15 article{
padding:5px 0px;
}

.opinion16{
width:100%;
margin:2% 0% 0% 0%;
}
.imagen16{
width:100%;
text-align:center;
padding:20px 0px 0px 0px;
}
.imagen16 article{
padding:5px 0px;
}

.opinion17{
width:100%;
margin:2% 0% 0% 0%;
}
.imagen17{
width:100%;
text-align:center;
padding:20px 0px 0px 0px;
}
.imagen17 article{
padding:5px 0px;
}

.opinion18{
width:100%;
margin:2% 0% 0% 0%;
}
.imagen18{
width:100%;
text-align:center;
padding:20px 0px 0px 0px;
}
.imagen18 article{
padding:5px 0px;
}

.opinion19{
width:100%;
margin:2% 0% 0% 0%;
}
.imagen19{
width:100%;
text-align:center;
padding:20px 0px 0px 0px;
}
.imagen19 article{
padding:5px 0px;
}


.opinion20{
width:100%;
margin:2% 0% 0% 0%;
}
.imagen20{
width:100%;
text-align:center;
padding:20px 0px 0px 0px;
}
.imagen20 article{
padding:5px 0px;
}


.contenedor-comentarios{
width:100%;
float:right;
}


}