/* FORMULARIOS */
.Input{Border:#888888 1px solid;background-color:#ffffff;height:22px;font-size:14px; font-family:LetterOfficial, Arial, Tahoma, Verdana;color:#252525;}
.InputE{Border:#888888 1px solid;background-color:#ffffff;height:18px;font-size:14px; font-family:LetterOfficial, Arial, Tahoma, Verdana;color:#252525;font-weight: bold;}
.InputC{Border:#888888 1px solid;background-color:#ffffff;height:18px;font-size:14px; font-family:LetterOfficial, Arial, Tahoma, Verdana;color:#252525;text-align:Center;font-weight: bold;}
.InputCount{Border:#FFFFFF 1px solid;Height:22px;font-size:14px;font-family:LetterOfficial, Tahoma, Tahoma, Verdana;color:#000000; text-align:right;font-weight: bold;}
.SelectOpp{Height:20px; Width:100%;font-size:10px; font-family:LetterOfficial, Arial, Tahoma, Verdana;color:#252525; text-align:left;}
.SelectOp{Height:20px; Width:100%;font-size:14px; font-family:LetterOfficial, Arial, Tahoma, Verdana;color:#252525; text-align:left;}
.SelectOpM{Height:20px; Width:100%;font-size:14px; font-family:LetterOfficial, Arial, Tahoma, Verdana;color:#252525; text-align:left;text-transform:capitalize;}
.SelectOpN{Height:20px; Width:100%;font-size:14px; font-family:LetterOfficial, Arial, Tahoma, Verdana;color:#252525; text-align:left;font-weight: bold;}
.Textarea{Border:#888888 1px solid; Width:100%;font-size:14px; font-family:LetterOfficial, Arial, Tahoma, Verdana;color:#252525; text-align:left; text-indent:0px;}
.Boton{font-size:13px;font-family:Tahoma, Arial, Tahoma;}
.Espacio10{Margin-Bottom:10px;}
.CCDivisor{background-color:#FF0000;height:2px;Display:clear;}

/*GENERAL */
#MargenP {Max-Width:100%;Margin:0px Auto;}
.ImagenPortada {Float:Left;Width:300px;Height:200px;Margin-Right:20px;}
.ImagenMarco {Width:300px;Height:200px;}
.STitulo{font-size:26px;line-height:26px;  font-family:Titulos, LetraBase, Arial, Tahoma, Verdana; color:#922222;}
#CCGrande {Visibility:Visible;}
#CCMovil {Height:0px;Visibility:Hidden;display: none;}
.GGDescargasT{Background-Image: url(/Imagenes/FondoCeldas.jpg);BackGround-Color:#f1f1f1;Height:22px;font-size:14px; font-family:LetraBase, Arial, Tahoma, Verdana; color:#000000; text-align:Center;letter-spacing: -0px;font-weight: bold;text-shadow: 1px 1px #ededed}

/*IMAGEN PRINCIPAL */
.ImgPHDerecha{float:right;Margin-Left:15px;Padding-Bottom:10px;max-width:50%;height: auto;}
.ImgPHCentro{Padding-Bottom:20px;width:100%;height: auto;display:block;margin: 0 auto;}
.ImgPHIzquierda{float:Left;Margin-Right:15px;Padding-Bottom:10px;max-width:50%;height: auto;}

.ImgPVDerecha{float:right;Margin-Left:15px;Padding-Bottom:10px;max-width:35%;height: auto;}
.ImgPVCentro{Padding-Bottom:20px;width:50%;height: auto;display:block;margin: 0 auto;}
.ImgPVIzquierda{float:Left;Margin-Right:15px;Padding-Bottom:10px;max-width:35%;height: auto;}

/*GALERIA */
#GaleriaRango {Width:33%;Float:Left;Padding-Bottom:20px;}
#GaleriaMargen {Width:94%;}
#GaleriaPortada {Width:100%;Height:auto;}

/*VIDEO */
#VideoRango {Width:25%;Height:230px;Float:Left;Padding-Bottom:0px;}
#VideoMargen {Width:94%;margin:0 auto;}
.VideoImagen {Width:100%;}
.embed-container {position: relative;padding-bottom: 56.25%;height: 0;overflow: hidden;}
.embed-container iframe {position: absolute;top:0;left: 0;width: 100%;height: 100%;}
#VideoFrame_Derecha {Width:50%;Float:Right;Margin-Left:20px;Padding-Bottom:10px;}
#VideoFrame_Centro {Width:100%;Padding-Bottom:10px;margin: 0 auto;}
#VideoFrame_Izquierda {Width:50%;Float:Left;Margin-Right:20px;Padding-Bottom:10px;}

/*EVENTOS */
.EventosPortada {Float:Left;Width:200px;Height:280px;Margin-Right:20px;}
.EventosImagenMarco {Width:200px;Height:280px;}
.EventosTablaH {Float:Left;Max-Width:350px;Margin-Right:20px;}
.EventosImagenH {Max-Width:350px;Height:auto;}
.EventosTablaV {Float:Left;Max-Width:250px;Margin-Right:20px;}
.EventosImagenV {Max-Width:250px;Height:auto;}

/*TESTIMONIOS */
.TestimoniosPortada {Float:Left;Width:130px;Height:90px;Margin-Right:10px;Margin-Bottom:10px;}
.TestimoniosImagenMarco {Width:130px;Height:90px;}

/*DICCIONARIO */
.ImagenDiccionario {Float:Left;Width:120px;Height:120px;Margin-Right:20px;}
.ImagenMarcoDiccionario {Width:120px;Height:120px;}

/* 700 PX O MENOS */
@media screen and (max-width: 650px) {
/*GENERAL */
#MargenP {Max-Width:650px;}
.ImagenPortada {Float:None;Width:100%;Height:auto;Margin-Right:0px;Margin-Bottom:06px;}
.ImagenMarco {Width:100%;Height:auto;}
.STitulo{font-size:22px;}
#CCGrande {Width:0px;Height:0px;Visibility:Hidden;display:none;}
#CCMovil {Visibility:Visible;Height:auto;Margin-Bottom:25px;display: block;}
.GGDescargasT{display: none;}
.GGDescargasI{display: none;}
.GaleriaEtiquetas {Max-Width:400px;Height:auto;Margin:0px Auto;}

/*GALERIA */
#GaleriaRango {Width:50%;}
#GaleriaEtiquetas {Width:300%;Height:auto;Float:None;Margin-Right:0px;margin: 0 auto;Margin-Bottom:35px;}

/*IMAGEN PRINCIPAL */
.ImgPHDerecha{Float:None;Padding-Bottom:20px;Margin-Left:0px;max-width:100%;height: auto;display:block;margin: 0 auto;}
.ImgPHCentro{Padding-Bottom:20px;width:100%;height: auto;display:block;margin: 0 auto;}
.ImgPHIzquierda{Float:None;Padding-Bottom:20px;Margin-Left:0px;max-width:100%;height: auto;display:block;margin: 0 auto;}

.ImgPVDerecha{Float:None;Padding-Bottom:20px;Margin-Left:0px;max-width:100%;height: auto;display:block;margin: 0 auto;}
.ImgPVCentro{Padding-Bottom:20px;width:100%;height: auto;display:block;margin: 0 auto;}
.ImgPVIzquierda{Float:None;Padding-Bottom:20px;Margin-Left:0px;max-width:100%;height: auto;display:block;margin: 0 auto;}

/*VIDEO */
#VideoRango {Width:50%;Height:280px;}
#VideoMargen {Width:94%;}
#VideoFrame_Derecha {Width:100%;Padding-Bottom:10px;margin: 0 auto;}
#VideoFrame_Centro {Width:100%;Padding-Bottom:10px;margin: 0 auto;}
#VideoFrame_Izquierda {Width:100%;Padding-Bottom:10px;margin: 0 auto;}

/*EVENTOS */
.EventosPortada {Float:None;Width:240px;Height:310px;margin:0 auto;}
.EventosTablaH {Float:None;Max-Width:100%;margin:0 auto;}
.EventosImagenH {Max-Width:100%;Height:auto;margin:0 auto;}
.EventosTablaV {Float:None;Max-Width:100%;margin:0 auto;}
.EventosImagenV {Max-Width:100%;Height:auto;margin:0 auto;}

/* 600 PX O MENOS */
@media screen and (max-width: 600px) {
/*VIDEO */
#VideoRango {Width:50%;Height:260px;}

/* 500 PX O MENOS */
@media screen and (max-width: 500px) {
/*VIDEO */
#VideoRango {Width:50%;Height:220px;}

/* 400 PX O MENOS */
@media screen and (max-width: 400px) {
/*VIDEO */
#VideoRango {Width:50%;Height:210px;}

}