/*********************************************************
  RESETEO 
*********************************************************/
/********************************* FUENTES ***************************************************/
/******************************* FUENTES PERSONALIZADAS *****************************************************/
@font-face {
  font-family: 'Ubuntu';
  src: url('../fonts/ubuntu.woff') format('woff');
}

@font-face {
  font-family: 'Pass';
  src: url('../fonts/simbolos.woff') format('woff');
}

@font-face {
  font-family: 'Titulium';
  src: url('../fonts/titillium.woff') format('woff');
}


.fUbuntu {font-family: 'Ubuntu';}
.fTitulium {font-family: 'Titulium' !important;}
.fArial {font-family: 'arial';}
.fPass {font: 100% Pass !important;}

body {margin:  0px; font-size: 100%; font-family: Titulium, sans-serif, serif; background-color: #fff;}
img, fieldset {
	border: 0;
}

/* set image max width to 100% */
img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}
figure {margin:  0px;}
a {text-decoration: none;}

/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

/************************************************************************************
  ESTILO GENERAL
*************************************************************************************/

#container {width: 100%; margin: 0 auto; overflow: hidden; }
#BtnMenu {float: right; width: 34px; height: 32px; background: transparent url(../images/sprites.png) 0 -78px no-repeat; margin-top: 30px; margin-right: 5px; border-radius: 2px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; padding: 2px; cursor: pointer; visibility: hidden; }

#header {width: 100%;  background-color: #fff; border-bottom: 0px solid #eaeaea; opacity: 1; box-shadow: 0 0px 0px #000; text-align: center; }
#header #ImgLogo {width: 110px; margin-top: 10px; margin-left: 50px; border: 0px solid red; }

/*
#headerF {position:fixed; top:0px; visibility: hidden; width: 100%; height: 65px; background-color: #fff; border: 0px; opacity: 0.95; box-shadow: 0 2px 8px #000; z-index: 100; transition: 0.25s; }
#headerF #ImgLogo {width: 156px; margin-top: 5px; margin-left: 5px; transition: 0.5s;}
*/

#pie {width: 100%; height: auto; color: #000; clear: both; z-index: 10; opacity: 1; background: url(../images/texturamadera.jpg); }
#content {width: 100%; margin: 0; border: 0px ; clear: both; }

