@charset "UTF-8";
body
{
 font-family: Calibri, Helvetica, sans-serif;
 font-size:13px;
 margin:0;
}
.optionForm{
 font-family: Calibri, Helvetica, sans-serif;
 font-size:12px;
 width:100px; !important
 }
 .formRegistro label{
display:block;
text-align:right;
width:100px;
margin-right:4px;
float:left;
}
.formRegistro input{
margin-bottom:7px;

}
.formRegistro button{
clear:both;
margin-left:150px;
width:100px;
height:25px;
 background: #f57c34;
 border: 1px solid #FFF;
 color: #FFF;
 font-size: 12px;
 font-style: normal;
}
.titleViews{
color:#FFFFFF;
width:130px;
background:#F37021;
text-align:center;
height:30px;
}
.titleViews span{
position:relative;
top:7px;
}

 .botonRegistro
{
 background: #f57c34;
 border: 1px solid #FFF;
 color: #FFF;
 font-size: 12px;
 font-style: normal;
 clear:both;
 margin-left:125px;
}

.inputLogin
{
 background: #FFF;
 border: 1px solid #FFF;
 color: #000000;
 font-size: 12px;
 font-style: normal;
}
.labelLogin
{
 color: #fff;
 font-size: 14px;
 font-style: bold;
}
.titulo{
font-size:20px;
color:#f37021;
margin-top:5px;
}
.botonLogin
{
 background: #FFF;
 border: 1px solid #FFF;
 color: #f57c34;
 font-size: 12px;
 font-style: normal;
}

.container
{
 margin: auto;
 width: 900px;
}
#formLogin
{
 margin: 55px 10px 10px 395px;
 margin-left:45%;
 position: relative;
 bottom:100px;
}
.header
{
 background:  url(../images/patron-top.jpg) repeat-x;
  

 height: 100px;
 width: 100%;
}
#logoHeader{
background:url(../images/top1.jpg) no-repeat;
height:100px;
width:1312px;
margin:auto;
z-index:-1;

}
#logoHeader a{
text-decoration:none;
padding:0 150px 86px 200px;

}
#linkInicio{
width:225px;
height:100px;
margin:0 0 0 80px;

}
#linkInicio a{
text-decoration:none;
padding:0 123px 86px 122px;
z-index:

}
.headerInterno
{
 background: url(../images/patron-top-ch.jpg);
 height: 75px;
 width: 100%;
}
#subHI{
background:url(../images/top2.jpg) no-repeat;
width:1135px;
height:75px;
margin:auto;

}
#subHI a{
text-decoration:none;
padding:0 150px 60px 200px;

}
.logCont{
width:900px;
height:75px;
margin:auto;
}
#logout{
 background:url(../images/logout.gif) no-repeat;
 width:114px;
 height:38px;
 position:relative;
float:right;
margin:20px 140px 0 0;
 border:0px;
 }
#logout span{
font-family:Arial, Helvetica, sans-serif;
color:#808080;
text-decoration:none;
font-size: 10px;
position:relative;
top:20px;
left:35px;

}
#logout a{
padding:20px 50px 5px 35px;
font-family:Arial, Helvetica, sans-serif;
color:#808080;
text-decoration:none;
font-size: 10px;
position:relative;
top:20px;

}
#logout p{
padding: 19px 18px 15px 20px;
}
.frameStep{
 float: left;
 height: 363px;
 width: 522px;
 margin: 20px 10px 0px 0px;
 background:url(../../images/FrameStep.jpg) no-repeat;
 padding-right:20px;
  border-right: 1px #CCCCCC solid;
}
.frameStep h3{
color:#4f4f4f;
font-family:Tahoma,Arial;
font-size:16px;
margin:-25px 30px  0 90px;
}
.frameStep p{
color:#4f4f4f;
font-family:Tahoma,Arial;
font-size:12px;
margin:5px  20px 0 90px;
}
.frameStep img{
margin:10px 20px 0 90px;

}
.frameStep p strong{
color:#F37021;

}
.stepC{
float:right;
height:17px;
margin:15px 10px 0 0;

}
.stepC  img{
border:none;
margin:10px;
opacity:.5;

}
.stepC a img{
border:none;
margin:10px;
opacity:1;

}

.stepNum{
background:url(../../images/StepInd.png) no-repeat;
width:28px;
height:26px;
margin:35px 0 0 35px;
}

