/* CSS Document */

body {
background:#e1d5ba url(imagenes/bck.jpg); 
font-size:11px; 
font-family: Arial, Helvetica, sans-serif;
margin-top: 10px;
margin-bottom: 10px;
}

.contenedor {
background-color:#FCFBF9;
background-image:url(imagenes/fondo.jpg)}

.fecha {
margin:10px;
padding:5px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-align:right;
color:#ffffff;
background-color:#39749c;
}

.tit_secciones {
margin:10px;
padding:5px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
text-align:left;
color:#ffffff;
background-color:#39749c;;
}

.contenido {
margin:10px;
padding:5px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-align:left;
color:#333;
background-color:#FCFBF9;;
}

.menu {
background-color:#39749c;;
}

.separador {
height:5px;
}

#MenuCSS_JS{
	border: 1px solid #CCC;
	width: 150px;
}
#MenuCSS_Js a{
	font: bold 11px Verdana;
	padding: 6px;
	padding-left: 4px;
	display: block;
	width: 150px;
	color: #ffffff;
	text-decoration: none;
	border-bottom: 1px solid #CCC;
}
#MenuCSS_Js a{
width: 150px;
}
#MenuCSS_Js a:hover{
	background-color: #c7eafe;
}
#DescripcionLink{
    padding: 10px;
	
	width: 150px;
	height: 4em;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	color:#ffffff;
	font:10px Verdana;
	text-align:center;
}

.pie {
background-color:#FCFBF9;
background-image:url(imagenes/fondo_pie.jpg)}

#ult_trab {
background-color:#A1A1A0;
}

.cabecera_carga { 
width:700px; 
height:180px; 
background:url(imagenes/loading.gif) no-repeat 50% 50%; 
}

.casilleros_login {	background-color: #eeeeee;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	border-top-color: #666666;
	border-right-color: #C1C1C1;
	border-bottom-color: #C1C1C1;
	border-left-color: #666666;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
}

.btn {
	background-color: #FFFFFF;
	border: thin solid #003059;
	background-image: url(imagenes/button.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #003059;
}

.rojo {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#CC0000;
font-weight:bold;
}


a:link {
	color: #CC0000;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #CC0000;
}
a:hover {
	text-decoration: none;
	color: #CC0000;
}
a:active {
	text-decoration: none;
	color: #CC0000;
}

.clientes {
font-size:12px;
color:#666666;
font-weight:bold;
}

/* GALERIA CSS  */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}

/* AJAX  */

.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 11px arial;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #778;
color: #996600;
background: white url(imagenes/shade.gif) top left repeat-x;
}

.shadetabs li a:visited{
color: #996600;
}

.shadetabs li a:hover{
text-decoration: none;
color: #996600;
}

.shadetabs li.selected{
position: relative;
top: 1px;
}

.shadetabs li.selected a{ /*selected main tab style */
background-image: url(imagenes/shadeactive.gif);
border-bottom-color: white;
}

.shadetabs li.selected a:hover{ /*selected main tab style */
text-decoration: none;
color:#996600;
}

.contentstyle{
border: 1px solid;
border-color: #996600;
width: 490px;
margin-bottom: 1em; 
padding: 10px;
}