/********************************* BARRA MENU ***************************************************/
.DivMenu {display: block; z-index: 1; width: 100% ;  height: 100px; border: 0px solid blue; border-bottom: 10px solid #02c11c; text-align: center; padding: 0 0 0 0; margin: 0px; background: #d7ac79 url(../images/texturamadera.jpg);}

.BarraMenu { margin: 0 auto 0 auto; padding: 0px; border: 0px dotted red; height: 100px; width: 650px;}
.BarraMenu li {border: 0px solid green; list-style: none; float: left; position: relative; display: block; width: auto; height:100px; line-height: 100px; padding: 0px 30px 0 30px; margin-top: 0px;}
.BarraMenu .MenuSelected {background-color: rgba(2, 192, 27,0.75); }
.BarraMenu li:hover {background-color: rgba(0,100,0,0.5); }
.BarraMenu .MenuTexto {height: 10px; color: #000; font-weight: bold; font-size: 110%; color: #000; padding: 2px; letter-spacing: 0px;  }
.BarraMenu .MenuTexto:hover {color: #000; border-bottom: 0px solid #ccc;}

.BarraMenu1 .MenuSelected .MenuTexto {color: #fff; border-bottom: 0px solid rgb(29, 99, 0); }
.BarraMenu1 .Desplegable .IconDown{display: inline-block; width: 18px; height: 10px; background: url(../images/expand_collapse.png) center 0 no-repeat; transition: 0.25s;}
.BarraMenu1 .Desplegable:hover .IconDown{background-position: center -10px ; transition: 0.25s; }

.DivRama1 {position: absolute; z-index: 100; left:0;}
.DivRama2 {margin: 0 auto 0 60%; transform: rotate(-90deg);}
.DivRamita1 {position: absolute; z-index: 100; left:0;}
.DivRamita2 {position: absolute; z-index: 100; Right:0; transform: rotate(90deg);}

.DivFlags {position: absolute;top: 40px; right: 0; width: 70px; height: 20px; font-size: 100%; text-align: left; color: #000; padding: 0px; padding-top: 5px; padding-right: 10px; vertical-align: top;}
.FlagFacebook {display: inline-block; width: 32px; height: 32px; background: #fff url(../images/sprites.png)0 0 no-repeat; border-radius: 0px; border: 0px solid #ccc; cursor: pointer; margin-left: 20px; margin-bottom: 8px;}
.FlagInstagram {display: inline-block; width: 32px; height: 32px; background: #fff url(../images/sprites.png)0 -32px no-repeat; border-radius: 0px; border: 0px solid #ccc; cursor: pointer; margin-left: 5px; margin-bottom: 8px;}

#LiFlags {display: none;}

.FondoNosotros {background: url(../images/fondonosotros.jpg) center 0 fixed; background-size: 100%;}
.FondoMadera {background: url(../images/texturamadera2.jpg);}

.DivMision { background: rgba(0,100,0,0.85) url(../images/texturamadera2.jpg); width: 50%;  border-radius: 10px;  font-size: 120%; padding: 20px; margin: 50px;  color: #fff; box-shadow: 10px 10px 20px #000;}
.DivVision { background: rgba(0,100,0,0.85) url(../images/texturamadera2.jpg); width: 50%;  border-radius: 10px;  font-size: 120%; padding: 20px; margin: 50px;  color: #fff; float: right; box-shadow: 10px 10px 20px #000;}
.IconoMision { border: 0px solid red; display: block; background: url(../images/sprites.png) -144px 0px no-repeat; width: 82px; height: 95px;}
.IconoVision { border: 0px solid red; display: block; background: url(../images/sprites.png) -230px 0px no-repeat; width: 100px; height: 95px;}

/********************************* FORMULARIO ********************************************/
input {border: 1px solid #c0c0c0; background-color: white; border-radius: 2px; padding: 4px; margin: 2px; font-size: 100%; transition: 0.25s; }
input:disabled{background-color: #f0f0f0; border: 1px solid #d0d0d0; color: #808080;}
select1 {border: 1px solid #c0c0c0; background-color: white; border-radius: 3px; padding: 8px; margin: 2px; font-size: 100%;}
textarea {border: 1px solid #c0c0c0; background-color: white; border-radius: 3px; padding: 8px; margin: 2px; font-size: 100%; font-family: Ubuntu, Freesans, sans-serif; transition: 0.25s }

.FTitulo {border-bottom: 1px solid #125e0e; background-color: #125e0e; height: 26px; margin-left:auto;	margin-right:auto; text-align:left; color: #f0f0f0; line-height: 24px; font-weight: bold; font-size: 100%; border-radius: 0px;  border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;margin: 0px; margin-bottom: 5px; text-align: center;}
.FTituloRojo {border-bottom: 1px solid #808080; background: #994A4A url(images/fbarratitulo.png) repeat-x; height: 26px; margin-left:auto;	margin-right:auto; text-align:left; color: #f0f0f0; line-height: 24px; font-weight: bold; border-radius: 0px;  border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;margin: 0px; text-align: center;}
.FCuerpo {margin-left: auto; margin-right: auto; position: relative; border: 1px solid #125e0e; border-top: 0px; font-size: 100%; background-color: #FFFFFF; padding-bottom: 5px; text-align:left; border-radius: 0px;} 
.FCuerpo p {margin-bottom: 0px; margin-top: 0px; padding-left: 5px;} /* parrafos sin margenes*/

.FPopUp{margin-left: auto; margin-right: auto; position: relative; border: 1px solid #ccc; padding: 4px; background-color: #fff; text-align:left; border-radius: 4px; box-shadow: 4px 4px 8px #888;}
.FlechaPopUp {display: block; position: absolute;  width: 19px; height: 13px; background: transparent url('../images/sprites.png') -35px 0px no-repeat; margin-top: -16px; left: 0px;}

.FServicio{margin-left: auto; margin-right: auto; position: relative; border: 0px solid #808080; width: 90%; background-color: #fff; text-align:left; border-radius: 0px; padding: 6px; line-height: 24px; overflow: hidden; margin-bottom: 20px;}

.FServicio p {line-height: 24px;} 
.ImagenServicio {width: 400px; background-color: #fff; border-radius: 3px; padding: 8px; margin: 8px; box-shadow: 0 0 2px 2px #ccc; float: left;}


#LblAvisoAjax{display: inline-block; font-weight: normal; text-align: left; padding-left: 5px;}
.MensajeOK {color: #007200; font-size: 100%; font-weight:bold;}
.MensajeInfo {color: #444; font-size: 100%; font-weight:bold;}
.MensajeError {color: #c00; font-size: 100%; font-weight:bold;}

/* ============ CSS para el PopUp de ventanas ============= */
#DivFondo {background-color: #000000; left:0; top:0px; width:0px; height:0px; position: absolute; display: none; z-index:199; opacity: 0.85;}
#DivFondoTransp {background-color: rgba(0,0,0,0.5); left:0; top:0px; width:0px; height:0px; position: absolute; display: none; z-index:198; }
#ImgProgreso {position: absolute; visibility: hidden; z-index: 103; border: 0px solid #404040; background-color: transparent; border-radius: 3px;}
#FrameData {position: absolute; border-radius: 0px; padding: 0px; margin:0; display: none; z-index: 199; background-color: transparent; }


#GoTop {position: fixed; right: 10px; bottom: 10px; width: 40px; height: 40px; background: transparent url(../images/sprites.png) -35px -70px no-repeat; visibility: hidden; transition: 1s; opacity: 0; cursor: pointer; z-index: 5;}


.BtnComenzar {display: inline-block; color: #fff; font-weight: bold; padding: 5px; border-radius: 4px; background-color:  #B22D2A; font-size: 120%; cursor: pointer; border: 2px solid #fff; }
.BtnComenzar:hover {box-shadow: 0 0 8px #fff;}

.ev_mm_opacity1:hover {opacity: 1; transition: 0.25s;}
.ev_mm_fGris:hover {background-color: #ccc; transition: 0.25s;}
.Opacity0 {opacity: 0; transition: 0.25s}
.Opacity0_5 {opacity: 0.5; transition: 0.25s}
.Opacity0_85 {opacity: 0.85; transition: 0.25s}

/********************************* ANCHO Y ALTO ***************************************************/
.w940px {width: 940px}
.w50px {width: 50px;}
.w60px {width: 60px;}
.w70px {width: 70px;}
.w80px {width: 80px;}
.w90px {width: 90px;}
.w100px {width: 100px;}
.w140px {width: 140px;}
.w150px {width: 150px;}
.w200px {width: 200px;}
.w250px {width: 250px;}
.w300px {width: 300px;}
.w350px {width: 350px;}
.w390px {width: 390px;}
.w400px {width: 400px;}
.w450px {width: 450px;}
.w600px {width: 600px;}
.w640px {width: 640px;}
.w550px {width: 550px;}
.w750px {width: 750px;}
.w800px {width: 700px;}
.w1024px {width: 1024px;}
.w10_ {width: 10%;}
.w20_ {width: 20%;}
.w29_ {width: 29%;}
.w30_ {width: 30%;}
.w40_ {width: 40%;}
.w33_ {width: 33%;}
.w50_ {width: 50%;}
.w70_ {width: 70%;}
.w80_ {width: 80%;}
.w90_ {width: 90%;}
.w95_ {width: 95%;}
.w99_ {width: 99%;}
.w100_ {width: 100%;}
.w200_ {width: 200%;}
.wm500px {max-width: 550px; width: 100%;}

.h25px {height: 25px;}
.h50px {height: 50px;}
.h75px {height: 75px;}
.h100px {height: 100px;}
.h130px {height: 130px;}
.h150px {height: 150px;}
.h200px {height: 200px;}
.h250px {height: 250px;}
.h300px {height: 300px;}
.h350px {height: 350px;}
.h400px {height: 400px;}
.h480px {height: 480px;}
.h500px {height: 500px;}
.hMin500px {min-height: 500px;}
.h600px {height: 600px;}
.h700px {height: 700px;}
.h800px {height: 800px;}
.hMin600px {min-height: 600px;}

.h100_ {height: 100%;}


/********************************* OTROS ***************************************************/
.fBlanco {background-color: white;}
.fNegro {background-color: #000;}
.fVerde {background-color: #125e0e;}
.fMarron {background-color: #9B0000;}
.fGris {background-color:  #606060;}
.fGrisClaro {background-color:  #fafafa;}
.fVioletaClaro {background-color: #DAB8F9;}
.fVioleta {background-color: #A06FCE;}

.fAzulClaro {background-color: #7EB8EA;}
.fAzul {background-color: #377BBA;}
.fTranslucido {background: url(../images/bg_popup.png);} 
.fSemiOpaco{background: url(../images/bg_negro.png);}

.fParket{background: url(../images/piso_madera1.jpg) center bottom;}
.fCaoba{background: url(../images/black-ground.png);}
.tVerde {color:  #125e0e;}
.tRojo{color: #d52b2b}
.tGris {color:  grey;}
.tNegro {color:  black;}
.tBlanco {color:  #fff;}
.tAzul{color:  #2A76AF;}
.tBorde2pxNegro {text-shadow: 0px 0px 4px #000} 

.Etiqueta { border-radius: 3px; padding: 3px; padding-top: 1px; padding-bottom: 1px; color: #fff; font-weight: bold; font-size: 75%; margin: 1px; margin-top: 4px; display: inline-block; transition: 0.25s; }
.Etiqueta:hover {box-shadow: 0 0 4px #888; transition: 0.25s;}

.bB5pxAzul {border-bottom: 5px solid #6EA4CC;}
.bB5pxVerde {border-bottom: 5px solid rgb(18, 94, 14);}
.bB1pxVerde {border-bottom: 1px solid rgb(18, 94, 14);}
.bB1pxGris{border-bottom: 1px solid #888;}
.bt1pxGris_dashed {border-top: 1px dashed #888;}
.bB1pxGris_dashed {border-bottom: 1px dashed #ddd;}
.bT1pxVerde_dashed {border-top: 1px dashed #10a11c;}
.bB1pxVerde_dashed {border-bottom: 1px dashed #10a11c;}

.bB5pxMarron {border-bottom: 5px solid rgb(155,0,0);}
.bB1pxMarron {border-bottom: 1px solid rgb(155,0,0);}


.b1pxNegro {border: 1px solid black;}
.b1pxBlanco {border: 1px solid #fff;}
.b1pxGris {border: 1px solid grey;}
.bRadio2px {border-radius: 2px;}
.p0px {padding: 0px;}
.p5px {padding: 5px;}
.p10px {padding: 10px;}
.p15px {padding: 15px;}
.p20px {padding: 20px;}

.pl10px {padding-left: 10px;}
.pl20px {padding-left: 20px;}
.pl30px {padding-left: 30px;}

.pt5px {padding-top: 5px;}
.pt10px {padding-top: 10px;}
.pt15px {padding-top: 15px;}
.pt20px {padding-top: 20px;}
.pt25px {padding-top: 25px;}
.pt30px {padding-top: 30px;}
.pt40px {padding-top: 40px;}
.pt50px {padding-top: 50px;}
.pt100px {padding-top: 100px;}
.pt150px {padding-top: 150px;}
.pt200px {padding-top: 200px;}
.pr20px {padding-right: 20px;}
.pr50px {padding-right: 50px;}
.pb15px {padding-bottom: 15px;}
.pb20px {padding-bottom: 20px;}
.pb50px {padding-bottom: 50px;}

.top20px {top: 20px;}
.mt0px {margin-top:  0px;}
.mt10px {margin-top:  10px;}
.mt50px {margin-top:  50px;}
.m5px {margin: 5px;}
.m15px {margin: 15px;}
.m0px {margin: 0px;}
.ml50_ {margin-left: 50%;}

.n {font-weight: bold;}
._n {font-weight: normal;}
.u {text-decoration: underline;}
.fLeft {float: left;}
.fRight{float: right;}
.cBoth {clear:both;}

.CenterBox {margin-left: auto; margin-right: auto;}
.center {text-align: center;}
.left {text-align: left;}
.right {text-align: right;}
.Justified {text-align: justify;}
.cb {clear:  both;}
.dInLine {display: inline-block;}
.oHidden {overflow: hidden;}
.Oculto  {visibility:  hidden;}
.dNone  {display: none;}
.dBlock {display: block;}
.vAlignT {vertical-align: top;}
.vAlignB {vertical-align: bottom;}
.vAlignM {vertical-align: middle;}
.cPointer {cursor: pointer;}
.pAbsolute {position: absolute;}
.pRelative {position: relative;}

.ImgProyecto {padding-top: 20px; width: 600px;}

.ContieneImagen {overflow: hidden;}
#ul_Productos  .Imagen { transition: 3s;}
#ul_Productos {list-style: none; margin: 0px; padding: 0px; padding-top: 20px; width: 100%;}
#ul_Productos li {border: 1px solid #aaa; padding:0px; margin: 10px; padding: 0px; width: 290px; height: 360px; float: left; text-align: left; cursor: pointer; transition: 0.5s; overflow: hidden;}
#ul_Productos li .Titulo {height: 30px; color: #000; font-weight: normal; font-size: 100%; padding-left: 10px; margin: 0px; text-align: left; line-height: 15px; text-transform: uppercase; width:100%; transition: 0.25s;}
#ul_Productos li .Linea {height: 25px; color: #04a836; font-weight: bold; font-size: 90%; padding-left: 10px; margin: 0px; text-align: left; line-height: 15px; text-transform: uppercase; width:100%; transition: 0.25s;}
#ul_Productos li:hover > .Titulo1 {transform: scale(1.2); transition: 0.25s;}
#ul_Productos li:hover > .ContieneImagen .Imagen {transform: scale(1.2); transition-duration: 3s; transition-delay: 0.0s;}
#ul_Productos li:hover  {border: 1px solid #26ee30; transition: 0.5s;}
.SpanPotencia {display: block; background-color: #444; color:#fff; padding: 0 4px 0 4px; border-radius: 3px; position: absolute;  font-size: 80%; margin: 5px 5px  0 210px; z-index: 2;}

#ul_OtrosProductos .Imagen { transition: 3s;}
#ul_OtrosProductos {list-style: none; margin: 0 auto 0 auto; padding: 0px; padding-top: 20px; width: 800px; }
#ul_OtrosProductos li {border: 1px solid #aaa; padding:0px; margin: 2px; padding: 0px; width: 190px; height: 250px; float: left; text-align: left; cursor: pointer; transition: 0.5s; overflow: hidden;}
#ul_OtrosProductos li .Titulo {height: 30px; color: #000; font-weight: normal; font-size: 90%; padding-left: 10px; margin: 0px; text-align: left; line-height: 15px; text-transform: uppercase; width:100%; transition: 0.25s;}
#ul_OtrosProductos li .Linea {height: 25px; color: #04a836; font-weight: bold; font-size: 80%; padding-left: 10px; margin: 0px; text-align: left; line-height: 25px; text-transform: uppercase; width:100%; transition: 0.25s;}
#ul_OtrosProductos li:hover  {border: 1px solid #26ee30; transition: 0.5s;}
#ul_OtrosProductos li:hover > .ContieneImagen .Imagen {transform: scale(1.2); transition-duration: 3s; transition-delay: 0.0s;}


.DivProducto {border: 0px solid #f0f0f0; margin: 0 auto 20px auto ; width: 1024px; padding: 10px 10px 20px 10px;}
.DivProducto .DivImagenGrande {float: left;  margin: 15px; width: 400px;}
.DivProducto .ImagenGrande {border: 1px solid #fff; width: 400px; transition: 0.25s;}
.DivProducto .ImagenGrande:hover {transform: scale(1.05);}
.DivProducto .Descripcion {float: left;  width: 500px; line-height: 30px;}
.DivProducto .Descripcion .Titulo {font-size: 200%; font-weight: bold;  margin: 5px  5px 5px 0px;}
.DivProducto .ImagenMini {border: 1px solid #ccc; width: 100px; margin:5px; transition: .25s; cursor: pointer;}
.DivProducto .ImagenMini:hover {transform: scale(1.05);}


.BtnConsultar {display: inline-block; cursor: pointer; padding: 10px; background-color: #125e0e; border-radius: 3px; box-shadow: 2px 2px 8px #888; color: #fff; font-weight: bold; margin: 25px 0 25px 0;}
.TildeVerde {display: inline-block; width: 16px; height: 16px; background: url(../images/sprites.png) -61px 0 no-repeat; }

.ImageProductos_disabled {background: url(../images/bg_floating_floor.jpg) center center fixed; }
.DivImagenesNosotros {background: #492400 url(../images/troncos2.jpg) center bottom; min-height: 180px; padding: 70px 20px 50px 20px; text-align: center;}
.ImagenNosotros {border: 1px solid #fff; width: 200px; margin:5px; transition: .25s; }



#DivImagenPopUp {width: 400px; padding: 25px; background-color:  #fff ; opacity: 1; z-index: 200;}
.ImgContent {width: 100%; height: 100%; text-align: left; overflow: hidden; background-color: transparent; border: 0px solid #fff; overflow: hidden;}

.ImagenOriginalPopUp { position: absolute; opacity: 1; display: none ; border: 1px solid #fff; box-shadow: 0 0 4px #888;}
.DivMiniaturas {display: none; position: absolute; opacity: 0.85; bottom: 0px; padding-left: 10px; padding-right: 10px; text-align: center; width: 90%; background-color: #888; z-index: 10;}

/********************************* VER_IMAGEN***************************************************/
.FlechaIzq { position: absolute; width:  60px; height: 99%; left: 5px; top: 0px; z-index: 10; background: transparent url(../images/flechaizq.png) left center no-repeat;		cursor: pointer;  transition: 0.25s;}
.FlechaDer { position: absolute; width:  60px; height: 99%; right:  5px; top: 0px; z-index: 10; background: transparent url(../images/flechader.png) right center no-repeat;  cursor: pointer;}
.SpanCerrarPopup {cursor: pointer; font-weight: bold; font-size: 90%; background-color: #119e29; border-radius: 10px; padding-left: 7px; padding-right: 7px; color: white;} 

.instagram_icon {display: inline-table; background: url(../images/sprites.png) -110px -46px no-repeat; width: 22px; height: 22px; vertical-align: middle;}
.wsp_icon {display: inline-table; background: url(../images/sprites.png) -110px -23px no-repeat; width: 22px; height: 22px; vertical-align: middle;}
.facebook_icon {display: inline-table; background: url(../images/sprites.png) -83px -22px no-repeat; width: 22px; height: 22px; vertical-align: middle;}
.tel_icon {display: inline-table; background: url(../images/sprites.png) -84px -45px no-repeat; width: 22px; height: 22px; vertical-align: middle;}
.home_icon {display: inline-table; background: url(../images/sprites.png) -83px 0px no-repeat; width: 22px; height: 22px; vertical-align: middle;}
.mail_icon {display: inline-table; background: url(../images/sprites.png) -84px -69px no-repeat; width: 22px; height: 22px; vertical-align: middle;}
.horario_icon {display: inline-table; background: url(../images/sprites.png) -110px 0px no-repeat; width: 22px; height: 22px; vertical-align: middle;}

.DivFollowFacebook {border: 0px solid #9B0000; background-color: #f0f0f0; box-shadow: 0 0 4px #000; width: 350px; padding: 8px; margin-left: -450px; height: 240px; transition: 1s; }

#TextoNosotros {width: 50%; right: 0px; background-color: #fff; color: #000; margin-top: 50px; padding: 20px; font-weight: normal; box-shadow: 0 0 8px #444; margin-left: 20px;}
#TextoNosotros a {color: #000;}

.DivContacto {border: 1px solid #f0f0f0; width: 800px; border-radius: 2px; background-color: #fafafa; padding: 15px;}


/*****************************SECCION PRODUCTO********************************************/
.MnuMarca {
  display: block;
		text-align: left;
		background-color: #fff;
		border-bottom: 1px solid #fafafa;
  width: 100%;
		color: #000;
		padding: 8px;
  margin: 0px;
		transition: 0.25s;
}

.Selected {
		border-bottom: 1px solid #f0f0f0;
  font-size: 100%;
  font-weight: bold;
		background-color: #fafafa;
  color: #000;
}


/***************************** SECCION NOSOTROS ********************************************/
.ul_Trabajos {list-style: none; margin: 0px; padding: 0px; padding-top: 0px; width: 100%; background-color: #fff; padding-bottom: 30px; border-bottom: 2px double #821818;}
.ul_Trabajos li {padding:0px; margin: 3px; padding: 0px; width: 32%; height: 300px; float: left; text-align: left; transition: 0.5s; background: transparent url() center bottom no-repeat; overflow: hidden;}
.ul_Trabajos li:hover {background-position: center top; transition-duration: 1s; transition-delay: 0.0s;}
.ul_Trabajos li .FondoNegro{background-color: #000; opacity: 0.25; height: 270px; width: 100%; transition: 0.25s;}
.ul_Trabajos li .Titulo{background-color: #000; opacity: 0.50; height: 30px; color: #fff; font-weight: bold; font-size: 100%; padding: 0px; padding-top: 3px; margin-top: 0px; text-align: center; text-transform: uppercase; width:100%; transition: 0.25s;}
.ul_Trabajos li:hover > .Titulo{margin-top: 0px; color: #fff; opacity: 0.75; transition: 0.25s;}
.ul_Trabajos li:hover > .FondoNegro{opacity: 0; color: #fff; transition: 0.25s;}

 

.MobileAction {display: none;}

h1  {font-size: 120%;}
h2  {font-size: 110%;}
h3  {font-size: 105%;}

.ContentCarousel {width: 100%; height: 600px; overflow: hidden; border: 0px solid #49B52B; border-radius: 0px;}
.FrameSubirArchivo {border: 1px solid #c0c0c0; width: 137px; height: 115px; border-radius: 4px;}

#ul_Pie {list-style: none; padding: 0px; width: 100%;  margin:0px; }
#ul_Pie li{ padding:0px; margin: 0px; float: left; text-align: left;  height: 100%; padding-top: 50px;}
#li_PieLogo {padding-left: 50px !important; width: 30%;}
#li_PieUbicacion {width: 45%;}
#li_Desarrollado {width: 20%;}

#DivForm {width: 640px; }

.t500_ { font-size: 500%;}
.t300_ { font-size: 300%;}
.t200_ { font-size: 200%;}
.t250_ { font-size: 250%;}
.t150_ { font-size: 150%;}
.t120_ { font-size: 120%;}
.t100_ { font-size: 100%;}
.t90_ { font-size: 90%;}
.t80_ { font-size: 80%;}
.t70_ { font-size: 70%;}
.t14px { font-size: 90%;}
.t12px { font-size: 80%;}
.t11px { font-size: 75%;}
.t10px { font-size: 60%;}

.Shadow_up {box-shadow: 0 -2px 4px #888;}
.LblForm {display: inline-block; width: 180px; font-size: 100%; }
.FormData {display: inline-block; width: 80%; font-size: 100%;}
.Required {display: none;}

#FrameMapa {width: 100%; height: 500px; transition: 0.5s;}

.Boton1 {background-color: #060;}

.BtnVerde {display: inline-block; cursor: pointer; padding: 10px; background-color: #20a719; border-radius: 3px; box-shadow: 2px 2px 8px #888; color: #fff; font-weight: bold;}
.BtnRojo {display: inline-block; cursor: pointer; padding: 10px; background-color: #A50000; border-radius: 3px; box-shadow: 2px 2px 8px #888; color: #fff; font-weight: bold; transition: 0.25s;}
.BtnRojo:hover {background-color: #C93838; transition: 0.25s;}

/************************************ PERFIL USUARIO*******************************************/
.AccesoAdmin {width: 300px; height: 300px;background: transparent url(../images/bg_popup.png); border: 5px solid #fff; border-radius: 2px;}

#Admin_ListaOpciones {list-style: circle; width: 90%; margin-left: 16px; }
#Admin_ListaOpciones li{height: 30px; line-height: 25px; font-size: 120%; }
#Admin_ListaOpciones li a {color: black; transition: 0.25s;}
#Admin_ListaOpciones li a:hover {color: #417235; } 


.ContenedorPestanias {border-bottom: 1px solid #ccc; height: 31px;}
.SpanPestania {background-color: #ddd; width: 100px; display: inline-block; border: 1px solid #ccc;  padding: 5px; height: 20px; cursor: pointer;}
.SpanPestaniaSelected {border-bottom: 1px solid #fff !important; background-color: #fff !important;}

#Paneles {list-style: none; padding:0px; padding-top: 20px; margin: 0px; border: 0px solid red;}
#PanelIzq {float:left; width: 250px; padding-top: 0px; text-align: left; border-right: 1px solid #ccc;}
#PanelDer {float:left; width: 81%; padding: 0px;}
#PanelPie {clear:both; width: 99%;}

.Seccion {font-size: 140%; width: 90%; margin: 5px 0 25px 10px; padding-bottom: 10px; width: 99%; border-bottom: 1px dashed #888; }

.MnuUsuario {
  display: block;
		text-align: left;
		background-color: #fff;
		border-bottom: 1px solid #fafafa;
  width: 100%;
		color: #000;
		padding: 8px;
  margin: 0px;
		transition: 0.25s;
}

.MnuUsuario1:hover {
		padding-left: 70%;
		transition: 0.25s;
}

.Selected {
		border-bottom: 1px solid #f0f0f0;
  font-size: 100%;
  font-weight: bold;
		background-color: #fafafa;
  color: #000;
}

.Btn_Subir {position: absolute; display: inline-block; padding: 5px; background-color: #00a85a; color: #fff; cursor: pointer; border-radius: 2px; font-size: 80%; font-weight: bold; z-index: 0; cursor: pointer;}
.InputUpload {cursor: pointer; opacity: 0; position: relative; width: 75px; font-size: 80%; height: 10px;}

.File { color: #000; font-weight: normal; }
.IconDelete {display: inline-block; width: 16px; height: 16px; background: url(../images/icons/delete.png) center center no-repeat; cursor: pointer; font-size: 50%;}
.IconFile {display: inline-block; width: 32px; height: 32px; background: url(../images/icons/file_icon.png) center center no-repeat; cursor: pointer; font-size: 70%; color: #fff; line-height: 40px; text-align: center; font-weight: bold; vertical-align: middle; overflow: hidden;}

#DivUpload {display: inline-block;  width: 150px; overflow: hidden;}
#MsgUpload {display: inline-block; width: 0px; height: 24px; overflow: hidden; text-align: left; font-size: 80%;}

/**************************** SECCION ADMIN ***********************************************/

.SpanSeccion {display: inline-block; width: 97%; font-weight: bold; font-size: 16px; color: #7918BA; border-bottom: 1px solid #792FBF}
.SpanMenuAdmin{display: inline-block; width: 97%; font-weight: bold; text-decoration: underline; text-align: right; cursor: pointer; padding: 2px;}

.TablaConsulta{background: #e0e0e0 url(images/fondos.png) 0px -135px repeat-x; width: 99%; margin-top: 5px; padding: 4px; border: 1px solid #c0c0c0; border-radius: 4px;  margin-left: auto; margin-right: auto;}

table {margin-left:auto;margin-right: auto; border-spacing:0px;}
td {padding-left:5px; vertical-align: top;}

.Tabla {border: 1px solid #c0c0c0; border-collapse: collapse}
.Tabla thead td { background: #F2F2F2 url(../images/fondo_tablas.png) repeat-x ; height: 28px; border-right: 1px solid #c0c0c0; border-bottom: 1px solid #CCC; font-weight:bold; font-size: 100%; vertical-align: middle; ;}
.Tabla tbody td { height: 28px; overflow: hidden; border-right: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; padding-right: 2px; }
.Tabla tfoot td { background-color: #f8f8f8; font-weight:bold; padding-right: 2px; height:28px;}
.Tabla tbody tr {background-color: #ffffff; color: black; transition: 0.18s;}
.Tabla tbody tr:hover {background-color: #fafafa; color: #000; transition: 0.18s;}
.BtnAgregar {display: inline-block; width: 18px; height: 18px; background: transparent url(../images/agregar.gif) no-repeat; cursor: pointer;}
.BtnEditar {display: inline-block; width: 18px; height: 18px; background: transparent url(../images/editar.gif) no-repeat; cursor: pointer;}
.BtnQuitar {display: inline-block; width: 18px; height: 18px; background: transparent url(../images/quitar.gif) no-repeat; cursor: pointer;}
.oScroll {overflow: scroll;}
.oScrollH {overflow-y: scroll; overflow-x:  hidden;}
.oHidden {overflow: hidden;}

/**************************** CHAT ***********************************************/
#DivChat {position: fixed; width: 300px; height: 300px; bottom: -270px; right: 10px; border-radius: 3px; overflow: hidden; z-index: 1000; background-color: #fff; font-family: arial; font-size: 90%;}
#DivChat .Titulo {height: 24px; background-color: #9B0000; color: #fff; margin: 0px; padding: 4px; text-align: center; cursor: pointer;}


#DivChat .Titulo:hover {background-color: #C42D2D;}
#DivChat #ChatDialog {width: 295px; height: 230px; padding-left: 2px; overflow-y: scroll;}
#DivChat #TxtChatLine {padding: 1px; margin: 0px; font-size: 14px; width: 260px; height: 22px; font-family: arial;}
#DivChat #CmdChatSend {padding: 1px; margin: 0px; font-size: 14px; width: 30px; height: 26px; border: 0px; background-color: #9b0000; color: #fff;}
#DivChat #DivChatLine {padding-left: 2px; text-align: left;}




#DivChatServer {width: 100%; height: 400px; bottom: -270px; right: 10px; border-radius: 3px; overflow: hidden; z-index: 1000; background-color: #fff; font-family: arial; font-size: 90%; }
#DivChatServer #ChatServerDialog {width: 99%; height: 350px; padding-left: 2px; overflow-y: scroll;}
#DivChatServer #TxtChatServerLine {padding: 1px; margin: 0px; font-size: 14px; width: 90%; height: 22px; font-family: arial;}
#DivChatServer #CmdChatServerSend {padding: 1px; margin: 0px; font-size: 14px; width: 30px; height: 26px; border: 0px; background-color: #9b0000; color: #fff;}
#DivChatServer #DivChatServerLine {padding-left: 2px; text-align: left;}

.TdUserList {width: 100px;}

#DivUserList {height: 400px; overflow-y: scroll; width: 100%;}
.Chat_User {display: inline-block; width: 200px; font-family: arial; padding: 4px; cursor: pointer; font-size: 90%;}
.Chat_User:hover {border-bottom: 1px solid #ccc;}
.Chat_User_Selected {background-color: #C9C9C9; color: #000; font-weight: bold;}