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;background:#ebebeb;}
.contenedor01 {height:306px; width:374px; float:left;}
.contenedor02 {height:306px; width:586px; float:left;}
.autor01 {height:300px; width:292px;float:left;background:#294261; border-right: 1px solid #6f8cae;}
.autor02 {height:300px; width:292px;float:left;background-color: #294261;}
a, a:hover, a:visited {text-decoration:none;}
.contenedor {width:100%;max-width:960px;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 40px;}
.logo-mobile {display:none;}
.ilustracion {margin-top: 13x;float: left; margin-left:30px;}
.comentarios {display:block;font:normal 18px/22px Georgia, serif;color:#EDF5FF;letter-spacing:-0.4px;text-align:center;margin-top:10px; margin-bottom:7px;text-decoration:none;height:70px;padding:0 11px;overflow:hidden;}
.nombre {display:block;font:normal 13px/18px Georgia, serif;font-weight: bold;text-transform: uppercase;letter-spacing:-0.1px; text-align:center;color:#b1cae6;overflow:hidden; padding-left:10px; padding-right:10px;}
.border-nombre{border-top: 1px solid #6A7A8C; height: 5px; width: 230px; margin-left: 23px; padding-top:3px;}
.firma {display:block;font:normal 13px/15px Georgia, serif;color:#fff;text-align:center;color:#b1cae6;padding-top:2px;height:46px;overflow:hidden;}
.firma span {font-weight:bold;}
.autor03 .firma { margin: 57px 0 0 22px;}
.autor03 .firma span {font-weight:bold;}
.fotoautor {width:292px; height:156px; border-right: 1px solid #fff;}
.autor02 .fotoautor {border:none;}
.auspicios {float:left;width:374px;margin-top:9px;padding-left:40px;}
.auspicia {font:normal 10px/18px Arial, serif;color:#fff;display: block;}
.auspicios a {display:inline-block;}
.auspicios img {margin-right:15px}
.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;}
.contenedor {width:auto;height:auto;}
.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;}
.contenedor02 {width:100%;height:auto;margin:0;}
.auspicios {height: 45px;position:absolute;width:auto;margin-left:310px;margin-top:-45px;width:408px;}
.auspicia {width: auto; margin-top: 0;}
.fotoautor {margin-top:0;}
.auspicios img {margin-left:15px}
}

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

}


/* -------- Mobile--------- */
@media only screen and (max-width:700px) {
.comentarios {display:none;}
.contenedor {width:auto;height:auto;height:242px;}
.autor01, .autor02, .autor03 {height:72px;width:100%; background-color: #294261; border-bottom:1px solid #6f8cae;}
.autor01{border-top:1px solid #6f8cae;}
.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;border:none;}
.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;}
.auspicios {float:none;width:auto;margin-top:0;padding-left:5px; margin-left:0px; position:relative;padding-bottom: 10px;}
.auspicia {margin: 12px 0px -6px 5px;} 
.auspicios img {float: left;margin: 3px 17px 10px 3px;}
.logo-mobile {height:28px;}
}