.stepNum span{
font-family:Calibri, Arial, Helvetica, sans-serif;
font-size:14px;
color:#FFFFFF;
position:relative;
left:7px;
top:4px;

}

.imgIndex
{
 float: left;
 height: 363px;
 width: 522px;
 margin: 20px 10px 0px 0px;
 background:url(../../images/portada.png) no-repeat;
 padding-right:10px;
 border-right: 1px #CCCCCC solid;
}
#botonIndex{
width:127px;
height:22px;
background:url(../../images/botonConoce.jpg) no-repeat;
margin:43px auto 0 auto;

}
#botonIndex a{
font-family:Calibri,Arial, Helvetica, sans-serif;
font-size:14px;
text-decoration:none;
color:#FFFFFF;
position:relative;
top:2px;
left:25px;

}
.imgIndex h3{
font-family:Tahoma,Arial;
color:#FFFFFF;
font-size:20px;
margin:7px 0 0 50px;

}
.imgIndex p{
color:#4f4f4f;
font-family:Tahoma,Arial;
font-size:13px;
margin:20px 5px 5px 60px;
}
.imgIndex p strong{
color:#F37021;

}
.numCal
{
 margin: 0px;
 text-align: right;
}
#calendario
{
 float: left;
 width: 605px;
}
.publicidadLateral{
width:120px;
margin:10px;
float:left;
}
.publicidadLateral img{
margin:10px;

}
.listaMes
{
 list-style: none;
 margin: 5px;
}
#menuLateral
{
 float: left;
 margin-left: 5px;
 width: 150px;
}
#captha
{
 display: none;
}
#captcha a
{
 color: #F37021;
 text-decoration: none;
}
#recaptcha_image{
margin-left:170px;
}
.recaptcha_only_if_incorrect_sol{
margin-left:200px;
}
.listadoEstados{
margin-left:205px;
height:150px;
overflow-y:scroll;
width:400px;

}

.registro{
 height:500px;;
margin: 20px 0px 0px -10px;
 width:330px;
 float:left;
}
.lateralGrande{
font-size:12px;
color:#383838;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
}

.lateralCate {
color:#808080;
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none

}
.listadoCategorias{
list-style:none;
margin-left:-40px;

}

.listadoCategorias li{
width:130px;
height:23px;
background:url(../images/fondoCate.jpg) no-repeat;
}
.listadoCategorias a {
color:#808080;
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
text-align:center;
position:relative;
top:5px;
left:4px;
}

#user{
width:130px;
height:38px;
background:url(../images/usuarioContainer.gif) no-repeat;

}
#user span{
position:relative;
top:13px;
left:22px;
}

#editProfile{
width:130px;
height:25px;
background:url(../images/editProfile.png) no-repeat;
}
#editProfile span a{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFF;
font-style:italic;
position:relative;
top:5px;
left:30px;
text-decoration:none;
}
.footer{
background: url(../images/degra-footer.jpg) repeat-x;
height:185px;
width:100%;
}
.vistas{
list-style-image:url(../images/bulletDias.png);
margin-left:-22px;
}
.vistas li{
border-bottom:1px #999999 solid;
width:110px;
}

.subHeader{
width:inherit;
background: url(../images/subheader.jpg) repeat-x;
height:41px;
}
.subHeader img{
border:0px;
position:relative;
top:10px;
left:10px;
}

