@charset "utf-8";
/* CSS Document */

body { margin: 0px 0px }
#cont-enfrentados {
	width:100%;
	max-width: 709px;
	font-family: Arial, Helvetica, sans-serif;
	position: relative;
}
	
#cont-enfrentados > h3 {
font-size: 32px;
color: #fff;
font-weight: bold;
text-align: center;
padding: 12px 2%;
width:96%;
margin:0px;
background-color: #414141;
}

#enfrentado_izq {
	width:50%;
	position: absolute;
	left:0px;
	top: 150px;
	height:1000px;
	background-image: url(http://www.emol.com/especiales/fotos/2016/actualidad/nacional/enfrentados/pascual.png);
	background-repeat:no-repeat;
	background-position:left;

}

#enfrentado_der {
	width:50%;
	position: absolute;
	right:0px;
	top:150px;
	height:1000px;
	background-image: url(http://www.emol.com/especiales/fotos/2016/actualidad/nacional/enfrentados/soto.png);
	background-repeat:no-repeat;
	background-position:right;

}

#cont-textos{
width:100%;
position:static;
z-index:0;
}

#cont-textos ul{
list-style:none;
padding:0px;
margin:0px;
font-size:14px;
z-index: 10;
background-image:url(http://www.emol.com/especiales/fotos/2016/actualidad/nacional/enfrentados/bk-2.jpg);
background-repeat:no-repeat;
background-position:top;
padding-top:20px;
padding-bottom:40px;
}

#cont-textos li {
     width: 60%;
    height: auto;
    padding: 20px;
    background-color: #58a6bf;
    margin-left: auto;
    margin-right: auto;
    color: #ffffff;
    position: relative;
    z-index: 2;
	border: solid 5px;
    box-sizing: border-box;
	-webkit-box-shadow: 7px 7px 5px -1px rgba(0,0,0,0.19);
-moz-box-shadow: 7px 7px 5px -1px rgba(0,0,0,0.19);
box-shadow: 7px 7px 5px -1px rgba(0,0,0,0.19);

	

}

#cont-textos li::before {

	content: "“";
    left: 7px;
    top: 55px;
    font-size: 120px;
    line-height: 0px;
    font-style: normal;
    position: absolute;
    color: #4b8fa5;
    z-index: -1;
	
	

}

#cont-textos li::after{

	    content: '”';
    position: absolute;
    right: 5px;
    bottom: -5px;
    line-height: 0px;
    font-size: 120px;
    z-index: -1;
    font-style: normal;
    color: #4B8FA5;
	
	

	

}


#cont-textos li:first-child {
	    border-color: #7FCAE2;
	    padding-bottom:30px;

}


#cont-textos li:first-child::after {

content: '”';
    position: absolute;
    right: 5px;
    bottom: 68px;
    line-height: 0px;
    font-size: 120px;
    z-index: -1;
    font-style: normal;
    color: #4B8FA5;

}



#cont-textos li:nth-child(2) {
    margin-top: 3px;
	    border-color: #7FCAE2;

}

#cont-textos li:nth-child(3) {
    margin-top: 3px;
    border-color: #7FCAE2;

}


#cont-textos li:nth-child(4) {
background-color: #ee9698;
    color: #000000;
	border-color: #F7BBBC;
	margin-top:20px;

padding-bottom:30px;

}

#cont-textos li:nth-child(4)::after {

content: '”';
    position: absolute;
    right: 5px;
    bottom: 68px;
    line-height: 0px;
    font-size: 120px;
    z-index: -1;
    font-style: normal;
    color: #4B8FA5;

}
#cont-textos li:nth-child(5) {
	background-color:#ee9698;
	color: #000000;
	    margin-top: 3px;
		border-color: #F7BBBC;


}
#cont-textos li:nth-child(6) {
	background-color:#ee9698;
	color: #000000;
	    margin-top: 3px;
		border-color: #F7BBBC;


}
#cont-textos li:nth-child(7) {
	background-color:#ee9698;
	color: #000000;
	    margin-top: 3px;
		border-color: #F7BBBC;


}
#cont-textos li:nth-child(n+4)::before {

	content: "“";
    left: 7px;
    top: 55px;
    font-size: 120px;
    line-height: 0px;
    font-style: normal;
    position: absolute;
    color: #E27C7F;
    z-index: -1;
	
	

}

#cont-textos li:nth-child(n+4)::after{

	    content: '”';
    position: absolute;
    line-height: 0px;
    font-size: 120px;
    z-index: -1;
    font-style: normal;
    color: #E27C7F;
	

	

}
.autor {
font-size: 12px;
margin-top:15px;

}

.autor img {
width: 78px;
float:left;
margin-right:10px;
}

@media only screen and (max-width: 580px) {

#cont-textos li {
    width: 95%;

}

}