html { height: 100%; }
body { overflow: hidden; background: black url("../images/ifreeweb_repetir.jpg") repeat-x  top left;}
body.opaque { overflow: hidden; background: black url("../images/ifreeweb_repetir_opaco.jpg") repeat-x  top left; }
img { image-rendering: optimizeQuality;  -ms-interpolation-mode: bicubic; }

.container { height: 576px; background: transparent url("../images/ifreeweb_fondo.jpg") no-repeat top center; }
.container-opaque { background: transparent url("../images/ifreeweb_fondo_opaco.jpg") no-repeat top center; }

.header-home { background: transparent url("../images/iFreelogo_solo.png") no-repeat scroll top left; height: 90px; margin: -10px 0 0 -40px; position: relative;}
.header-multimedia { background: transparent url("../images/iFreelogo_multimedia.png") no-repeat scroll top left; height: 90px; margin: -10px 0 0 -40px; position: relative;}
.header-imagen { background: transparent url("../images/iFreelogo_multimediaFOTOS.png") no-repeat scroll top left; height: 90px; margin: -10px 0 0 -40px; position: relative;}
.header-video { background: transparent url("../images/iFreelogo_multimediaVIDEO.png") no-repeat scroll top left; height: 90px; margin: -10px 0 0 -40px; position: relative;}
.header-radio { background: transparent url("../images/logoMultimediaRadio.png") no-repeat scroll top left; height: 90px; margin: -10px 0 0 -40px; position: relative;}
.header-television { background: transparent url("../images/iFreelogo_multimediaTV.png") no-repeat scroll top left; height: 90px;  position: relative;}
.header-audio { background: transparent url("../images/logo.png") no-repeat scroll top left; height: 90px; margin: -10px 0 0 -40px; position: relative;}
.header-news { background: transparent url("../images/iFreelogo_noticias.png") no-repeat scroll top left; height: 90px; margin: -10px 0 20px -40px; position: relative;}
.header-prensa { background: transparent url("../images/iFreelogo_prensa.png") no-repeat scroll top left; height: 90px; margin: -10px 0 0px -40px; position: relative;}
.header-informacion { background: transparent url("../images/iFreelogo_solo.png") no-repeat scroll top left; height: 90px; margin: -10px 0 0px -40px; position: relative;}
.header-contacto { background: transparent url("../images/iFreelogo_contacto.png") no-repeat scroll top left; height: 90px; margin: -10px 0 30px -40px; position: relative;}
.header-enlaces{ background: transparent url("../images/iFreelogo_solo.png") no-repeat scroll top left; height: 90px; margin: -10px 0 0px -40px; position: relative;}
.header-fotos-presentacion { background: transparent url("../images/iFreelogo_multimediaFOTOS.png") no-repeat scroll top left; height: 90px; margin: -10px 0 0 -40px; position: relative;}
.header-video-presentacion { background: transparent url("../images/iFreelogo_multimediaVIDEO.png") no-repeat scroll top left; height: 90px; margin: -10px 0 0 -40px; position: relative;}
.header-documentos{ background: transparent url("../images/iFreelogo_solo.png") no-repeat scroll top left; height: 90px; margin: -10px 0 0px -40px; position: relative;}

