/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 21-nov-2016, 11:13:33
    Author     : sonia
*/
  
    
    .testimonial * {
        /*border: 1px solid red;*/
    }
    
    
    /*STYLE 1- Img.Cuadrada rotado Info.abajo*/
    /*
    .container-testimonial {
        position: relative;        
    }
    .testimonial .testimonial-image {
        padding: 10px;
        position: relative;
    }
    .testimonial-image img{
        width: 60px;
        height: auto; 
        margin-left: 7px;
        margin-top: 7px;
    }    
    .testimonial .testimonial-image div {
        position: relative;        
        overflow: visible;
        width: 75px;
        height: 75px;
        background: white;
        border: none;
        box-shadow: 0 0 5px;
        padding: 7px;
        margin: 15px;
        transform: rotateZ(0deg);        
    }    
    .testimonial .testimonial-image div::before {
        position: absolute;
        content:"";
        background: Green;        
        display: block;
        width: 100%;
        height: 100%;
        z-index: -1;
        transform: rotateZ(-15deg);
        background: #E2E2E2;
        border: none;
        box-shadow: 0 0 5px;
        left: 0px;
        top: 0;
    }
    .testimonial .testimonial-image div::affter {
        position: absolute;
        content: "";
        font-size: 60px;
        top: 0;
        left: -11px;
        text-shadow: 5px 5px 5px rgba(0,0,0,0.3);    
    }    
    .testimonial .testimonial-info {
        padding: 10px;
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translate(-50%); 
        color: gray;        
    }
    .testimonial .testimonial-content{
        text-align: left;
    }    
    .testimonial .testimonial-content:before  {
        position: absolute;
        content: "“";
        font-size: 60px;        
        left: -20px;
        color: grey;
        text-shadow: 5px 5px 5px rgba(0,0,0,0.3);
    }
    .testimonial .testimonial-content:after {
        position: absolute;
        content: "“";
        font-size: 60px;
        top: 5px;
        right: -10px;        
        color: grey;
        transform: rotate(180deg) translateY(25px);
        text-shadow: -5px -5px 5px rgba(0,0,0,0.3);
    }
    .testimonial .testimonial-body {
        padding: 10px;
        position: absolute;
        top: 0px;       
        text-align: justify;
        margin-left: 150px;        
    }
    */
    
    
    
    
    
     
    /*STYLE 2- Img.Cuadrada rotado Info.abajo*/
    /*.container-testimonial {
        position: relative;        
    }
    .testimonial .testimonial-image {        
        position: relative;
        width: 120px;
        margin: auto;
    }    
    .testimonial-image img{
        width: 60px;
        height: auto; 
        margin-left: 7px;
        margin-top: 7px;
    }
    .testimonial .testimonial-image div {
        position: relative;        
        overflow: visible;
        width: 75px;
        height: 75px;
        background: white;
        border: none;
        box-shadow: 0 0 5px;
        padding: 7px;
        margin: 15px;
        transform: rotateZ(0deg);        
    }    
    .testimonial .testimonial-image div::before {
        position: absolute;
        content:"";
        background: Green;        
        display: block;
        width: 100%;
        height: 100%;
        z-index: -1;
        transform: rotateZ(-15deg);
        background: #E2E2E2;
        border: none;
        box-shadow: 0 0 5px;
        left: 0px;
        top: 0;
    }
    .testimonial .testimonial-image div::affter {
        position: absolute;
        content: "";
        font-size: 60px;
        top: 0;
        left: -11px;
        text-shadow: 5px 5px 5px rgba(0,0,0,0.3);    
    }
    
    .testimonial .testimonial-info {
        padding: 10px;
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translate(-50%);                
        color:gray;
    }    
    .testimonial .testimonial-content{
        text-align: left;        
    }    
    .testimonial .testimonial-content:before  {          
        position: absolute;
        content: "“";
        font-size: 60px;
        transform: translate(50%);               
        transform: rotate(180deg) translateY(25px);
        text-shadow: -5px -5px 5px rgba(0,0,0,0.3);
        color: red;        
        margin-left: 50%;
        margin-top: -10px;
    }    
    .testimonial .testimonial-body {
        padding: 10px;        
        top: 75;
        left: 150;
        text-align: justify;
    }
    */
    
    
    
    
    
    
    /*STYLE 3- Img.Redonda Info.Drecha*/
    /*
    .container-testimonial {
        position: relative;        
    }   
    .testimonial .testimonial-image {    
        width: 120px;        
    }     
    .testimonial-image img{
        width: 60px;
        height: auto; 
        margin-left: 7px;
        margin-top: 7px;
    }
    .testimonial .testimonial-image div {
        position: relative;        
        overflow: visible;
        width: 75px;
        height: 75px;
        background: white;
        border: none;
        box-shadow: 0 0 5px;
        padding: 7px;
        margin: 15px;
        transform: rotateZ(0deg);
        transform: rotateZ(0deg);
        border-radius: 50%;        
    }           
    .testimonial .testimonial-info {
        padding: 10px;
        color:gray;        
    }
    .testimonial .testimonial-content{
        text-align: left;     
        margin-top: -34px;
    }   
     .testimonial .testimonial-content:before  {
        position: absolute;
        margin-top: -34px;
        content: "“";
        font-size: 60px;
        top: 0;
        left: -20px;
        color: grey;
        text-shadow: 5px 5px 5px rgba(0,0,0,0.3);
    }
    .testimonial .testimonial-content:after {
        position: absolute;
        margin-top: -34px;
        content: "“";
        font-size: 60px;
        top: -3px;
        right: -10px;
        left: initial;
        color: grey;
        transform: rotate(180deg) translateY(25px);
        text-shadow: -5px -5px 5px rgba(0,0,0,0.3);
    }
    .testimonial .testimonial-body {       
        padding: 10px;
        position: absolute;
        top: 49px;       
        text-align: justify;
        margin-left: 150px;
    }  
    */ 
    
    
    
    
    
    
    /*STYLE 4- Img.Redonda Info.Abajo*/
    /*
    .container-testimonial {
        position: relative;        
    }   
    .testimonial-image {
        position: relative;
        padding: 10px;     
        width: 120px;
        margin: auto;      
    }    
    .testimonial-image img{
        width: 60px;
        height: auto; 
        margin-left: 7px;
        margin-top: 7px;
    }
    .testimonial-image div {
        position: relative;
        overflow: visible;
        width: 75px;
        height: 75px;
        background: white;
        border: none;
        box-shadow: 0 0 5px;
        padding: 7px;
        margin: 15px;        
        border-radius: 50%;      
    }           
    .testimonial-info {            
        position: absolute;
        bottom: -12px;
        left: 50%;
        transform: translate(-50%);
        color:gray;        
    }
    .testimonial-content{
        text-align: left;     
    }    
    .testimonial-content:before  {
        position: absolute;
        content: "“";
        font-size: 60px;                
        top: 155px;
        left: -3px;
        color: grey;
        text-shadow: 5px 5px 5px rgba(0,0,0,0.3);
    }
    .testimonial-content:after {
        position: absolute;
        content: "“";
        font-size: 60px;
        top: 152px;
        right: -8px;
        left: initial;
        color: grey;
        transform: rotate(180deg) translateY(25px);
        text-shadow: -5px -5px 5px rgba(0,0,0,0.3);
    }
    .testimonial-body {
        padding: 10px;             
        margin-left: 10px;
        text-align: justify;        
    }  
    */
    
    
    /*STYLE 5*/
    .container-testimonial {
        position: relative;        
    }   
    .testimonial .testimonial-image {    
        width: 120px;        
    }       
    .testimonial-image img{
        width: 60px;
        height: auto; 
        margin-left: 7px;
        margin-top: 7px;
    }
    .testimonial .testimonial-image div {
        position: relative;        
        overflow: visible;
        width: 75px;
        height: 75px;
        background: white;
        border: none;
        box-shadow: 0 0 5px;
        padding: 7px;
        margin: 15px;
        transform: rotateZ(0deg);
        transform: rotateZ(0deg);
        border-radius: 50%;        
    }           
    .testimonial .testimonial-info {
        position: absolute;
        padding: 10px;
        color:gray;   
        margin-left: 100px;
        top:-20px;
    }
    .testimonial .testimonial-content{
        text-align: left;             
    }   
     .testimonial .testimonial-content:before  {
        position: absolute;        
        content: "“";
        font-size: 60px;        
        left: -20px;
        color: grey;
        text-shadow: 5px 5px 5px rgba(0,0,0,0.3);
    }
    .testimonial .testimonial-content:after {
        position: absolute;        
        content: "“";
        font-size: 60px;
        top: 5px;
        right: -10px; 
        left: initial;
        color: grey;
        transform: rotate(180deg) translateY(25px);
        text-shadow: -5px -5px 5px rgba(0,0,0,0.3);
    }
    .testimonial .testimonial-body {       
        padding: 10px;
        position: absolute;
        top: 28px;       
        text-align: justify;
        margin-left: 150px;
    }
    
    
    
/*
 .testimonial.tpl1 {

 }
 .testimonial.tpl1 .testimonial-image {

 }
 */