﻿BODY
{
    margin: 0px 0px 0px 0px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
    width: 100%;
    font-size: 101%;
    min-width: 100%;
    background:#FFFFFF;
    background-image: url(../Imagenes/FdBordes.png);
    background-repeat: repeat-x;
}

HTML 
{
    margin-bottom: 1px;
    height:100%;
}

FORM 
{
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}

h1
{
	font-weight: normal;
	text-decoration: none;
	text-align: justify;
	font-size: 1em;
	font-weight: bold;
}

/*
BODY
{
    font-size: xx-small;
    MARGIN: 0pt 0pt 0pt 0pt;
    font-family: verdana, arial, helvetica, sans-serif;
	background-color: #FFFFFF;
	SCROLLBAR-HIGHLIGHT-COLOR: #D16A6D;
    SCROLLBAR-SHADOW-COLOR: #D16A6D;/*#487d97;
    SCROLLBAR-3DLIGHT-COLOR: #D16A6D;/*#487d97;
    SCROLLBAR-ARROW-COLOR: #D16A6D;/*#e8eef2;
    SCROLLBAR-TRACK-COLOR: D16A6D;
    SCROLLBAR-DARKSHADOW-COLOR: #D16A6D;
    SCROLLBAR-BASE-COLOR: whiteSmoke;
    SCROLLBAR-FACE-COLOR: whiteSmoke;
}

*/

/* ******************  Frames y Div   ******************** */
#frmPrincipal 
{
    width: 980px; 
    margin-Top: 1em;  
    position: relative; 
    margin-Left: auto; 
    margin-Right: auto; 
    border: 1px solid #E6E6E6;
}

/*
#frmGeneral
{ 
	margin:0 0 0 0;
	width: 100%;
	height: 100%;
	clear: both;
}
*/

#frmTop
{
	margin:0 0 0 0;
	width: 100%;
	min-width: 100%;
	height: 120px;
	/*background-image: url(../Imagenes/TopLogo120.jpg);
	background-repeat:no-repeat;
	background: #FFFFFF url(../Imagenes/TopLogo.gif) no-repeat fixed left center;*/
	clear: both;
}

#frmSubmenu
{
	margin: 0 0 0 0;
	width: 10%;
	min-width: 10%;
	float:left;
}

#frmSubMenu2
{
	margin: 10px 0 10px 0;
	width: 228px;
	min-width: 228px;
	float:left;
}


#frmSubMenu2 a:hover
{
    color: #7C001F;
    text-decoration: underline;
}


#frmContenido
{
    font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
    padding: 0 0 0 0;
    width: 100%;
    min-width: 460px;
    height: 100%;
    min-height: 460px;
    font-size: 0.9em;
    clear: both;
    background: #FFFFFF url(../Imagenes/LogoAgua.jpg) no-repeat fixed center center;
    text-align: justify;
    /*font-weight: bold;*/
    line-height: 1.8em;
}


#frmPie
{
	margin: 0 0 0 0;
	padding-top: 8px;
	min-width: 100%;
	width: 100%;
	height: 50px;
	min-height: 50px;
	text-align: center;
	color: #000000;
	font-size: 0.6em;
	clear: both;
	/*background-color: #ECECEC;*/
	background-image: url(../Imagenes/FdPie.png);
	background-repeat: repeat-x;
	
}

.frm100RedMaySub
{
    font-weight: bold;
    color: #7C001F;
    margin: 0 0 0 0;
    width: 100%;
    min-width: 100%;
    text-transform: uppercase;
    border-bottom: #7C001F thin dotted;
}

.frmIzqLogo
{
    margin: 0 0 0 0;
    width: 364px;
    min-width: 364px;
    height: 120px;
    min-height: 120px;
    float: Left;
}


/*
#frmContenido
{
	margin: 0 0 0 5%;
	width: 50%;
	min-width: 50%;
	float: left;
    font-weight: bold;
    text-align: justify;
    background: #FFFFFF url(../Imagenes/LogoAgua.jpg) no-repeat fixed center center;
    height: 300px;
    min-height: 300px;
   
}
*/

