/* TIPOGRAFIAS EL UNIVERSAL */
@font-face{font-family:'Duplicate Ionic Bold';src:url(http://image.eluniversal.com.mx/sites/all/themes/universal/fonts/Duplicate_Ionic-Bold.eot);src:url(http://image.eluniversal.com.mx/sites/all/themes/universal/fonts/Duplicate_Ionic-Bold.eot?#iefix) format("embedded-opentype"),url(http://image.eluniversal.com.mx/sites/all/themes/universal/fonts/Duplicate_Ionic-Bold.woff) format("woff"),url(http://image.eluniversal.com.mx/sites/all/themes/universal/fonts/Duplicate_Ionic-Bold.ttf) format("truetype"),url(http://image.eluniversal.com.mx/sites/all/themes/universal/fonts/Duplicate_Ionic-Bold.svg#2f2dd07edf641fe81a972ffad3775e00) format("svg");font-style:normal;font-weight:700;}

@font-face{font-family:'Duplicate Ionic Light';src:url(http://image.eluniversal.com.mx/sites/all/themes/universal/fonts/Duplicate_Ionic-Light.eot);src:url(http://image.eluniversal.com.mx/sites/all/themes/universal/fonts/Duplicate_Ionic-Light.eot?#iefix) format("embedded-opentype"),url(http://image.eluniversal.com.mx/sites/all/themes/universal/fonts/Duplicate_Ionic-Light.woff) format("woff"),url(http://image.eluniversal.com.mx/sites/all/themes/universal/fonts/Duplicate_Ionic-Light.ttf) format("truetype"),url(http://image.eluniversal.com.mx/sites/all/themes/universal/fonts/Duplicate_Ionic-Light.svg#40247639dee0e1eebb466637490af6c6) format("svg");font-style:normal;font-weight:200;}

@font-face{font-family:'Giorgio Sans Bold';src:url(http://image.eluniversal.com.mx/sites/all/themes/universal/fonts/Giorgio_Sans-Bold.eot);src:url(http://image.eluniversal.com.mx/sites/all/themes/universal/fonts/Giorgio_Sans-Bold.eot?#iefix) format("embedded-opentype"),url(http://image.eluniversal.com.mx/sites/all/themes/universal/fonts/Giorgio_Sans-Bold.woff) format("woff"),url(http://image.eluniversal.com.mx/sites/all/themes/universal/fonts/Giorgio_Sans-Bold.ttf) format("truetype"),url(http://image.eluniversal.com.mx/sites/all/themes/universal/fonts/Giorgio_Sans-Bold.svg#90a70236d78783be14799ac514d05fce) format("svg");font-style:normal;font-weight:700;}

@font-face{font-family:'Giorgio Sans Light';src:url(http://image.eluniversal.com.mx/sites/all/themes/universal/fonts/ Sans-Light.eot);src:url(http://image.eluniversal.com.mx/sites/all/themes/universal/fonts/Giorgio_Sans-Light.eot?#iefix) format("embedded-opentype"),url(http://image.eluniversal.com.mx/sites/all/themes/universal/fonts/Giorgio_Sans-Light.woff) format("woff"),url(http://image.eluniversal.com.mx/sites/all/themes/universal/fonts/Giorgio_Sans-Light.ttf) format("truetype"),url(http://image.eluniversal.com.mx/sites/all/themes/universal/fonts/Giorgio_Sans-Light.svg#937be5146f9990502f47574338fb3ee3) format("svg");font-style:normal;font-weight:200;}

body { width:100%; height: 100%; font: 16px/21px 'Roboto', sans-serif;line-height: 22px;color:#333333; padding-top: 70px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */}

html {width: 100%;height: 100%;}


@import url(http://fonts.googleapis.com/css?family=Roboto:300,400,500,700);
body {
	font-family: 'Roboto', 'Helvetica Neue', 'Segoe UI', Helvetica, Arial, sans-serif;
	font-size: 14px;
	overflow-x: hidden;
	color: #333333;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* Typography */

p {
	font-size: 16px;
	line-height: 1.3;
	color: #333;
}
.social-header{float:right; margin-right:20px; display:inline; list-style:none; display: inline-block; position:absolute; top:88px; right:-44px;
}
.social-header li a{display: inline; float:left; color:rgba(204,204,204,1.00);
	list-style:none; }
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "Duplicate Ionic";
	position: relative;
	margin: 10px 0;
}

h1 {
	font-size: 60px;
}

h2 {
	font-size: 48px;
}

h3 {
	font-size: 30px;
	line-height: 31px;
}

h4 {
	font-size: 24px;
}

h5 {
	font-size: 18px;
}

h6 {
	font-size: 16px;
}

section{margin: 0;
		padding: 0;
}


.portfolio-item {
    margin-bottom: 25px;
}

/* Footer */

footer {
	padding: 140px 0 40px;
	-webkit-background-size: cover;
	background-size: cover;
}

footer .trial-button {
	overflow: hidden !important;
	margin: 40px 0;
}

footer .open-blink {
	content: ' ';
	position: relative;
	display: inline-block;
	width: 14px;
	height: 14px;
	margin: 0 20px;
	border-radius: 50%;
	background-color: #4caf50;
	-webkit-animation-name: flash;
	animation-name: flash;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

footer .open-blink:before {
	content: ' ';
	position: absolute;
	top: -8px;
	left: -8px;
	display: inline-block;
	width: 30px;
	height: 30px;
	opacity: 0.1;
	border-radius: 50%;
	background-color: #4caf50;
}

footer .opening-hours {
	margin-top: 60px;
}

footer .bottom-footer {
	margin-top: 150px;
}

footer .social-footer {
	padding: 0;
	list-style: none;
}

footer .social-footer li {
	display: inline-block;
	margin: 0 10px;
}

footer .social-footer li a {
	font-size: 24px;
	color: #fff;
}

footer .social-footer li:hover a {
	color: #00a8ff;
}

.griso{
   height: 1px;
   border: 0;
   background-color: #9F9F9F;
}

.dafoot{background-image: url(../img/footer-entrevistas.png)}

.light {
	font-weight: 500;
	color:#FFFFFF;
	padding:0 15px;
}

.regular {
	font-weight: 400;
}

.bold {
	font-weight: bold;
}
/* Colors */

.white {
	color: white;
}

.light-white {
	color: rgba(255, 255, 255, 0.8);
}

.white-bg {
	background: white;
}

.gray-bg {
	background: #f7f7f7;
}

.blue {
	color: #00a8ff;
}

.blue-bg {
	background: #005383;
}

@media (min-width:992px) and (max-width:1199px){
	blockquote em{font-size: 90%;}
	.gde1{display: none;}
	}
@media (min-width:992px){
	.smally{display: none;}
	.tiny{display: none;}
	.peque{display: none;}
}
@media (min-width:1200px){
	.mda{display: none;}
}

@media (min-width:768px) and (max-width:991px){
	.big{display: none;}
	.tiny{display: none;}
	.mda{display: none;}
}

@media (min-width:300px) and (max-width:767px){
	.big{display: none;}
	.smally{display: none;}
	.mda{display: none;}
}

@media (max-width:299px){
	.big{display: none;}
	.smally{display: none;}
	.mda{display: none;}
}