html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
header, nav, article, aside, footer, section, origen, tablero, mapa, video, object, embed, slide, figure, figcaption {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}

header, nav, article, aside, footer, div, section, origen, tablero, mapa, video, object, embed, slide, figure, figcaption {
	display:block;
}

body div table object {margin:auto;}

body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup  in the markupin the markupin the markup in the markupin the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* floatFix */
*+html .floatFix, *+html ul {display:inline-block;}
*+html .floatFix, *+html ul {display:block;}
* html .floatFix, * html ul {height:1%}
.floatFix:after, ul:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}

/* fonts face */

@font-face {
	font-family: "TheSans";
	src: url(/_ui/desktop/fonts/TheSans_TT7_.eot);
	src: local("TheSans_TT7_"),
		   url(/_ui/desktop/fonts/TheSans_TT7_.woff) format("woff"),
		   url(/_ui/desktop/fonts/TheSans_TT7_.svg#TheSans_TT7_) format("svg");
	font-style: normal;
	font-weight: normal;
}

@font-face {
	font-family: "TheSansItalic";
	src: url(/_ui/desktop/fonts/TheSans_TT7i.eot);
	src: local("TheSans_TT7i_"),
		   url(/_ui/desktop/fonts/TheSans_TT7i.woff) format("woff"),
		   url(/_ui/desktop/fonts/TheSans_TT7i.svg#TheSans_TT7i) format("svg");
	font-style: normal;
	font-weight: normal;
}

@font-face {
	font-family: "TheSansSemi";
	src: url(/_ui/desktop/fonts/TheSans_TT6_.eot);
	src: local("TheSans_TT6_"),
		   url(/_ui/desktop/fonts/TheSans_TT6_.woff) format("woff"),
		   url(/_ui/desktop/fonts/TheSans_TT6_.svg#TheSans_TT6_) format("svg");
	font-style: normal;
	font-weight: normal;
}


@font-face {
    font-family: 'ArvoRegular';
    src: url('/_ui/desktop/fonts/Arvo-Regular-webfont.eot');
    src: url('/_ui/desktop/fonts/Arvo-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/_ui/desktop/fonts/Arvo-Regular-webfont.woff') format('woff'),
         url('/_ui/desktop/fonts/Arvo-Regular-webfont.ttf') format('truetype'),
         url('/_ui/desktop/fonts/Arvo-Regular-webfont.svg#ArvoRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ArvoRegularBold';
    src: url('/_ui/desktop/fonts/Arvo-Bold-webfont.eot');
    src: url('/_ui/desktop/fonts/Arvo-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/_ui/desktop/fonts/Arvo-Bold-webfont.woff') format('woff'),
         url('/_ui/desktop/fonts/Arvo-Bold-webfont.ttf') format('truetype'),
         url('/_ui/desktop/fonts/Arvo-Bold-webfont.svg#ArvoRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TeXGyreAdventorBold';
    src: url('/_ui/desktop/fonts/texgyreadventor-bold-webfont.eot');
    src: url('/_ui/desktop/fonts/texgyreadventor-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/_ui/desktop/fonts/texgyreadventor-bold-webfont.woff') format('woff'),
         url('/_ui/desktop/fonts/texgyreadventor-bold-webfont.ttf') format('truetype'),
         url('/_ui/desktop/fonts/texgyreadventor-bold-webfont.svg#TeXGyreAdventorBold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'pragmata';
    src: url('/_ui/desktop/fonts/pragmata_medium-webfont.eot');
    src: url('/_ui/desktop/fonts/pragmata_medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('/_ui/desktop/fonts/pragmata_medium-webfont.woff') format('woff'),
         url('/_ui/desktop/fonts/pragmata_medium-webfont.ttf') format('truetype'),
         url('/_ui/desktop/fonts/pragmata_medium-webfont.svg#pragmatamedium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SuecaBold';
    src: url('/_ui/desktop/fonts/SuecaSlab-Bold-webfont.eot');
    src: url('/_ui/desktop/fonts/SuecaSlab-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/_ui/desktop/fonts/SuecaSlab-Bold-webfont.woff') format('woff'),
         url('/_ui/desktop/fonts/SuecaSlab-Bold-webfont.ttf') format('truetype'),
         url('/_ui/desktop/fonts/SuecaSlab-Bold-webfont.svg#pragmatamedium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SuecaEBold';
    src: url('/_ui/desktop/fonts/SuecaSlab-Extrabold-webfont.eot');
    src: url('/_ui/desktop/fonts/SuecaSlab-Extrabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/_ui/desktop/fonts/SuecaSlab-Extrabold-webfont.woff') format('woff'),
         url('/_ui/desktop/fonts/SuecaSlab-Extrabold-webfont.ttf') format('truetype'),
         url('/_ui/desktop/fonts/SuecaSlab-Extrabold-webfont.svg#pragmatamedium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SuecaHBold';
    src: url('/_ui/desktop/fonts/SuecaSlab-Heavy-webfont.eot');
    src: url('/_ui/desktop/fonts/SuecaSlab-Heavy-webfont.eot?#iefix') format('embedded-opentype'),
         url('/_ui/desktop/fonts/SuecaSlab-Heavy-webfont.woff') format('woff'),
         url('/_ui/desktop/fonts/SuecaSlab-Heavy-webfont.ttf') format('truetype'),
         url('/_ui/desktop/fonts/SuecaSlab-Heavy-webfont.svg#pragmatamedium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SuecaMBold';
    src: url('/_ui/desktop/fonts/SuecaSlab-Medium-webfont.eot');
    src: url('/_ui/desktop/fonts/SuecaSlab-Medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('/_ui/desktop/fonts/SuecaSlab-Medium-webfont.woff') format('woff'),
         url('/_ui/desktop/fonts/SuecaSlab-Medium-webfont.ttf') format('truetype'),
         url('/_ui/desktop/fonts/SuecaSlab-Medium-webfont.svg#pragmatamedium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SuecaELight';
    src: url('/_ui/desktop/fonts/SuecaSlab-Extralight-webfont.eot');
    src: url('/_ui/desktop/fonts/SuecaSlab-Extralight-webfont.eot?#iefix') format('embedded-opentype'),
         url('/_ui/desktop/fonts/SuecaSlab-Extralight-webfont.woff') format('woff'),
         url('/_ui/desktop/fonts/SuecaSlab-Extralight-webfont.ttf') format('truetype'),
         url('/_ui/desktop/fonts/SuecaSlab-Extralight-webfont.svg#pragmatamedium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SuecaRegular';
    src: url('/_ui/desktop/fonts/SuecaSlab-Regular-webfont.eot');
    src: url('/_ui/desktop/fonts/SuecaSlab-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/_ui/desktop/fonts/SuecaSlab-Regular-webfont.woff') format('woff'),
         url('/_ui/desktop/fonts/SuecaSlab-Regular-webfont.ttf') format('truetype'),
         url('/_ui/desktop/fontsSuecaSlab-Regular-webfont.svg#pragmatamedium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SuecaSemibold';
    src: url('/_ui/desktop/fonts/suecaslab-semibold-webfont.eot');
    src: url('/_ui/desktop/fonts/suecaslab-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/_ui/desktop/fonts/suecaslab-semibold-webfont.woff') format('woff'),
         url('/_ui/desktop/fonts/suecaslab-semibold-webfont.ttf') format('truetype'),
         url('/_ui/desktop/fonts/suecaslab-semibold-webfont.svg#pragmatamedium') format('svg');
    font-weight: normal;
    font-style: normal;
}
body {margin:0;}
.contenedor01 {height:306px; width:262px; float:left;}
.contenedor02 {height:306px; width:666px; float:left; margin-left:16px;}
.autor01 {height:300px; width:221px; float:left;background: #294261; border-right: 1px solid #6f8cae;}
.autor02 {height:300px; width:221px; float:left; background: #294261; border-right: 1px solid #6f8cae;}
.autor03 {height:300px; width:221px; float:left;background: #294261;}
a, a:hover, a:visited {text-decoration:none;}
div.contenedor {width:100%;max-width:944px;height:300px;font-family:Arial, Helvetica, sans-serif; position:relative; overflow: hidden;background-color:#223853;}
.logo {float:left;width:232px;height:47px;margin-bottom:25px;display:block;margin: 19px 0 34px 21px;}
.ilustracion {float: left; margin-left: 30px; width: 191px; margin-top: 39px;}
.comentarios {display:block;font:normal 18px/24px Georgia, serif;color:#fff;letter-spacing:-0.4px; text-align:center; margin-top:10px; text-decoration:none;height:100px;overflow:hidden;padding:0 6px;}
.firma {display:block;font:normal 15px/15px Georgia, serif;color:#fff;text-align:center;color:#b1cae6;height:46px;overflow:hidden;}
.nombre {display:block;font:normal 14px/18px Georgia, serif;font-weight: bold;text-transform: uppercase;letter-spacing:-0.1px; text-align:center;color:#b1cae6;padding-top:2px;overflow:hidden;}
.border-nombre{border-top: 1px solid #6A7A8C; height: 5px; width: 180px; margin-left: 24px;}
.firma span {font-weight:bold;}
.fotoautor {width:223px;height:120px;}
.auspicios {float: left;height: 45px;width: 243px;}
.auspicia {font: normal 11px/26px Arial, sans-serif;color: #fff;display: inline-block;margin-left: 22px;margin-top: 18px; float:left;}
.auspicios img {float: left;margin: 8px 4px 10px 8px;}
.logo-mobile {display:none;}
.img-play {display:block;top:-30px;left:10px;height:20px;width:39px; position:relative; background:url('/_ui/desktop/imgs/conversaciones/button-play-big.png') no-repeat transparent; margin-bottom:-20px;}

/* -------- media queries --------- */

/* -------- Tablet y Mobile--------- */
@media only screen and (max-width:943px) {
.logo {display:none;}
div.contenedor {width:auto;height:auto;}
div.contenedor01 {width:auto;height:auto;}
.logo-mobile {display:block;height:47px;width:auto;margin-left:4px;}
.auspicios {float:none;width:auto;width:531px;margin-top:0;padding-left:5px;}
.ilustracion {display:none;}
.auspicia {width:auto;margin-top: 0;}
div.contenedor02 {width:100%;height:auto; margin:0;}
.auspicios {height: 45px;width: auto;margin-top:0;width:400px;}
.auspicia {margin-top:0;}
.fotoautor {margin-top:0;}
}

/* -------- Tablet --------- */
@media only screen and (min-width:701px) and (max-width:942px)
{
div.contenedor02 {margin:auto;float:none;clear:both;width:667px;}
.auspicia {float:left; margin:18px 0px 0px 3px;}
}


/* -------- Mobile--------- */
@media only screen and (max-width:700px) {
.comentarios {display:none;}
div.contenedor {width:auto;height:auto;}
.autor01, .autor02, .autor03 {height:72px;width:100%; background-color: #294261; border-bottom:1px solid #6f8cae;}
.floatFix personaje01{ height:10px; width:10px;}
.firma {font:normal 14px/20px Georgia, serif;padding:8px 4px 3px 4px;}
.nombre{margin-top:10px; color:#fff;}
.border-nombre{display:none;}
.fotoautor {width:133px;height:72px;float:left;}
.img-play {display:block;top:43px;left:6px;height:20px;width:35px; position:relative; background:url('/_ui/desktop/imgs/conversaciones/button-play-small.png') no-repeat transparent; margin-bottom:-20px;}
.auspicia {margin:13px 0px 0px 3px;}
.auspicios img {float: left;margin: 3px 17px 10px 3px;}
}