#box-link {position: absolute; top: 25px;left: 20px; width: 147px; height: 40px; background-color: transparent; }
.section-name { position: absolute; top: 62px; left: 94px; width: 125px; height: 16px; text-align: right; color: #616060; font-size: 18px; cursor: default; }
.section-name-contact { left: 135px; }
.section-name-blog { left: 74px; }
.section-name-prensa { left: 67px; }
	
/* Corner radius */

.ui-corner-tl { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; border-top-left-radius: 4px/*{cornerRadius}*/; }
.ui-corner-tr { -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; border-top-right-radius: 4px/*{cornerRadius}*/; }
.ui-corner-bl { -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; border-bottom-left-radius: 4px/*{cornerRadius}*/; }
.ui-corner-br { -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; border-bottom-right-radius: 4px/*{cornerRadius}*/; }
.ui-corner-top { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; border-top-left-radius: 4px/*{cornerRadius}*/; -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; border-top-right-radius: 4px/*{cornerRadius}*/; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; border-bottom-left-radius: 4px/*{cornerRadius}*/; -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; border-bottom-right-radius: 4px/*{cornerRadius}*/; }
.ui-corner-right {  -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; border-top-right-radius: 4px/*{cornerRadius}*/; -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; border-bottom-right-radius: 4px/*{cornerRadius}*/; }
.ui-corner-left { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; border-top-left-radius: 4px/*{cornerRadius}*/; -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; border-bottom-left-radius: 4px/*{cornerRadius}*/; }
.ui-corner-all { -moz-border-radius: 4px/*{cornerRadius}*/; -webkit-border-radius: 4px/*{cornerRadius}*/; border-radius: 4px/*{cornerRadius}*/; }

 /* List an post styles */

.right-bar { height: 466px; position: relative; }
.left-bar { height: 466px; position: relative; }

div.post-container { position: relative; height: 466px; }
#post-body-container { margin: 0; padding: 0; overflow: hidden; position: relative; height: 389px; }
#post-body { position: relative; color: #ffffff; text-align: justify; margin: 0 0 5px 0; font-size: 13px; line-height: 17px; eight: 389px; }
#post-body span.news-date { color: white; }
#post-body h1.news-title { color: #ffffff; margin-bottom: 20px; margin-top: 10px; text-decoration: none; font-size: 2em;}
#post-body p { margin: 0 0 5px 0; font-size: 13px; line-height: 21px; }
#post-body p a, #post-body p a:hover { color: white; }
div.post .buttons-bar {  }
div.post-container .buttons-bar .button-wrapper { width: 50%; }
div.post-container .buttons-bar .button-wrapper .medium-circle { height: 67px; width: 140px; }
div.post-container .buttons-bar .button-wrapper .medium-circle .background { position: absolute; left: 45px; top: 0px;}
div.post-container .buttons-bar .button-wrapper .medium-circle .icon { top: 9px; left: 54px; }
div.post-container .buttons-bar .button-wrapper .medium-circle .caption { top: 54px; left: 0px; width: 140px; color: white; }

#post-bar { margin-top:5px; }

#gradient-top { background: transparent url('../images/gradient-top.png') repeat-x left top; height: 30px; position: absolute; top: 0px; width: 100%; display: none; }
#gradient-bottom { background: transparent url('../images/gradient-bottom.png') repeat-x left top; height: 30px; position: absolute; width: 100%; display: none; }

#list-up-button, #post-up-button { top: -2px; position: absolute; margin: 0 0 0 10px; }
#list-down-button, #post-down-button { top: 397px; position: absolute; margin: 0 0 0 10px; }
#post-down-button { top: 325px; }
#list-select-button { top: 200px; position: absolute; margin: 0 0 0 10px; }

.deactivate-button { position: absolute; height: 102%; width: 100%; filter: alpha(opacity = 70); moz-opacity: 0.7; khtml-opacity: 0.7; opacity: 0.7; background-color: black; z-index: 5; top: 0; display: none; }

div.list { position: relative; height: 466px; }
#post-list-container { position: relative; height: 466px;  margin: 0; padding: 0; overflow: hidden;}
#list-body { position: relative; }
#list-body .post-list-item { cursor: pointer; border: thin solid white; padding: 10px 0 10px 0; margin: 0 0 20px 0; background: transparent url('../images/black-transparency-0.4.png') repeat left top;}
#list-body div.post-list-item span.news-date { margin: 0 0 0 10px; color: white; }
#list-body div.post-list-item h2.news-title { margin: 0 10px 7px 10px; }
#list-body div.post-list-item h2.news-title a { color: white; text-decoration: none;}
#list-body div.post-list-item h2.news-title a:hover { text-decoration: underline; }
#list-body div.post-list-item p { color: white; text-align: justify; margin: 0 10px 0 10px; font-size: 13px; line-height: 17px; height: 17px; overflow: hidden; }

#list-body div.active { background: transparent url('../images/white-transparency-0.4.png') repeat left top;}
#list-body div.post-list-item .active, #list-body div.post-list-item h2.news-title a.active, #list-body div.post-list-item span.active { color: black; background-color: transparent;}

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

/* Comments styles */

#comment-box { position: relative; width: 849px; height: 484px; padding: 5px 10px 0px 10px; background: #36393b url('../images/fondo-comentarios.png') no-repeat 10px 5px; }
#comment-box .comments-number { width: 737px; height: 20px; position: absolute; top: 20px; left: 14px; overflow: hidden; }
#comment-box .comments-number span { color: white; font-size: 14px; font-weight: bold; }
#comments-wrapper { width: 737px; height: 265px; position: absolute; top: 43px; left: 14px; padding: 10px; overflow: hidden; }
#commentlist { list-style: none outside none; color: white; position: relative; }
#commentlist .comment { margin: 0 0 30px 0; }
#commentlist .commentmetadata { font-style: italic; }
#commentlist .comment-number { float: left; }
#commentlist .comment-date { float: right; }
#commentlist .comment-content { margin: 5px 0 0 0; }
#commentlist p { margin: 0 0 5px 0; }
#comment-box .comments-right-bar { width: 70px; height: 430px; position: absolute; top: 43px; left: 785px; }
#comment-box .comments-input-wrapper { width: 742px; height: 94px; position: absolute; top: 346px; left: 16px; }
#comment-box .comments-input-wrapper .text-container { width: 738px; height: 30px; margin: 2px 0 0 2px; }
#comment-box .comments-input-wrapper label { font-weight: normal; font-style: italic; margin: 5px 0 0 5px; display: block; float: left; font-size: 14px; }
#comment-box .comments-input-wrapper textarea#comment-text { width: 728px; height: 52px; margin: 0 0 0 2px; border: none;}
#comment-box .comments-email-input-wrapper { width: 742px; height: 32px; position: absolute; top: 442px; left: 16px; }
#comment-box .comments-email-input-wrapper .email-container { width: 161px; height: 30px; margin: 2px 0 0 2px; float: left; }
#comment-box .comments-email-input-wrapper label { font-weight: normal; font-style: italic; margin: 3px 0 0 5px; display: block; float: left; font-size: 14px; }
#comment-box .comments-email-input-wrapper  input#comment-email { width: 571px; height: 22px; margin: 4px 0 0 2px; border: none; float: left; }

#comments-down-button div.deactivate-button, #comments-up-button div.deactivate-button{ background-color: #36393b; }
#comments-up-button { top: -2px; position: absolute; margin: 0 0 0 0px; }
#comments-down-button { top: 210px; position: absolute; margin: 0 0 0 2px; }

#comments-submit-button { top: 300px; position: absolute; margin: 0 0 0 0px; }
#comments-close-button { top: 370px; position: absolute; margin: 0 0 0 0px; }

#comments-close-button .background, #comments-submit-button .background { position: absolute; left: 10px; top: 0px;}
#comments-close-button .icon, #comments-submit-button .icon { top: 9px; left: 19px; }
#comments-close-button .caption, #comments-submit-button .caption { top: 54px; left: 0px; width: 70px; color: white; }

/* Menu styles */

.scrollable { position: relative; overflow: hidden; width: 600px; height: 120px; padding: 0 0px 0 0; margin-bottom: 0px; float: left; }
.scrollable .items { width: 20000em; position: absolute; clear: both; }
.scrollable .items .page { float:left; width:600px; }
.scrollable .item { float: left; margin: 0px 0px 0px 0px; cursor: pointer; width: 150px; height: 120px; position: relative; }
.scrollable .item img.background { position: absolute; left: 30px;}
.scrollable .item img.icon { position: absolute; top: 13px; left: 42px; }
.scrollable .item a.caption { margin: 0; padding: 0; position: absolute; top: 94px; left: 0px; color: #ffffff; text-decoration: none; text-align: center; height: 26px; width: 150px; }

#top-row-container { margin-top: -40px; }
#top-row-container .minus-button, #top-row-container .plus-button { margin-top: 2px; }

.mid-row-container { display: none; }
.mid-row-container .minus-button,.mid-row-container .plus-button,.mid-row-container .back-menu-button { margin-top: 76px; }
.mid-row { padding-top: 75px; }

.minus-button, .back-menu-button { margin-left: 55px; }
.mid-row-container .minus-button { display: none; }

.disabled { filter: alpha(opacity = 20); moz-opacity: 0.2; khtml-opacity: 0.2; opacity: 0.2; cursor: default; }

/* Menu pipes */

.red-pippes { background: url(../images/fondoSubmenuRojo.png) no-repeat 21px 3px; }
.blue-pippes { background: url(../images/fondoSubmenuAzul.png) no-repeat 7px 3px; }
.green-pippes { background: url(../images/fondoSubmenuVerde.png) no-repeat 4px 3px; }
.yellow-pippes { background: url(../images/fondoSubmenuAmarillo.png) no-repeat 32px 3px; }

/* Buttons */

.ifree-button { float: left; cursor: pointer; position: relative; }
.ifree-button .background { position: absolute; left: 0px; top: 0px;}
.ifree-button .icon { position: absolute;}
.ifree-button .caption { position: absolute; left: 0px; color: #ffffff; text-decoration: none; text-align: center; }

.big-triangle {height: 107px; width: 120px; }
.big-triangle .background { position: absolute; left: 15px; top: 0px;}
.big-triangle .caption { top: 85px; width: 120px; }
.big-triangle .icon { top: 12px; left: 25px; }

.medium-triangle { height: 72px; width: 70px; }
.medium-triangle .background { position: absolute; left: 10px; top: 0px;}
.medium-triangle .caption { top: 54px; left: 0px; width: 70px; color: white; }

.back-menu-button .icon { top: 17px; left: 27px; }

.big-circle { height: 107px; width: 130px; }
.big-circle .background { position: absolute; left: 20px; top: 0px;}
.big-circle .icon { top: 13px; left: 33px; }
.big-circle .caption { top: 94px; left: 0px; width: 130px; }

.medium-circle { height: 79px; width: 110px; }
.medium-circle .background { position: absolute; left: 30px; top: 0px;}
.medium-circle .icon { top: 9px; left: 39px; }
.medium-circle .caption { top: 54px; left: 0px; width: 110px; color: black;}}

#list-select-button { width: 70px; }
#list-select-button .background { left: 10px;;}
#list-select-button .icon { left: 19px; }
#list-select-button .caption { width: 70px; color: white;}

.small-circle-focus { height: 30px; width: 30px; position: absolute; top: 10px; left: 259px;}
.small-circle-focus .icon { top: 7px; left: 7px; }

.small-circle { height: 30px; width: 30px; }
.small-circle .icon { top: 7px; left: 7px; }

.global-back { z-index: 3000; }
.global-back .caption { color: #ffffff;}
.global-back-container {position: absolute; top: 0; left: 0;}

/* Search */

.ifree-search-box { height: 35px; width: 289px; position: relative;  margin-bottom: 20px;}
.ifree-search-box input { background: url(/imagenes/input.png) no-repeat left top; height: 35px; width: 249px; padding: 2px 30px 0 10px; border: none;}
.focus {}

/* Index */

#home-video { margin: 20px 0 0 0; position: relative; padding: 0;}
#home-video .video-viewer { display: block; height: 404px; width: 721px; }
#home-video .mediaplayerdialog { height: 404px; width: 721px; }
#home-video .buttons-bar { width: 721px; position: absolute; top: 318px; z-index: 300; display: none; background: url(../images/barra_visor_transparente.png) repeat-x left top;}
#home-video .buttons-bar .button-wrapper { width: 33.33%; }
#home-video video { }


/* Gallery */

.gallery-direction { margin-top: 4px; }
#gallery-controls { margin-left: 290px; }

.sombra { text-shadow: 2px 2px 5px #000;}

/* Viewers */

.buttons-bar { height: 77px; width: auto; padding: 0; }
.buttons-bar .ifree-button {float: none; margin: 5px auto 0 auto;}
.buttons-bar .button-wrapper { width: 33.33%; float: left; text-align: center; }

.photo-viewer { background-color: white; height: auto; width: auto; padding: 5px 5px 0 5px; float: left; display: none; }
.photo-viewer .viewer-img { padding: 0; }
.photo-viewer .buttons-bar {  }
#photo-bar.buttons-bar .button-wrapper { width: 25%; }

.video-viewer { display: block; height: 567px; width: 853px; }
.video-viewer .buttons-bar { background: url(../images/barra_visor.png) repeat-x left top; height: 87px; }
.video-viewer .buttons-bar .button-wrapper { width: 25%; }
.video-viewer .buttons-bar .button-wrapper .medium-circle { height: 67px; width: 140px; }
.video-viewer .buttons-bar .button-wrapper .medium-circle .background { position: absolute; left: 45px; top: 0px;}
.video-viewer .buttons-bar .button-wrapper .medium-circle .icon { top: 9px; left: 54px; }
.video-viewer .buttons-bar .button-wrapper .medium-circle .caption { top: 54px; left: 0px; width: 140px; color: white; }

.audio-player { display: block; height: 460px; width: 500px; }
.audio-player .buttons-bar { background: url(../images/barra_visor.png) repeat-x left top; height: 87px; }
.audio-player .buttons-bar .button-wrapper { width: 33.3%; }
.audio-player .buttons-bar .button-wrapper .medium-circle { height: 67px; width: 140px; }
.audio-player .buttons-bar .button-wrapper .medium-circle .background { position: absolute; left: 45px; top: 0px;}
.audio-player .buttons-bar .button-wrapper .medium-circle .icon { top: 9px; left: 54px; }
.audio-player .buttons-bar .button-wrapper .medium-circle .caption { top: 54px; left: 0px; width: 140px; color: white; }

#DOMWindow { -moz-box-shadow: 0 0 2em white; box-shadow: 0 0 2em white; -webkit-box-shadow: 0 0 2em white; overflow: visible; background-color: transparent; }

/* Error box */

#error-box { display: none; }
#error-page { display: block; margin-top: 116px;}

.error-box { background: transparent url(/imagenes/avisoOpacidad.png) no-repeat scroll top left; height: 254px; width: 496px;  margin: 0; padding: 0; position: relative;}
.error-box img.siesta-icon { position: absolute; left: 4px; top: 0;}
.error-box center { margin: 0px 0 0 0; }
.error-box center h2.titulo { height: 30px; line-height: 35px;}
.error-box center div.sub-titulo { margin: 60px 0 0 0; padding: 0 10px 0 5px; }
.error-box center img.error-icon { margin: 20px 0 0 0;}

.error-box .close { float: right; position: absolute; top: 150px; left: 380px;}
.error-box .close .caption { color: white; }

.advice-message { display:none; position: absolute; top: 5px; height: 30px; width: 100%; }
.advice-message-text { color:white; background-color: #36393b; width: auto; padding: 10px; -moz-box-shadow: 0 0 2em #36393b; box-shadow: 0 0 2em #36393b; -webkit-box-shadow: 0 0 2em #36393b; }

/* Contact Form */

#contact-container { background: transparent url('../images/Componente_Contacto.png') no-repeat scroll top left; width: 615px; height: 366px; margin: 0 10px 0 0; position: relative;}

#contact-container .contact-name-container { position: absolute; top: 9px; left: 8px; width: 599px; height: 29px; overflow: hidden; }
#contact-container .contact-surname-container { position: absolute; top: 43px; left: 8px; width: 599px; height: 29px; overflow: hidden; }
#contact-container .contact-email-container { position: absolute; top: 77px; left: 8px; width: 599px; height: 29px; overflow: hidden; }
#contact-container .contact-phone-container { position: absolute; top: 111px; left: 8px; width: 599px; height: 29px; overflow: hidden; }
#contact-container .contact-address-container { position: absolute; top: 145px; left: 8px; width: 599px; height: 29px; overflow: hidden; }
#contact-container .contact-city-container { position: absolute; top: 179px; left: 8px; width: 599px; height: 29px; overflow: hidden; }
#contact-container .contact-country-container { position: absolute; top: 213px; left: 8px; width: 599px; height: 29px; overflow: hidden; }

#contact-container .contact-comment-container { position: absolute; top: 249px; left: 8px; width: 599px; height: 107px; overflow: hidden; }
#contact-container .contact-text-container { position: absolute; top: 279px; left: 8px; width: 599px; height: 149px; overflow: hidden; }
#contact-comment { height: 57px; width: 578px; padding: 10px; margin: 0; border: none; }

#contact-container label { font-weight: normal; font-style: italic; margin: 5px 0 0 5px; display: block; float: left; font-size: 14px; }
#contact-container input { display: block; width: 430px; height: 22px; margin: 4px 0 0 2px; border: none; float: left; }

#contact-container .focus { border: 1px solid grey; -moz-box-shadow: 0px 2px 3px #000; }

#contact-send-button { margin: 10px 0 0 250px; }
#contact-send-button .caption { color: white; }

#contact-advice { width: 950px; }
#contact-advice .advice-message-text { font-size:14px; color:white; background-color: #36393b; width: auto; padding: 10px; -moz-box-shadow: 0 0.5em 0.5em grey; box-shadow: 0 0.5em 0.5em 	grey; -webkit-box-shadow: 0 0.5em 0.5em grey; }

#contact-up-button { top: 0px; position: absolute; margin: 0 0 0 10px; }
#contact-down-button { top: 295px; position: absolute; margin: 0 0 0 10px; }