.subHeader a{
text-decoration:none;
font-size:11px;
color:#383838;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;

}
.subHeader span{
position:relative;
top:6px;
left: 10px;
font-size:11px;
color:#383838;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
}
.dividerSub{
border-left:1px solid #383838;
height:20px;
position:relative;
top:-10px;
left:65px;
}
.dividerSub span {
color:#808080;
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
position:relative;
top:3px;
left:15px;
}
#subHour{
position:relative;
left:400px;
}
.proximosEventos{
width:275px;
margin:0px 20px 15px 5px;
float:left;
}
.proximosEventos h3{
font-family:Arial, Helvetica, sans-serif;
color:#f37021;
font-size:15px;
margin-top:-5px;
margin-bottom:2px;
}
.proximosEventos span{
font-size:11px;
}
#justificar{
text-align:justify;

}
.proximosEventos a{
color:#f37021;
font-size:11px;
text-decoration:none;

}
.proximosEventos .divisor{
width:inherit;
border-bottom: 1px solid #CCCCCC;
margin-top:1px;
}
.infoDias{
width:90px;
height:auto;
margin-top:-15px;

}
.nombreDia{
background:url(../images/diaLateral.jpg) no-repeat;
width:90px;
height:20px;
}
.nombreDia p{
font:Arial, Helvetica, sans-serif;
color:#fff;
font-weight:bold;
font-size:11px;
position:relative;
top:2px;
left:20px;
}
.numerotes{
font-size:16px;
font-weight:bold;
color:#7f7f7f;
position:relative;
top:2px;
}
.numerosDiasSemana{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
text-align:center;
color:#7f7f7f;

}
.actividadLugarSemana{
background:url(../images/semanaLugar.png) no-repeat;
margin-left:1px;
margin-top:5px;
margin-bottom:5px;
height:58px;
border-bottom:solid 1px #ddd;
padding-bottom:5px;
}
.actividadLugarSemana a{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#575757;
text-align:center;
text-decoration:none;
position:relative;
top:5px;
}
.listadoMes{
margin-left:10px;

}
.listadoMes li{
margin-left:-30px;
text-align:left;
}
.numeroMes{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#313131;
}
.fondoClaroMes{
background:#f6f6f6;
}
.fondoOscuroMes{
background:#f2f2f2;
}

.diaActualMes{
background:url(../images/MesDiaActual.jpg);
}
.diaMesHoy{
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:11px;
color:#f37021;
}
.bulletMesHoy{
color:#f37021;
}
.bulletMesOtros{
color:#7f7f7f;
}
.diaMesOtros{
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#7f7f7f;
font-weight:bold;

}

.actividadHoraSemana{
background:url(../images/fondoSemanaHora.png) no-repeat;
margin-left:1px;
height:28px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:13px;
color:#575757;
}
.actividadHoraSemana span{
position:relative;
top:6px;

}
.separadorSemana{
border-top: 1px #ddd solid;
margin:5px;

}
.fechaHoySemana{
color:#f37021;
}
.barritaTop{
width:499px;
float:right;
margin-top:-15px;
background:url(../images/barriaGrisclarito.jpg) no-repeat;
}
.listadoDiario{
width:597px;
height:80px;
background:url(../images/containerActividades.jpg) no-repeat #f4f4f4;
margin-left:-16px;
margin-bottom:10px;
}
.horaDia{
width:53px;
height:80px;
float:left;
background: url(../images/hora.jpg) no-repeat;
text-align:center;
}
.horaDia h3{
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:14px;
color:#767575;
position:relative;
top:18px;
}

.actTitulo{
background:url(../images/containerTitulo.jpg) no-repeat;
width:530px;
height:25px;
margin-left:8px;
margin-top:5px;
float:left;
}
.actTitulo p{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#f37021;
position:relative;
top:-9px;
left:5px;
}
.descAct{
background:url(../images/containerDesc.jpg) no-repeat;
width:530px;
height:47px;
margin-right:5px;
margin-left:8px;
float:left;
}
.descAct p{
position:relative;
top:-10px;
left:5px;
text-align:justify;
padding-right:10px;
}
.actTitulo a{
color:#f37021;
text-decoration:none;
}
.barritaTop p{
position:relative;
top:-10px;
left:10px;
}
.imgTabs{
margin:.5px;

}
.selecVista{
background:#cccccc;
height:17px;

}
.selecVista span{
position:relative;
top:2px;
left:5px;

}
.addSelec{
color:#FFFFFF;
list-style:none outside;
background:url(../images/addSelec.jpg) no-repeat;
height:23px;
width:111px;
margin:-5px -10px 0px -5px;

}

.addSelec span{
position:relative;
top:3px;
left:-10px;
}
.footer p{
clear:both;
padding-top:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#a7a7a7;
}

.arribita{
position:relative;
top:-15px;

}
.footer img{
position:relative;
top:-5px;

}
.diaSemanaHoy{
background:url(../images/semanaTheDay.jpg) no-repeat #f37022;
background-position:0px -3px;
}

.diaSemana{
background:url(../images/encabezadoSemanal.jpg) no-repeat #7f7f7f;
background-position: -3px -3px;

}