#FotoRight
{
	margin: 0 0 0 0;
	width: 28%;
	min-width: 28%;
	float: right;
	height: 320px;
	min-height: 320px;
	background: #FFFFFF url(../Imagenes/ejecutiva_Peq.jpg) no-repeat fixed right center;
}

#FotoRightLib
{
	margin: 0 0 0 0;
	width: 278px;
	min-width: 278px;
	float: right;
	height: 320px;
	min-height: 320px;
	background: #FFFFFF url(../Imagenes/Libros.jpg) no-repeat fixed right center;
}

#FotoRightEsc
{
	margin: 0 0 0 0;
	width: 278px;
	min-width: 278px;
	float: right;
	height: 320px;
	min-height: 320px;
	background: #FFFFFF url(../Imagenes/Escalera.jpg) no-repeat fixed right center;
}

#FotoRightEst
{
	margin: 0 0 0 0;
	width: 278px;
	min-width: 278px;
	float: right;
	height: 320px;
	min-height: 320px;
	background: #FFFFFF url(../Imagenes/Estanteria.jpg) no-repeat fixed right center;
}

#FotoRightLupa
{
	margin: 0 0 0 0;
	width: 278px;
	min-width: 278px;
	float: right;
	height: 320px;
	min-height: 320px;
	background: #FFFFFF url(../Imagenes/Lupa.jpg) no-repeat fixed right center;
}
#FotoRightPCristal
{
	margin: 0 0 0 0;
	width: 278px;
	min-width: 278px;
	float: right;
	height: 320px;
	min-height: 320px;
	background: #FFFFFF url(../Imagenes/PuertaCristal.jpg) no-repeat fixed right center;
}
#FotoRightMes
{
	margin: 0 0 0 0;
	width: 278px;
	min-width: 278px;
	float: right;
	height: 320px;
	min-height: 320px;
	background: #FFFFFF url(../Imagenes/Mesa.jpg) no-repeat fixed right center;
}

#FotoRightContact
{
	margin: 0 0 0 0;
	width: 278px;
	min-width: 278px;
	float: right;
	height: 320px;
	min-height: 320px;
	background: #FFFFFF url(../Imagenes/Telefono.jpg) no-repeat fixed right center;
}

#FotoRightMazo
{
	margin: 0 0 0 0;
	width: 278px;
	min-width: 278px;
	float: right;
	height: 320px;
	min-height: 320px;
	background: #FFFFFF url(../Imagenes/Mazo.jpg) no-repeat fixed right center;
}

#frmRojo
{
	margin: 0 0 0 0;
	width: 100%;
	min-width: 100%;
	height: 25px;
	background-image: url(../Imagenes/FdRojoMenuDown.jpg);
	background-repeat: repeat-x;
	
	
 }


#frmMenu
{
    font-size: 0.6em;
    margin: 0 0 0 0;
    width: 100%;
    min-width: 100%;
    height: 40px;
    font-weight: bold;
    background-image: url(../Imagenes/FdMenu.jpg) ;
    background-repeat: repeat-x;
    color: #FFFFFF;
    word-spacing: 25px;
    letter-spacing: 2px;
    line-height: 40px;
    text-indent: 20px;
}

#frmMenu A
{
    color: #FFFFFF;
    text-decoration: none;
}

#frmMenu A:hover
{
    color: #990000;
    text-decoration: none;
}


.frmImagen
{
	margin: 0 0 0 0;
	width: 2%;
	min-width: 2%;
	float:left;
}

#frmHeigth
{
    float: right;
    width: 1px;
    height: 200px;
}

.frm100
{
    margin: 0 0  0 0;
	width: 100%;
	min-width: 100%;
	clear: both;
}

.frm100Center
{
	width: 100%;
	min-width: 100%;
	text-align: center;
	clear: both;
}

.frm100CenterFbBlanco
{
	width: 100%;
	min-width: 100%;
	text-align: center;
	clear: both;
	background-color: #FFFFFF;
	font-size: 0.7em;
	padding-bottom: 4px;
}

