﻿@import url("../js/YahooUI/container/assets/skins/sam/container.css");
@import url("../popup/css/popup.css");
@import url("../js/YahooUI/container/assets/skins/sam/container.css");
@import url("../popup/css/popup.css");
* {
margin:0;
padding:0;
}

p {
font-size:.74em;
margin:0;
}

a {
outline:none;
text-decoration:none;
}

body {
height:100%;
background:#E9E1D2 url(../img/bg.jpg) no-repeat 58% 0;
font-family:Georgia, "Times New Roman", Times, serif;
margin:0;
padding-bottom:50px;
}
#wrap{ padding-bottom:90px;}
#panelMsgbox{background:#CCB184 url(../img/bgModal.gif) no-repeat;}
#panelMsgbox .bd{ margin:0; padding:0; }
#panelMsgbox h1{ display:none;}
#panelMsgbox  p{ margin:10px 10px 0; color:#504B3D;}
#panelMsgbox .hd{ height:5px; margin:0; padding:0;}
.cuerpoMensaje{ text-align:center; padding:0; margin:0;}
.container-close{ margin-right:10px;}

#panelWorking{background:#CCB184 url(../img/bgPreload.gif) no-repeat; width:241px; height:154px; text-align:center; line-height:4em; font-size:1.2em; color:#504B3D;}

#conteiner{ padding-top:42px;}
#content {
width:820px;
height:495px;
margin:auto;
}

/*---------*/
.navigation {
background:url(../img/bgNavigation.jpg) no-repeat;
width:419px;
height:63px;
overflow:auto;
margin:6px 0 0 2px;
padding:0;
}
.navigation  ul#nav{
margin:0 0 0 14px;
}

ul#nav{ height:36px; margin:0;}
ul#nav li{ list-style:none; display:inline;}
ul#nav li a.btnBackstage{ background: url(../img/bgnav2.gif) no-repeat 0 0; width:130px; height:36px; display:block; float:left;}
ul#nav li a.btnTrailer{background: url(../img/bgnav2.gif) no-repeat -130px 0; width:132px; height:36px; display:block; float:left;}
ul#nav li a.btnReportajes{background: url(../img/bgnav2.gif) no-repeat -262px 0; width:142px; height:36px; display:block; float:left;}

ul#nav li a:hover.btnBackstage{ background: url(../img/bgnav2.gif) no-repeat 0 -36px;}
ul#nav li a:hover.btnTrailer{background: url(../img/bgnav2.gif) no-repeat -130px -72px;}
ul#nav li a:hover.btnReportajes{background: url(../img/bgnav2.gif) no-repeat -262px -108px;}

#home .navigation {
background:url(../img/bgNavigationHome.jpg) no-repeat;
width:419px;
height:83px;
overflow:auto;
margin:10px 0 0 2px;
padding:0;
}

#home .navigation ul {
margin:21px 0 0 15px;
}

/*---------*/
#leftCol {
width:449px;
height:465px;
float:left;
}

.impAgenda {
position:absolute;
background:url(../img/impactoAgenda.gif) no-repeat;
width:283px;
height:153px;
margin:300px 0 0 30px;
}

.impAgenda h2 {
color:#E96329;
font-size:1.2em;
text-align:center;
font-weight:bolder;
margin:30px 0 10px 45px;
}

.impAgenda p {
font-size:.74em;
text-align:center;
font-weight:700;
margin-left:45px;
}

.impAgenda a {
color:#E96329;
}

/*---------*/
.impEcard {
position:absolute;
background: url(../img/impEcards.jpg) no-repeat;
width:310px;
height:144px;
margin:300px 0 0 30px;
}

.impEcard h2 {
color:#E96329;
font-size:1.2em;
text-align:center;
font-weight:bolder;
margin:30px 0 5px 45px;
}

.impEcard p {
font-size:.74em;
text-align:center;
font-weight:700;
margin-left:45px;
color:#000;
}

.impEcard a {
display:block;
width:310px;
height:144px;
margin:0;
}

/*---------*/
.impRio {
position:absolute;
background: url(../img/impRio.jpg) no-repeat;
width:304px;
height:110px;
margin:270px 0 0 30px;
}

.impRio h2 {
color:#E96329;
font-size:.9em;
text-align:center;
font-weight:bolder;
margin:30px 0 0 85px;
display:none;
}

.impRio p {
font-size:.69em;
text-align:center;
font-weight:600;
margin-left:85px;
color:#000;
display:none;
}