.diasSemana{
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
position:relative;
left:14px;
}
.registroA{
margin: 20px 0px 0px -10px;
 width:595px;
 float:left;
}
 .registroA label{
display:block;
text-align:right;
width:200px;
margin-right:4px;
float:left;
}
.detailContainer{
margin:auto;
font-family:Arial, Helvetica, sans-serif;
width:300px;

}

.tituloDetail{
width:300px;
-moz-border-radius: 5px 5px 5px 5px;
padding:5px 0px 5px 0px;
margin:10px 0 5px 0;
background:url(../images/AgenditaDetail.jpg) no-repeat #efefef 5px 50%;
height:auto;
text-align:justify;
}
.tituloDetail div{
margin:5px 5px 5px 25px;
color:#000000;
font-size:12px;
font-weight:bold;

}
.subHeaderDetail{
width:100%;
height:auto;
padding:5px 0px 5px 0px;
margin:10px 0 10px 0;
font-size:11px;
font-weight:bold;
background:#efefef;
}
.subHeaderDetail span{
margin-left:5px;
}
.subHeaderDetail img{
float:right;
margin-right:5px;
}
.detallesDetail{
font-size:11px;
position:relative;
text-decoration:none;
}
.detallesDetail label{
color:#808080;
display:block;
text-align:left;
width:65px;
margin-right:4px;
float:left;

}
.detailContainerAncho{
margin:auto;
font-family:Arial, Helvetica, sans-serif;
width:800px;

}

.tituloDetailAncho{
width:800px;
-moz-border-radius: 5px 5px 5px 5px;
padding:5px 0px 5px 0px;
margin:10px 0 5px 0;
background:url(../images/AgenditaDetail.jpg) no-repeat #efefef 5px 50%;
height:auto;
text-align:justify;
}
.tituloDetailAncho div{
margin:5px 5px 5px 25px;
color:#000000;
font-size:12px;
font-weight:bold;

}
.subHeaderDetailAncho{
width:800px;
height:auto;
padding:5px 0px 5px 0px;
margin:10px 0 10px 0;
font-size:11px;
font-weight:bold;
background:#efefef;
}
.subHeaderDetailAncho span{
margin-left:5px;
}
.subHeaderDetailAncho img{
float:right;
margin-right:5px;
}
.detallesDetailAncho{
font-size:11px;
position:relative;
text-decoration:none;
}
.detallesDetailAncho label{
color:#808080;
display:block;
text-align:left;
width:65px;
margin-right:4px;
float:left;

}
.formDetail textarea{
width:300px;
border:#808080 1px solid;

}
 .botonDetail
{
 background: #575757;
 border: 1px solid #575757;
 color: #FFF;
 font-size: 11px;
 font-family:Arial, Helvetica, sans-serif;
 margin-top:7px;
 float:right;
}
.detallesDetail a{
color:#999999;
text-decoration:none;
}
.detallesDetail span{
color:#000;
text-align:left;
font-weight:bold;
width:90%;

}
.barritaTopDetail{
width:300px;
height:45px;
background: url(../../images/banner.jpg) no-repeat center center;


}
.barritaTopDetailAncho{
width:100%;
height:45px;
background:#F37021;
-moz-border-radius: 0px 0px 5px 5px;

}
.comentarioDetail{
position:relative;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}
.comentarioDetail img{
float:left;
margin:5px;
}

.comentarioDetail div{
text-align:justify;
width:240px;
margin:-10px 0px -5px 0px;

float:left;
}
.detailHora{
font-style:italic;
border-bottom:#ccc 1px solid;
padding-bottom:5px;
}
.detailHora img{
float:left;
margin:2px 5px 0px 0px;

}
.registroA button{
clear:both;
margin-left:150px;
width:100px;
height:25px;
 background: #f57c34;
 border: 1px solid #FFF;
 color: #FFF;
 font-size: 12px;
 font-style: normal;
}
.footer .izq{
float:right;
margin-right:5px;
}
.footer a{
color:#f57c34;
text-decoration:none

}
footer a:hover{
color:#ccc;
text-decoration:underline;

}
.detailP{
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:14px;
margin:22px 0 0 300px;

}
.detailP a{
padding:1px 5px  !important;
color:#f57c34;
background:#FFFFFF;



}
@media screen and (-webkit-min-device-pixel-ratio:0){
#logout {margin:21px 140px 0 0}
#botonIndex{margin:45px auto 0;}
}