.frm100CenterFbBlanco A
{
    color: #000000;
    text-decoration: none;
}
    
.frm100CenterFbBlanco A:hover
{
    text-decoration: underline;
    }


.frm100Top
{
	width: 100%;
	min-width: 100%;
	clear: both;
	padding: 1em 0 0 0;
}


.frm100TopN
{
    margin: 1em 0 0 0;
	width: 100%;
	min-width: 100%;
	font-weight: bold;
	clear: both;
}

.frm100Tab
{
    margin: 0 1%  0 2%;
	width: 97%;
	min-width: 97%;
}

.frmIzq5
{
    margin: 0 0 0 0;
    width: 5%;
    min-width: 5%;
    height: 100%;
    float: Left;
}

.frmIzq10
{
    margin: 0 0 0 0;
    width: 10%;
    min-width: 10%;
    height: 100%;
    float: Left;
}


.frmIzq40
{
    margin: 0 0 0 0;
    width: 40%;
    min-width: 40%;
    height: 100%;
    float: Left;
}


.frmIzq75
{
    margin: 0 0 0 0;
    width: 75%;
    min-width: 75%;
    height: 100%;
    float: Left;
}

.frmIzq80
{
    margin: 0 0 0 0;
    width: 80%;
    min-width: 80%;
    height: 100%;
    float: Left;
}

.frmIzq90
{
    margin: 0 0 0 0;
    width: 90%;
    min-width: 90%;
    height: 100%;
    float: Left;
}

.frmIzq95
{
    margin: 0 0 0 0;
    width: 95%;
    min-width: 95%;
    height: 100%;
    float: Left;
}


.frmIzq5px
{
    margin: 0 0 0 0;
    width: 5px;
    min-width: 5px;
    height: 100%;
    float: Left;
}


.frmIzq10px
{
    margin: 0 0 0 0;
    width: 10px;
    min-width: 10px;
    height: 100%;
    float: Left;
}


.frmIzq20px
{
    margin: 0 0 0 0;
    width: 20px;
    min-width: 20px;
    height: 100%;
    float: Left;
}

.frmIzq28px
{
    margin: 0 0 0 0;
    width: 28px;
    min-width: 28px;
    height: 100%;
    float: Left;
}




.frmIzq90pxCartel
{
	margin: 0 0 0 0;
	width: 90px;
	min-width: 90px;
	float:left;
}

.frmIzq100px
{
    margin: 0 0 0 0;
    width: 100px;
    min-width: 100px;
    height: 100%;
    float: Left;
}

.frmIzq278px
{
    margin: 0 0 0 0;
    width: 278px;
    min-width: 278px;
    height: 100%;
    float: Left;
}

.frmIzq364px
{
    margin: 0 0 0 0;
    width: 364px;
    min-width: 364px;
    height: 100%;
    float: Left;
}

.frmIzq454px
{
    margin: 0 0 0 0;
    width: 410px;
    min-width: 410px;
    height: 100%;
    float: Left;
}

.frmIzq564px
{
    margin: 0 0 0 0;
    width: 564px;
    min-width: 564px;
    height: 100%;
    float: Left;
}

.frmIzq664px
{
    margin: 0 0 0 0;
    width: 664px;
    min-width: 664px;
    height: 100%;
    float: Left;
}

.frmIzq732px
{
    margin: 0 0 0 0;
    width: 732px;
    min-width: 732px;
    height: 100%;
    float: Left;
}

.frmIzq870px
{
    margin: 0 0 0 0;
    width: 870px;
    min-width: 870px;
    height: 100%;
    float: Left;
}

.frmIzq942px
{
    margin: 0 0 0 0;
    width: 942px;
    min-width: 942px;
    height: 100%;
    float: Left;
}


.frmIzq952px
{
    margin: 0 0 0 0;
    width: 952px;
    min-width: 952px;
    height: 100%;
    float: Left;
}

/* *****************    TABLAS     ********************* */

.fdGranate
{
	margin: 0 0 0 0;
	width: 100%;
	background: #7C001F;
	height: 10px;
}


