/* CSS Document */
<style>
		#cabecera    {
            height:100%;
        }
        
        #menu    {
            width:80px;
			float:left;          
        }
        
        #contenido    {
			width:100%;
			overflow:auto;
			
        }
		
		#buscar    {
            width:400px;
			height:400px
            background-color:#ccc;
        }

		      
        #pie    {
            clear:both;
            height:20px;
        }   
</style>

body {
	background-color: #FFFFFF;
	color: rgb(51,0,0);
	font-family: Verdana, Arial, Helvetica, Helv, sans-serif;
	font-size: 10px;
	padding:0;
    text-align:center;
    margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.degrade {
	background-color: #336699;
	filter: Alpha(Opacity=100,FinishOpacity=0, Style=1, StartX=500, StartY=0, FinishX=0, FinishY=100%);
	height: 0%;
	width: 100%;
}

.degrade2 {
	background-color: #336699;
	filter: Alpha(Opacity=100,FinishOpacity=0, Style=1, StartX=0, StartY=0, FinishX=100, FinishY=70%);
	font-color: #FFCC66;
	height: 0%;
	width: 100%;
}
.login1{
color:#FFFFFF;
background-color:#336699;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
height:25px;
}
.login2{
color:#333333;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
}

.titulo{
color:#333333;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
}

.titulo1{
color:#FFFFFF;
background-color:#336699;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
height:25px;
}

.dato{
color:#333333;
background-color:#F0F0F0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}

.error{
color:#FF0000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
}
.bienvenida{
color:#333333;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
}
.uno {
	color: #000066;
	font-family: Verdana, Arial, Helvetica, Helv, sans-serif;
	font-size: 10px;
}
.generico {
	color: #000066;
	font-family: Verdana, Arial, Helvetica, Helv, sans-serif;
	font-size: 10px;
}
.cssFormBorder {
	border: 1px solid #006699;
	padding: 0px;
	margin: 0px;
	align: center;
}
.cssInsertFormBorder {
	border: 1px solid #006699;
	padding: 0px;
	margin: 0px;
	align: center;
	width: 500px;
}
.cssInsertTable {
	border: none;
	margin: 0px;
	padding: 0px;

}
.cssHeader {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FF9900;
	background-color: #FFFFCC;
}
.cssInput {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-image: url(../images/inputbg.gif);
	border: 1px solid #006699;

}
.cssCaption {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	width: 90px;
}
.cssInsertControlTD {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-top-color: #006699;
	border-right-color: #006699;
	border-bottom-color: #006699;
	border-left-color: #006699;
	background-position: center center;

}
.cssTooltipText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	background-color: #FFFFCC;
}

#ToolTip{position:absolute; width: 100px; top: 0px; left: 0px; z-index:4; visibility:hidden;}
.csstr1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #FFFFCC;
}
.csstr2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #FFFFCC;
}
.csstr3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF9900;
	background-color: #FFFFCC;
}
.cssTextArea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #FFFFCC;
	border: 1px solid #006699;
}
.cssDetailText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.cssDetailCaption {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000066;
	text-align: right;
}

.contenedorfoto {
	background-color: #CCCCCC;
	border-bottom-color: #a5a7aa;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-right-color: #a5a7aa;
	border-right-style: solid;
	border-right-width: 1px;
	float: top;
	height: 265px;
	margin: 0x;
	padding: 5px;
	text-align: center;
	width: 210px;
}

.thumbnail {
	background-color: #CCCCCC;
	border-bottom-color: #a5a7aa;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	border-right-color: #a5a7aa;
	border-right-style: solid;
	border-right-width: 2px;
	float: top;
	height: 50px;
	margin: 0x;
	padding: 5px;
	text-align: center;
	width: 45px;
}

.Caption {
	border-color: #0080c0;
	border-style: solid;
	border-width: 1px;
	color: #000000;
	font-family: "Arial Narrow";
	outline-width: thin;
	padding-left: 4px;
	padding-right: 4px;
	width: 400px;
}
.buttonscontainer {width: 150px;}

.buttons a {color: #FFFFFF;
background-color: #006699;
padding: 2px;
padding-left: 3px;
display: block;
border-left: 10px solid #0099CC;
font: 13px Arial, sans-serif;
font-weight: bold;
text-decoration: none;
text-align: left;
margin-top: 1px;}

.buttons a:hover {border-left: 10px solid #CCCC00;
text-decoration: none;
color: #FFFFFF;}



.thumbnail1 {
	POSITION: relative
}
.thumbnail1:hover {
	Z-INDEX: 50; BACKGROUND-COLOR: transparent
}
.thumbnail1 SPAN {
	BORDER-RIGHT: 1px; BORDER-TOP: 1px; LEFT: -1000px; VISIBILITY: hidden; BORDER-LEFT: 1px; COLOR: black; BORDER-BOTTOM: 1px; POSITION: absolute; BACKGROUND-COLOR: #cccccc; TEXT-DECORATION: none
}
.thumbnail1 SPAN IMG {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
}
.thumbnail1:hover SPAN {
	LEFT: 48px; VISIBILITY: visible; TOP: 22px
}

.titulotablas {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; MARGIN: 5px 5px 3px 8px; COLOR: #f2f2f2; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-ALIGN: left
}
.tituloblanco {
	FONT-SIZE: 11px; MARGIN: 5px 5px 3px 8px; COLOR: #f2f2f2; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-ALIGN: left
}
.titulotablanegro {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; MARGIN: 5px 5px 3px 8px; COLOR: #585858; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-ALIGN: left
}
.categorias {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; MARGIN: 5px 5px 3px 8px; COLOR: #585858; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-ALIGN: center
}
.titulonaranja {
	FONT-WEIGHT: bold; FONT-SIZE: 13px; MARGIN: 5px 5px 3px 8px; COLOR: #ff6600; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-ALIGN: left
}
.titulorojo {
	FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #ff0000; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-ALIGN: left; TEXT-DECORATION: none
}
.titulorojo:visited {
	FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #ff0000; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-ALIGN: left; TEXT-DECORATION: none
}
.titulorojo:hover {
	FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #ff0000; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-ALIGN: left; TEXT-DECORATION: underline
}
.alertarojo {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #ff0000; FONT-FAMILY: Arial, Helvetica, sans-serif
}
.boton {
	BACKGROUND: url(imagenes/titul2medio.jpg)
}
TABLE.conbordefino {
	BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; BORDER-BOTTOM: #cccccc 1px solid
}
.categproduct {
	FONT-SIZE: 11px; MARGIN: 1px 1px 1px 8px; COLOR: #555555; FONT-FAMILY: Tahoma, Arial, Helvetica, sans-serif; TEXT-ALIGN: left
}

//Estilo Calendario
#calendario{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	border-collapse: collapse;
	border-right: 2px solid #999999;
	border-bottom: 2px solid #999999;
}

#mesCalendario{
	text-align: center;
	color: #CC6633;
	background-color: #E4CAAF;
}

#calendario th, #calendario td{
	border: 1px solid #999999;
	padding: 3px;
	font-size: 80%;
}

#calendario th{
	color: #CC6633;
}

.diaS{
	color: #ffffff;
	background-color: #666666;

}

.celda {
	background-color: #FFFFFF;
	color: #000000;
	font-weight : normal;
	cursor: default;
}

.Hoy{
	color: #ffffff;
	background-color: #666666;
	font-weight: normal;
	cursor: default;
}

#miCalendario{
	text-align: center;
}

.selectores{
	font-family: verdana;
	font-size: 10px;
	color: #990000;
	margin-bottom: 2px;
	margin-top: 2px;
}