.body
{
    margin: 0px;
    font-family: Arial, Sans-Serif;
}

/* TITULOS */
.titulo {
    font-family: Arial, Sans-Serif;
    font-size: 24px;
    letter-spacing: -1px;
    color: #003366;
    margin-left: 12px;
    margin-top: 12px;
    margin-right: 24px;
}

.titulo2
{
    font-family: Arial, Sans-Serif;
    font-size: 18 px;
    letter-spacing: -1px;
    color: #006699;
    margin-bottom: 18px;
}

.titulo3
{
    font-family: Arial, Sans-Serif;
    font-size: 12 px;
    color: #006699;
    margin-bottom: 14px;
}

/* TEXTOS */

.texto
{
    font-family: Arial, Sans-Serif;
    color: #333333;
    font-size: 12px;
    line-height: 18px;
    text-align: justify;
}

.texto ul
{
    list-style-type: square;
    list-style-position: inside;
}

.texto_breve
{
    font-family: Arial, Sans-Serif;
    color: #333333;
    font-size: 12px;
    text-align: justify;
    line-height: 12px;
    margin-top:0px;
    margin-bottom:0px;
}

.texto2 {
    font-family: Arial, Sans-Serif;
    color: #ffffff;
    font-size: 10px;
    line-height: 12px;
    margin-left: 24px;
    text-align: justify;
    margin-right: 24px;
}

.texto3 {
	font-family: Arial, Sans-Serif;
	font-size: 14px;
	color: #000000;
}

.texto4 {
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	color: #000000;
}

/* CONTENEDORES */
.contenedor_principal
{
    padding: 12px;
    margin-right: 4px;
    margin-left: 2px;
    background-color: #FFFFFF;
    height: 280px;
    top: 0px;
}

.contenedor_principal_texto
{
    padding: 12px;
    margin-right: 4px;
    margin-left: 2px;
    background-color: #FFFFFF;
    height: auto;
    top: 0px;
    font-family: Arial, Sans-Serif;
    color: #333333;
    font-size: 12px;
    line-height: 18px;
}

.contenedor_principal_texto p
{
    padding: 8 px;
    margin-right: 12px;
    margin-left: 12px;
    background-color: #FFFFFF;
    height: auto;
    top: 0px;
    text-align: justify;
    font-family: Arial, Sans-Serif;
    color: #333333;
    font-size: 12px;
    line-height: 18px;

}

.contenedor_menu_vertical
{
    background-position: left center;
    padding: 12px;
    margin-right: 4px;
    margin-left: 2px;
    background-color: #FFFFFF;
    height: auto;
    top: 0px;
}


.contenedor_imagenes
{
    padding: 12px;
    margin-right: 4px;
    margin-left: 2px;
    height: 100%;
    top: 0px;
}

/* CALENDARIOS */
.calendario_mes
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8px;
    color: #FFFFFF;
    text-align: center;
    margin: 2px;
    position: relative;
    top: 5px;
    left: 14px;
}

.calendario_dia
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: #006699;
    text-align: center;
    margin: 2px 2px 0px 4px;
    width: 45px;
    height: 40px;
}

.mas_info
{
    font-family: Arial, Sans-Serif;
    background: #000066;
    color: #FFFFFF;
    padding: 3px 8px;
    font-size: 8px;
    z-index: 1000;
    text-align: right;
    margin-right: 5px;
}

.boletin {
background-color:#666666;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	color: #ffffff;
}

.minitext 
{
    font-family: Arial, Sans-Serif;
    font-size: 8px;
    color: #800000;
    
    
    }

.br {
	font-family: Arial, Sans-Serif;
}

.footer {
	background-color:#666666;
	font-family: Arial, Sans-Serif;
 	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	
}

/* TABLAS */ 
#mytable {
	padding: 0;
	margin: 0;
}

th {
	font: bold 11px Arial, Sans-Serif, Verdana, Arial, Helvetica, sans-serif;
	color: #000066;	
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #D8D8D8 url(images/bg_header.jpg) no-repeat;
	/*background: #CAE8EA url(images/bg_header.jpg) no-repeat;
	border-left: 1px solid #C1DAD7;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;*/
}

th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #C1DAD7;
	background: none;
}

td.cont {
	font: 11px Arial, Sans-Serif, Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	border-left: 1px solid #C1DAD7;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 6px 6px 6px 12px;
	
}


td.alt {
	font: bold 11px Arial, Sans-Serif, Verdana, Arial, Helvetica, sans-serif;
	background: #F5FAFA;
	color: #797268;
}