.impRio a {
display:block;
width:304px;
height:110px;
margin:0;
}


/*---------*/
.impEcardSmall {
position:absolute;
background: url(../img/impEcardSmall.jpg) no-repeat;
width:304px;
height:94px;
margin:380px 0 0 30px;
}

.impEcardSmall h2 {
color:#E96329;
font-size:.9em;
text-align:center;
font-weight:bolder;
margin:15px 0 0 85px;
display:none;
}

.impEcardSmall p {
font-size:.69em;
text-align:center;
font-weight:700;
margin-left:85px;
color:#000;
display:none;
}

.impEcardSmall a {
display:block;
width:304px;
height:94px;
margin:0;
}

/*---------*/
.base {
width:327px;
height:465px;
float:right;
overflow:hidden;
}

#home {
height:465px;
}


#home p.firstNav {
font-weight:700;
margin:10px 0 5px 40px;
}

#home a {
font-size:1.2em;
color:#E6571E;
}

#home a:hover {
text-decoration:underline;
}

/*---------*/
#flashHolder {
padding:7px 0 0;
margin-left:3px;
padding-top:20px;
}
#flashHolder p{ margin:0; text-align:right; margin-right:25px;}
a.linkRecomenda{ color:#E6571E; text-decoration:none; font-weight: 900; font-size:1.1em;}
a.linkRecomendaIn{ color:#E6571E; text-decoration:none; font-weight: 900; font-size:1.1em; text-decoration:underline;}

#flashHolder2 {
padding:7px 0 0;
margin-left:3px;
padding:47px 0;
}
#flashHolder2 p{ margin:0; text-align:right; margin-right:25px;}
a.linkRecomendaIn2{ color:#E6571E; text-decoration:none; font-weight: 900; font-size:1.1em; text-decoration:underline;}

/*---------*/
#video {
background:url(../img/bgVideoNav.gif) no-repeat 15px 7px;
/*padding-top:12px;*/
}

.videoNav {
height:26px;
padding-top:10px;
overflow:hidden;
margin:0 0 3px;
}

a.ampliar {
position:absolute;
background: url(../img/btnAmpliar.gif) no-repeat;
display:block;
width:21px;
height:121px;
margin:231px 0 0 406px;
}
a.ampliar2 {
position:absolute;
background: url(../img/btnAmpliar.gif) no-repeat;
display:block;
width:21px;
height:121px;
margin:170px 0 0 402px;
}

.videoNav ul li a.volver {
position:absolute;
z-index:100;
background: url(../img/btnVolver.gif) no-repeat;
display:block;
height:23px;
width:72px;
float:left;
margin:20px 20px 0;
}

/*---------*/
.btnComentario {
position:absolute;
z-index:200;
background:url(../img/btnComentarios.gif) no-repeat;
width:280px;
height:27px;
color:#fff;
font-size:.65em;
font-weight:700;
text-align:right;
line-height:2.4em;
padding-right:20px;
margin:487px 0 0 127px;
}

.btnbrandigital {
position:absolute;
z-index:300;
background: url(../img/logoBrandigital.jpg) no-repeat;
width:91px;
height:14px;
margin:495px 0 0 -320px;
cursor:pointer;}

/*---------*/
.cuerpoLogin {
background:/*#BFA06B*/ #E9E1D2 url(../img/prehome.jpg) /*url(../img/bgLogin.jpg)*/ no-repeat 50% -60px;
}

.cuerpoLogin a {
color:#000;
text-decoration:underline;
}

.cuerpoLogin a:hover {
color:#3C3C3C;
}

/*#login {
width:481px;
padding-top:390px;
font-family:Georgia, "Times New Roman", Times, serif;
margin:auto;
}
#login p{ font-family:Arial, Helvetica, sans-serif;}
p.arial{ font-family:Arial, Helvetica, sans-serif;}
#login form {
margin:0 0 30px;
}

#login fieldset {
border:none;
text-align:center;
}

#login fieldset p {
margin-bottom:10px;
}

#login fieldset label {
text-align:center;
color:#000;
}
*/

#login {
width:672px;
padding-top:370px;
font-family:Georgia, "Times New Roman", Times, serif;
margin:auto;
}
#login p{ font-family:Arial, Helvetica, sans-serif;}
p.arial{ font-family:Arial, Helvetica, sans-serif;}
#login form {
margin:0 0 30px;
}

#login fieldset {
border:none;
text-align:center;
}

#login fieldset p {
margin-bottom:10px;
}

