﻿@font-face { font-family: 'MyriadWebPro'; src: url('fuentes/MyriadPro-Regular.eot'); /* IE9 Compat Modes */ src: url('fuentes/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fuentes/MyriadPro-Regular.woff') format('woff'), /* Pretty Modern Browsers */ url('fuentes/MyriadPro-Regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('fuentes/MyriadPro-Regular.svg#svgFontName') format('svg'); /* Legacy iOS */ }

/* General */
body { background-color: #FFFFFF; font-family: MyriadWebPro, Verdana, HelveticaNeueLTStd !important; }
.divEnvoltura { min-height: 100%; height: 100% !important; margin: 0px auto -20px; }

/* Encabezado MasterPage */

.divHeader { position: fixed; top: 0px; width: 100%; min-width: 400px; height: 100px; background-color: #FFFFFF; border-bottom: #FFFFFF solid 3px; z-index: 995; }
.divHeaderImgDer { position: fixed; background: url('img/mp/banner_head_der.jpg') no-repeat right; width: 775px; height: 97px; right: 0px; z-index: 996; }
.divHeaderImgIzq { position: fixed; background: url('img/mp/banner_head_izq.png') no-repeat; width: 268px; height: 100px; z-index: 997; }
.divHeaderTitulo { transition: opacity 0.5s, top 0.5s, right 0.5s, margin 0.5s; -webkit-transition: opacity 0.5s, top 0.5s, right 0.5s, margin 0.5s; -moz-transition: opacity 0.5s, top 0.5s, right 0.5s, margin 0.5s; -o-transition: opacity 0.5s, top 0.5s, right 0.5s, margin 0.5s; -ms-transition: opacity 0.5s, top 0.5s, right 0.5s, margin 0.5s; }
.fontHeaderTitulo { position: fixed; color: #FF7705; width: 525px; height: 80px; z-index: 996; display: block; font-size: 30px; font-weight: bold; padding: 23px 0px 0px 28px; margin: 10px 0px 0px 175px; border-left: 3px solid #ababaa; }
.fontHeaderTitulo { transition: opacity 0.5s, font-size 0.5s; -webkit-transition: opacity 0.5s, font-size 0.5s; -moz-transition: opacity 0.5s, font-size 0.5s; -o-transition: opacity 0.5s, font-size 0.5s; -ms-transition: opacity 0.5s, font-size 0.5s; }

/* Pie de página */
.divFooter { position: fixed; bottom: 0px; width: 100%; height: 16px; background-color: #999999; border-top: 1px solid #999999; padding-top: 4px; z-index: 994; }
.divFooterInfo { width: 100%; text-align: center; font-size: 11px; line-height: 11px; }
    .divFooterInfo a, .divFooterInfo span { color: #ffffff; }

/* Contenido */
.divContent { padding-top: 6.52% }
/*.divGris { background-color: #F2F2F2; border: 1px solid #D2D3D5; padding: 5px; border-radius: 3px; }*/

@media only screen and (max-width: 550px) {
    .divHeaderTitulo .fontHeaderTitulo { line-height: 3; font-size: 3vw; }
}