.fdGranate5
{
	margin: 0 0 0 0;
	width: 100%;
	background: #7C001F;
	height: 5px;
}


.fdGranateTxtBlancoB
{
    background: #7C001F;
    color: #FFFFFF;
    text-align: center;
    font-weight: bold;
}

.tbDireccion
{
    margin: 0 0 0 0;
    width: 200px;
    border-bottom: #7C001F dotted;
    background: #e8dae1 url(../Imagenes/LogoAgua.jpg) no-repeat fixed center center;
    height: 220px;
    min-height: 220px;
    
}

.tbSubMenu
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	border: solid thin #92999D;
	padding: 10px 10px 10px 10px; 
	font-weight: normal;
	font-size: 1.9em;
	width: 100%;
	min-height: 100%;
	color: #3d527d;
	border-collapse: collapse;
	height: 100%;
	background-color: #EDECEC;
	line-height: 0.8em;
}

.fdSolapaClas
{
	background-color: #92999D;
	width: 4px;
}

.PeqRedRight
{
	font-weight: normal;
	font-size: xx-small;
	color: #990000;
	text-decoration: none;
	text-align: right;
}

.TxtPeqNTab
{
    margin: 0 0 0 10%;
	text-align: left;
    font-weight: bold;
}


.TxtMedRedSub
{
    margin: 10px 0 0 0;
    text-align: left;
    font-weight: bold;
    font-size: 1.3em;
    color: #AB002B;
    border-bottom: solid 2px #7c001f;
}

.PeqRedMaySub
{
    font-weight: bold;
    font-size: xx-small;
    color: #7C001F;
    margin: 0 0 0 0;
    width: 80%;
    min-width: 80%;
    text-transform: uppercase;
    border-bottom: #7C001F thin dotted;
}


.ImgSB
{
    border: 0;
}


.ImgUbicacion
{
 margin: 2% 0 0 0;
 border: solid 1px #000000;
    
}



.TextBox100
{
    border: solid 1px #7F9DB9;
    /*font-weight: bold;
    font-size: xx-small;
    */
    width: 100%;
    color: #000000;
    background-color: #FFFFFF;
    padding: 1px 1px 1px 2px;
}

.TextBox80Tab
{
    margin: 0 0 1% 0;
    border: solid 1px #7F9DB9;
    font-weight: bold;
    font-size: xx-small;
    width: 80%;
    color: #000000;
    background-color: #FFFFFF;
}

.TextArea100
{
    margin: 0 0 0 0;
    border: solid 1px #7F9DB9;
    font-size: 1em;
    width: 100%;
    min-width: 100%;
    color: #000001;
    padding: 0.1em 0 0.1em 0.1em;
}

.btn1
{
    margin: 0 0 0 0;
	font-size: 0.8em;	
	font-weight: bold;
	color: #FEFFFF;
    background-image: url(../imagenes/BtnFdNar.gif);
	background-repeat: repeat-x;
    padding: 0.1em 0.4em 0.1em 0.4em;
    border: solid 0.1em #E76800;
}


.btnBoton1
{
    margin: 2% 0 2% 0;
	border: #18496F 1px double;	
	font-size: xx-small;	
	font-weight: bold ;
	color: #FFFFFF;	
	background-color: #7C001F;
}

.btnSubMenu2
{
	background-color: #EDECEC;
	border: none;
	text-align: left;
	font-size: small;
	color: #000000;
	text-decoration: none;
/* a:hover esta en #frmSuMenu2*/
}

.btnSubMenu2Sel
{
    border: none;
    background-color: #EDECEC;
    color: #7C001F;
    font-weight: bold;
    text-align: left;
	font-size: small;
	text-decoration: none;
}
.btLinkClasifica
{
	background-color: #EDECEC;
	text-align: left;
	font-size: x-small;
	color: #000000;
	text-decoration: none;
/* a:hover esta en #frmSuMenu2*/
}

/* Utilizado en Actividades */