#login fieldset label {
text-align:center;
color:#000;
}


#login .msjPrehome { position:absolute; z-index:100; top:275px; margin-left:95px; background:url(../img/bgMensajePrehome.png) no-repeat !important; width:486px; height:150px;	
background: none;
filter: none !important;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bgMensajePrehome.png');

}
#login .msjPrehome a.cerrar{ position:absolute; z-index:100; right:35px; top:20px; background:url(../img/btnCerrarMsjMes.jpg) no-repeat; width:17px; height:17px; display:block; color:#000;}
#login .msjPrehome p.txtJunio{ font-size:.7em; width:395px;  margin:55px 0 0 50px;} 
#login .msjPrehome p.txtJulio{font-size:.7em; width:395px; margin:55px 0 0 50px;} 
#login .msjPrehome p.txtOctubre{font-size:.7em; width:395px; margin:55px 0 0 50px;} 
#login .msjPrehome p.txtNoviembre{font-size:.7em; width:395px; margin:55px 0 0 50px;}
#login .msjPrehome span{ position:absolute; top:20px; left:193px;} 
#login .prehomeNav{ background:url(../img/prehomeNav.gif) no-repeat; height:115px;}
#login .prehomeNav ul{ margin:0;}
#login .prehomeNav ul li{ list-style:none; display:inline;}
#login .prehomeNav ul li a{ width:164px; height:115px; display:block; float:left;}
.box {
background:#FFF7F0;
width:189px;
height:19px;
border:none;
font-family:Georgia, "Times New Roman", Times, serif;
color:#000;
padding:2px;
border:1px solid #CBB084;
}

/*.btnEntrar {
background:url(../img/btEntrar.jpg) no-repeat;
width:165px;
height:32px;
border:none;
cursor:pointer;
margin-top:25px;
}*/

.btnEntrar {
background: url(../img/btnEntrar.jpg) no-repeat;
width:219px;
height:51px;
border:none;
cursor:pointer;
margin:10px auto 0;
}
/*-----------*/
#loginModal {
position:absolute;
background:#fff url(../img/bgLoginModal.gif) no-repeat;
width:481px;
height:140px;
padding-top:90px;
font-family:Georgia, "Times New Roman", Times, serif;
margin:9% 30% 0;
z-index:1002;
}
#loginModal a { color:#000; font-weight:700;}
#loginModal a:hover { text-decoration:underline;}
#loginModal a.cerrar{ position:absolute; z-index:100; font-size:.9em; color:#000; text-decoration:none; display:block; width:60px; height:14px; top:2px; right:5px; font-family:Arial, Helvetica, sans-serif; font-weight:700;}
#loginModal p{ font-family:Arial, Helvetica, sans-serif;}
p.arial{ font-family:Arial, Helvetica, sans-serif;}
#loginModal form {
margin:0 0 30px;
}

#loginModal fieldset {
border:none;
text-align:center;
}

#loginModal fieldset p {
margin-bottom:5px;
}

#loginModal fieldset label {
text-align:center;
color:#000;
}


#loginModal .btnEntrar {
background:#DBCAAC;
font-family:Georgia, "Times New Roman", Times, serif;
color:#000;
width:100px;
height:22px;
border:none;
cursor:pointer;
margin-top:10px;
border:1px solid #AB8469;
}
/*---------*/
#registro {
width:481px;
padding-top:360px;
overflow:auto;
margin:auto;
}


.fieldPosition {
float:left;
width:200px;
margin-bottom:20px;
}

.fieldPosition input{ background:#fff none; padding:0; }
.fieldPosition label{ display:block;}

.fieldRegistro2 {
float:left;
width:100%;
}

.fieldRegistro2 p {
margin-bottom:3px;
}

.fieldPosition p {
margin-bottom:2px;
}

.fieldPosition label {
font-weight:700;
color:#000;
}

#registro fieldset p {
font-weight:400;
}

#registroModal {
position:absolute;
background:#fff url(../img/bgRegistroModal.gif) no-repeat;
width:481px;
height:230px;
overflow:auto;
margin:9% 30% 0;
z-index:1002;
padding:90px 10px 10px;
}
#registroModal form{ width:430px; margin: auto;}
#registroModal fieldset{ border:none;}
#registroModal input, #registroModal select{ background:#FFF7F0; border:1px solid #CBB084; font-family:Georgia, "Times New Roman", Times, serif;}