th.spec {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #fff url(images/bullet1.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

th.specalt {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #f5fafa url(images/bullet2.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #797268;
}

/* ESTILOS DE LIGAS */


.footer A:link { Color:#ffffff; Text-Decoration:underline; }
.footer A:active { Color:#ffffff; Text-Decoration:underline; }
.footer A:visited { Color:#cccccc; Text-Decoration:None; }
.footer A:hover { Color:#ff0000; Text-Decoration:underline; }


.texto A:link { Color:#000000; Text-Decoration:underline; }
.texto A:active { Color:#0000ff; Text-Decoration:None; }
.texto A:visited { Color:#0000066; Text-Decoration:None; }
.texto A:hover { Color:#0000ff; Text-Decoration:underline; }

.texto2 A:link { Color:#ffffff; Text-Decoration:underline; }
.texto2 A:active { Color:#ff6600; Text-Decoration:underline; }
.texto2 A:visited { Color:#e8e8e8; Text-Decoration:None; }
.texto2 A:hover { Color:#ff9900; Text-Decoration:underline; }

.texto4 A:link { Color:#000000; Text-Decoration:underline; }
.texto4 A:active { Color:#0000ff; Text-Decoration:None; }
.texto4 A:visited { Color:#0000066; Text-Decoration:None; }
.texto4 A:hover { Color:#0000ff; Text-Decoration:underline; }

.titulo2 A:link { Color:#006699; Text-Decoration:underline; }
.titulo2 A:active { Color:#006699; Text-Decoration:None; }
.titulo2 A:visited { Color:#669900; Text-Decoration:None; }
.titulo2 A:hover { Color:#0000ff; Text-Decoration:None; }


/* MENU PRINCIPAL */

#menu {
	background: #333;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}
#menu li {
	float: left;
	font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}
#menu a {
	background: #333 url("../imagenes/seperator.gif") bottom right no-repeat;
	color: #ccc;
	display: block;
	float: left;
	margin: 0;
	padding: 8px 12px;
	text-decoration: none;
	font-weight:normal;
}
#menu a:hover {
	background: #2580a2 url("../imagenes/hover.gif") bottom center no-repeat;
	color: #fff;
	padding-bottom: 8px;
	}


/*Otro Menu*/

.menu{
	border:none;
	border:0px;
	margin:0px;
	padding:0px;
	font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	font-weight:bold;
	
	}
.menu ul{
	background:#333;
	height:35px;
	list-style:none;
	margin:0;
	padding:0;
	}
	.menu li{
		float:left;
		padding:0px;
		}
	.menu li a{
		background:#333 url("../imagenes/seperator.gif") bottom right no-repeat;
		color:#cccccc;
		display:block;
		font-weight:normal;
		line-height:35px;
		margin:0px;
		padding:0px 25px;
		text-align:center;
		text-decoration:none;
		}
		.menu li a:hover, .menu ul li:hover a{
			background: #2580a2 url("../imagenes/hover.gif") bottom center no-repeat;
			color:#FFFFFF;
			text-decoration:none;
			}
	.menu li ul{
		background:#333;
		display:none;
		height:auto;
		padding:0px;
		margin:0px;
		border:0px;
		position:absolute;
		width:225px;
		z-index:200;
		/*top:1em;
		/*left:0;*/
		}
	.menu li:hover ul{
		display:block;
		
		}
	.menu li li {
		background:url('../imagenes/sub_sep.gif') bottom left no-repeat;
		display:block;
		float:none;
		margin:0px;
		padding:0px;
		width:225px;
		}
	.menu li:hover li a{
		background:none;
		
		}
	.menu li ul a{
		display:block;
		height:35px;
		font-size:12px;
		font-style:normal;
		margin:0px;
		padding:0px 10px 0px 15px;
		text-align:left;
		}
		.menu li ul a:hover, .menu li ul li:hover a{
			background:#2580a2 url('../imagenes/hover_sub.gif') center left no-repeat;
			border:0px;
			color:#ffffff;
			text-decoration:none;
			}
	.menu p{
		clear:left;
		}


/*MENU VERTICAL*/
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.urbangreymenu{
width: 270px; /*width of menu*/
}


.urbangreymenu .headerbar{
font: bold 13px Verdana;
color: white;
background: #606060 url(media/arrowstop.gif) no-repeat 8px 6px; /*last 2 values are the x and y coordinates of bullet image*/
margin-bottom: 0; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 7px 0 7px 31px; /*31px is left indentation of header text*/
}

.urbangreymenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.urbangreymenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.urbangreymenu ul li a{
font: normal 12px Arial;
color: black;
background: #E9E9E9;
display: block;
padding: 5px 0;
line-height: 17px;
padding-left: 8px; /*link text is indented 8px*/
text-decoration: none;
}

.urbangreymenu ul li a:visited{
color: black;
}

.urbangreymenu ul li a:hover{ /*hover state CSS*/
color: white;
background: #006699;
}


.urbangreymenu_2{
width: 150px; /*width of menu*/
}


.urbangreymenu_2 .headerbar{
font: bold 13px Verdana;
color: white;
background: #606060 url(media/arrowstop.gif) no-repeat 8px 6px; /*last 2 values are the x and y coordinates of bullet image*/
margin-bottom: 0; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 7px 0 7px 31px; /*31px is left indentation of header text*/
}

.urbangreymenu_2 ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.urbangreymenu_2 ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.urbangreymenu_2 ul li a{
font: normal 12px Arial;
color: black;
background: #E9E9E9;
display: block;
padding: 5px 0;
line-height: 17px;
padding-left: 8px; /*link text is indented 8px*/
text-decoration: none;
}

.urbangreymenu_2 ul li a:visited{
color: black;
}

.urbangreymenu_2 ul li a:hover{ /*hover state CSS*/
color: white;
background: #006699;
}


/* Menu vertical */
#menu_v {
	background: #333;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 12em;
}
#menu_v li {
	font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}
#menu_v a {
	background: #333;
	border-bottom: 1px solid #393939;
	color: #ccc;
	display: block;
	margin: 0;
	padding: 8px 12px;
	text-decoration: none;
}
#menu_v a:hover {
	background: #2580a2 url("imagenes/hover.gif") left center no-repeat;
	color: #fff;
	padding-bottom: 8px;
}


/* Otro Menu*/
.jqueryslidemenu{
font: bold 12px Verdana;
background: #414141;
width: 100%;
}

.jqueryslidemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.jqueryslidemenu ul li{
position: relative;
display: inline;
float: left;
}

/*Top level menu link items style*/
.jqueryslidemenu ul li a{
display: block;
background: #414141; /*background of tabs (default state)*/
color: white;
padding: 8px 10px;
border-right: 1px solid #778;
color: #2d2b2b;
text-decoration: none;
}

* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
color: white;
}

.jqueryslidemenu ul li a:hover{
background: black; /*tab link background during hover state*/
color: white;
}
	
/*1st sub level menu*/
.jqueryslidemenu ul li ul{
position: absolute;
left: 0;
display: block;
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a{
font: normal 13px Verdana;
width: 160px; /*width of sub menus*/
padding: 5px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid gray;
}

.jqueryslidemenuz ul li ul li a:hover{ /*sub menus hover style*/
background: #eff9ff;
color: black;
}

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}



/* Contenedores de usuarios */
.usuario_contenedor_titulo
{
    border-style: none none solid none;
    border-width: 2px;
    border-color: #666666;
    font-family: Arial, Helvetica, sans-serif;
    text-align: left;
    padding: 8px 0px 4px 0px;
    margin: 0px 0px 0px 0px;
    vertical-align: top;
    color: #0099CC;
}

.usuario_contenedor_texto
{
    font-family: Arial, Helvetica, sans-serif;
    padding: 8px 0px 4px 0px;
    margin: 0px 0px 0px 0px;
    vertical-align: top;
    font-size: 12px;
}    

.normal
{
    font-family: Arial, Helvetica, sans-serif;
    vertical-align: top;
    font-size: 12px;
}    
   
/*Estilo de Formas*/


	fieldset
{
    background-position: right bottom;
    margin: 5px 0 0 0;
    padding: 0;
    background: transparent url(../imagenes/fieldsetbg.gif) no-repeat bottom right;
    clip: rect(50px, auto, auto, auto);
}

	legend { 
		text-transform:		uppercase;
		font-size:			16px;
		padding:			10px;
		margin-left:		12px;
		background:			#003366;
        letter-spacing:     -1px;
        color:              #FFFFFF;
        font-family: Arial, Helvetica, sans-serif;
	}

	fieldset ol
{
    padding: 10px 0px 0 0px;
    list-style: none;
    margin:0px 0px 0px 5px

}

	fieldset li
{
    padding-bottom: 12px;
    line-height: 18px;

}

	fieldset#submitform
{
    background-image: none;
    border-style: none;
    text-align: right;
}

label
{
    border-width: 1px;
    border-color: #C0C0C0;
    clear: left;
    float: left;
    padding: 5px 15px 5px 5px;
    width: 150px;
    margin-right: 5px;
    line-height: 24px;
    text-align: right;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    vertical-align: top;
    border-bottom-style: solid;
}

	label.required {
		background:			transparent url(../imagenes/required.gif) no-repeat center right ;
	}
	
	label span {
		position:			absolute;
		left:				-10000px;
		top:				0px;
		font-family:        Arial, Helvetica, sans-serif;
		font-size:          12px;
	}
	
    label strong { 
        position:relative;
        top:0px;
        left:0px;
        width: 300px; 
        color: #C00; 
        font-size: 85%; 
        font-weight: normal; 
        text-transform: uppercase; 
        text-align:left;
    }
    
    	p span.required {
		display:			inline-block;
		vertical-align: 	middle;
		line-height:		12px;
		width:				12px;
		text-indent:		-10000px;
		overflow:			hidden;
		background:			transparent url(../imagenes/required.gif) no-repeat center right;		
		font-family:        Arial, Helvetica, sans-serif;
		font-size:          12px;
	}
    
	
	input
{
    background-position: #E6ECF9;
    padding: 5px;
    font-size: 14px;
    border: 1px solid #003366;
    color: #333333;
    background: #F3F7FC;
}

	select
{
    background-position: #E6ECF9;
    padding: 5px;
    font-size: 14px;
    border: 1px solid #003366;
    color: #333333;
    background: #F3F7FC;
}

	textarea
{
    background-position: #E6ECF9;
    padding: 5px;
    font-size: 14px;
    border: 1px solid #003366;
    color: #333333;
    background: #F3F7FC;
}
	
	
	
	input.radio {
		border:				none;
		background:			transparent;
	}