.tbListado_B
{
	border: solid thin #cccccc;
	font-weight: normal;
	font-size: xx-small;
	width: 100%;
	min-width: 100%;
	color: #3d527d;
	margin: 1em 0 1em 0;
	clear: both;
}

.tbListado_B thead th 
{
	text-align: center;
	vertical-align:top;
	background: #D97D7D;
	color: #FFFFFF;
	padding: 1% 0 1% 0;
}

.tbListado_B tbody td.SubDownLN {
	text-align: left;
	border-bottom: solid thin #cccccc;
	font-weight: bold;
	text-indent: 5px;
	padding: 10px 0 0 0;
}

.tbListado_B tbody td.puntosDown {
	text-align: right;
	border-bottom: #cccccc thin dotted;
}



#tbListado
{
	font-weight: normal;
	font-size: 1.5em;
	width: 100%;
	min-width: 100%;
	color: #3d527d;
	margin: 0 0 0 0;
	border-bottom: #cccccc thin dotted;
	text-align: justify;
	clear: both;
	line-height: 0.8em;
}


.PeqRedMay
{
    font-weight: bold;
    /*font-size: xx-small;*/
    color: #7C001F;
    margin: 0 0 0 0;
    width: 70%;
    min-width: 70%;
    text-transform: uppercase;
}

.PeqRedMay100
{
    font-weight: bold;
    /*font-size: xx-small;*/
    color: #7C001F;
    margin: 0 0 0 0;
    width: 100%;
    min-width: 100%;
    text-transform: uppercase;
}


.Peq
{
	/*font-size: xx-small;*/
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	text-align: justify;	
}

.PeqN
{
	/*font-size: xx-small;*/
	font-weight: bold;
	color: #000000;	
	text-decoration: none;	
	text-align: justify;
}

.PeqNRight
{
	font-size: 0.9em;
	font-weight: bold;
	color: #000000;	
	text-decoration: none;	
	text-align: right;
}


.PeqNTop
{
	font-weight: bold;
	/*font-size: xx-small;*/
	text-align: right;
	margin: 0 0 0 0;
	padding: 6px 0 0 0;
	text-align: justify;
}



.dlsListado
{
	width: 100%;
	min-width: 100%;
	clear: both;
}

.ImgB
{
    border-right: #000000 thin solid;
    border-top: #000000 thin solid;
    border-left: #000000 thin solid;
    border-bottom: #000000 thin solid;
}


.btPaginador
{
	border: solid 1px #3d527d;
	font-weight: bold;
	font-size: xx-small;
	color: #FFFFFF;
	background-color: #336699;
	text-decoration: none;
}

.btPaginadorN
{
	border: solid 1px #3d527d;
	font-weight: bold;
	font-size: xx-small;
	color: #000000;
	background-color: #CCCCCC;
	text-decoration: none;
}

.liSubMenuOpen A
{
    padding: 0px;
    color: #006699;
    display: block;
    margin: 0em 0em 0em 0em;
    overflow: hidden;
    text-decoration: none;
}

.li1
{
    list-style-position: outside;
    list-style-type: disc;
    padding: 1.5em 0 0 0;
    color: #000000;
}


.li1 A
{
    color: #000000;
    text-decoration: none;
}

.li1 A:hover
{
    color: #7C001F;
    text-decoration: underline;

}





.frmImgCartel
{
	margin: 0 0 0 0;
	width: 80px;
	min-width: 80px;
	float:left;
	height: 105px;
	min-height: 105px;
}

.frmDerCartel
{
    margin: 0 0 0 0;
    width: 80%;
    min-width: 80%;
    float: left;
}

.frmTxtContacto
{
    width: 100%;
    min-width: 100%;
    height: 100%;
    min-height: 100%;
    /*font-size: 0.9em;*/
    clear: both;
    
    /*text-align: justify;
font-weight: bold;*/
    line-height: 1em;
    }



.tbEnlaces
{
    line-height: 0.8em;

    }
    
.frmIzq616px
{
    margin: 0 0 0 0;
    width: 616px;
    min-width: 616px;
    height: 100%;
    float: Left;
}