#registroModal a.cerrar{ position:absolute; z-index:100; font-size:.9em; color:#000; text-decoration:none; display:block; width:60px; height:14px; top:2px; right:5px; font-family:Arial, Helvetica, sans-serif; font-weight:600;}

.btnRegistrate {
position:absolute;
z-index:100;
background:#DBCAAC;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.1em;
color:#000;
width:127px;
height:27px;
cursor:pointer;
left:62%;
top:220px;
border:1px solid #AB8469;
}

a.btnByCRio{ 
position:absolute;
z-index:100;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:.86em;
color:#000;
left:62%;
top:250px;
text-decoration:underline;
}
a:hover.btnByCRio{ color:#957448;}

a.btnVolverLogin {
display:none;
}


#registro select {
height:25px;
margin-bottom:10px;
}

/*---------*/
.center {
text-align:center;
}

/*---------*/
.logoMsj {
position:absolute;
z-index:999;
width:200px;
height:147px;
cursor:pointer;
margin:40px 50px;
}

.historiasBox {
background:#fff url(../img/base.gif) no-repeat;
width:545px;
position:absolute;
z-index:1000;
border:1px solid #D8C7BB;
margin:0 0 0 300px;
padding-bottom:15px;
}
.historiasBox a{ position:absolute; z-index:1000; background:url(../img/btnCerrarMnjLogo.gif) no-repeat; width:76px; height:24px; right:15px; top:15px; display:block;}

.historiasBox h2 {
background:url(../img/barTitle.jpg) no-repeat;
height:29px;
font-size:.9em;
color:#604925;
line-height:1.7em;
padding-left:10px;
margin:30px 0 0 13px;
}

.historiasBox p {
font-size:.7em;
width:504px;
margin:3px 18px 0;
}

/*---------*/
#calificacion {
position:absolute;
z-index:999;
width:254px;
height:23px;
color:#E6571E;
overflow:hidden;
margin:-15px 10px;
}

#calificacion ul li {
list-style:none;
display:inline;
font-weight:700;
font-size:.74em;
float:left;
margin-right:3px;
}

#calificacion ul li a {
color:#E6571E;
font-size:.74em;
text-decoration:underline;
}

#calificacion ul li a.estrella {
background:url(../img/estrella.gif) no-repeat;
width:18px;
height:16px;
display:block;
}

#calificacion ul li a:hover.estrella {
background:url(../img/estrella.gif) no-repeat -18px 0;
}

#calificacion ul li a.estrellaCurrent {
background:url(../img/estrella.gif) no-repeat -18px 0;
width:18px;
height:16px;
display:block;
}

.navigation ul li,.videoNav ul li {
list-style:none;
display:inline;
}

.videoNav ul,#calificacion ul {
margin:0;
}

input,#registro fieldset {
border:none;
}

/*----------*/
.btAceptarMsgVideo{ background:#CCB184; display:block; width:55px; height:18px; color:#fff; line-height:1.6em; margin:3px auto 0; text-align:center;}


/*-----------*/
#historiasView h3{ font-size:.9em; margin:3px 15px;}
#historiasView span{ font-size:.70em;}

/*-----------*/

.logoMsj a{display:block; width:100%; height:100%;}


/*-----------*/
span.separador{ color:#E4561E; font-size:1em; margin:0 10px; padding:0;}
p.txPrehome{ font-family:"Times New Roman", Times, serif; font-size:1em;}


/*-----------*/
p.imgHome{ background:url(../img/imgPrimerC.jpg) no-repeat; width:449px; height:300px; margin-top:115px;}

/*-----------*/
#navN{ background:url(../img/bgNavegacion.jpg) no-repeat; width:327px; height:120px; margin:190px 0 20px 0; padding-top:5px;}
#navN ul{ margin:0;}
#navN ul li{ list-style:none; margin-top:5px;}
#navN ul li a{ display:block; width:172px; height:31px;}

/*-----------*/
.impOtraHistoria{ background:url(../img/verOtraHistoria.jpg) no-repeat; width:132px; height:74px; margin:0;}
.impOtraHistoria a{ display:block; width:132px; height:74px;}


#backstageCorazon {
background:#fff url(../img/bgBackstageCorazon.jpg) no-repeat;
width:429px;
height:393px;
margin:auto;
padding:160px 0 0 10px;
}

.recomendar {
position:absolute;
background:#fff url(../img/bgRecomenda.gif) no-repeat top center;
width:437px;
margin:50px 35%;
padding:100px 0 10px;
z-index:1002;
}
