/* ESTILOS COMUNES A TODAS LAS PÁGINAS */

/* =========================================================  */
/* ESTILOS AUXILIARES	                         			  */
/* =========================================================  */

/* Overriding de estilos en controles jQuery UI */
.ui-datepicker {box-shadow: 0 3px 8px #666666 !important;}
.ui-widget{font-size:11px !important;}
.jstree-classic .jstree-hovered { background:#FFE864 !important; border:1px solid #FFE864 !important;}


/* Estilos para los mensajes de notificación en las páginas */
.introbox{
	padding:10px;
	margin:10px auto 15px auto;
	background-color:#EFEAD3;
	border:1px solid #877538;
	width:50%;
	text-align:left;
	min-height:32px;
}

/* Para cambiar el cursor al indicar una zona que se puede arrastrar */
.sorter{
	cursor:pointer !important;
	background-color:#EFEAD3 !important;
	background-image:url(dragholder.png);
}

/* EFECTOS ESPECIALES */
.sombra{ box-shadow: 0 3px 8px #666666 !important;}
.sombrainner{ box-shadow:inset 0 3px 8px #666666 !important;}
.roundcorners{
	border-radius: 5px;				/* CSS3 Estandar, Opera 10.5+ */
	-moz-border-radius: 5px;		/* Firefoxs */
	-ms-border-radius: 5px;			/* MS 8+ */
	-webkit-border-radius: 5px;		/* Safari */
	-khtml-border-radius: 5px;		/* Konqueror */
}
/* Estilos para las transparencias */
.dimmed_25{filter: alpha(opacity=25); opacity: .25}
.dimmed_50{filter: alpha(opacity=50); opacity: .50}
.dimmed_70{filter: alpha(opacity=75); opacity: .75}
.dimmed_100{filter: alpha(opacity=100); opacity: 1}

/* CSS3 para animación de cambios de propiedades css */
.animated{
	outline:none;
	transition: all 0.25s ease-in-out;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
}

.glow_red{box-shadow: 0 0 5px #F00; -webkit-box-shadow: 0 0 5px #F00; -moz-box-shadow: 0 0 5px #F00;}
.glow_orange{box-shadow: 0 0 5px #FC0; -webkit-box-shadow: 0 0 5px #FC0; -moz-box-shadow: 0 0 5px #FC0;}
.glow_yellow{box-shadow: 0 0 5px #FF0; -webkit-box-shadow: 0 0 5px #FF0; -moz-box-shadow: 0 0 5px #FF0;}
.glow_green{box-shadow: 0 0 5px #0C0; -webkit-box-shadow: 0 0 5px #0C0; -moz-box-shadow: 0 0 5px #0C0;}
.glow_sky{box-shadow: 0 0 5px #9CF; -webkit-box-shadow: 0 0 5px #9CF; -moz-box-shadow: 0 0 5px #9CF;}
.glow_blue{box-shadow: 0 0 5px #06F; -webkit-box-shadow: 0 0 5px #06F; -moz-box-shadow: 0 0 5px #06F;}
.glow_purple{box-shadow: 0 0 5px #C0F; -webkit-box-shadow: 0 0 5px #C0F; -moz-box-shadow: 0 0 5px #C0F;}
.glow_grey{box-shadow: 0 0 5px #999; -webkit-box-shadow: 0 0 5px #999; -moz-box-shadow: 0 0 5px #999;}

/* Estilos para los fondos, colores planos */
.bkg_yellow{background-color:#FBFBD0}
.bkg_orange{background-color:#FBF2D2}
.bkg_red{background-color:#FAE4E4}
.bkg_grey{background-color:#ECE9E8}
.bkg_violet{background-color:#ECECF9}
.bkg_green{background-color:#E3F9E3}
.bkg_blue{background-color:#EBF2FA}
.bkg_skin{background-color:#F7EEE6}
.bkg_lime{background-color:#F2FBD7}
.bkg_brown{background-color:#EFE7D3}
.bkg_beige{background-color:#F7F4E8}
.bkg_mustard{background-color:#FBFBD0}
.bkg_teal{background-color:#E8F5F9}
.bkg_purple{background-color:#F5EDFE}

/* Iconos de notificación en los paneles */
.bkg_icon_info{
	background-image:url(icon_info.png) !important;
	background-position:10px 10px;
	background-repeat:no-repeat;
	padding-left:52px !important;
}
.bkg_icon_error{
	background-image:url(icon_error.png) !important;
	background-position:10px 10px;
	background-repeat:no-repeat;
	padding-left:52px !important;
}
.bkg_icon_warning{
	background-image:url(icon_warning.png) !important;
	background-position:10px 10px;
	background-repeat:no-repeat;
	padding-left:52px !important;
}

/* Estilos para los bordes */
.brd_yellow{border: 1px solid #80800B}
.brd_orange{border: 1px solid #7E650C}
.brd_red{border: 1px solid #751515}
.brd_grey{border: 1px solid #4B423F}
.brd_violet{border: 1px solid #212169}
.brd_green{border: 1px solid #187218}
.brd_blue{border: 1px solid #1C436F}
.brd_skin{border: 1px solid #694321}
.brd_lime{border: 1px solid #627D0D}
.brd_brown{border: 1px solid #655425}
.brd_beige{border: 1px solid #665924}
.brd_mustard{border: 1px solid #80800B}
.brd_teal{border: 1px solid #1D5B6D}
.brd_purple{border: 1px solid #420783}

.brd_bright_red{border:1px solid #F00}
.brd_bright_green{border:1px solid #0C0}
.brd_bright_blue{border:1px solid #06F}
.brd_thick{border-width:2px;}

/* Estilos para las dimensiones */
.wpx1{width:1px !important}
.wpx5{width:5px !important}
.wpx8{width:8px !important}
.wpx10{width:10px !important}
.wpx12{width:12px !important}
.wpx15{width:15px !important}
.wpx20{width:20px !important}
.wpx25{width:25px !important}
.wpx30{width:30px !important}
.wpx40{width:40px !important}
.wpx50{width:50px !important}
.wpx60{width:60px !important}
.wpx70{width:70px !important}
.wpx75{width:75px !important}
.wpx80{width:80px !important}
.wpx90{width:90px !important}
.wpx95{width:95px !important}
.wpx98{width:98px !important}
.wpx100{width:100px !important}
.wpx120{width:120px !important}
.wpx150{width:150px !important}
.wpx180{width:180px !important}
.wpx200{width:200px !important}
.wpx220{width:220px !important}
.wpx250{width:250px !important}
.wpx300{width:300px !important}
.wpx400{width:400px !important}
.wpx500{width:500px !important}

.wpc1{width:1% !important}
.wpc5{width:5% !important}
.wpc8{width:8% !important}
.wpc10{width:10% !important}
.wpc12{width:12% !important}
.wpc15{width:15% !important}
.wpc20{width:20% !important}
.wpc25{width:25% !important}
.wpc30{width:30% !important}
.wpc40{width:40% !important}
.wpc50{width:50% !important}
.wpc60{width:60% !important}
.wpc70{width:70% !important}
.wpc75{width:75% !important}
.wpc80{width:80% !important}
.wpc90{width:90% !important}
.wpc95{width:95% !important}
.wpc98{width:98% !important}
.wpc100{width:100% !important}

.hp18{height:18px !important;}
.hp20{height:20px !important;}
.hp22{height:22px !important;}
.hp32{height:32px !important;}


/* Estilos para los fondos, gradientes */
.grad_red{
	background: #f9dad9 !important; /* Old browsers */
	background: -moz-linear-gradient(top, #f9dad9 0%, #ce7477 100%) !important; /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9dad9), color-stop(100%,#ce7477)) !important; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f9dad9 0%,#ce7477 100%) !important; /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f9dad9 0%,#ce7477 100%) !important; /* Opera11.10+ */
	background: -ms-linear-gradient(top, #f9dad9 0%,#ce7477 100%) !important; /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9dad9', endColorstr='#ce7477',GradientType=0 ) !important; /* IE6-9 */
	background: linear-gradient(top, #f9dad9 0%,#ce7477 100%) !important; /* W3C */	
}
.grad_orange{
	background: #f9eed9 !important; /* Old browsers */
	background: -moz-linear-gradient(top, #f9eed9 0%, #ceac74 100%) !important; /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9eed9), color-stop(100%,#ceac74)) !important; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f9eed9 0%,#ceac74 100%) !important; /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f9eed9 0%,#ceac74 100%) !important; /* Opera11.10+ */
	background: -ms-linear-gradient(top, #f9eed9 0%,#ceac74 100%) !important; /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9eed9', endColorstr='#ceac74',GradientType=0 ) !important; /* IE6-9 */
	background: linear-gradient(top, #f9eed9 0%,#ceac74 100%) !important; /* W3C */	
}
.grad_yellow{
	background: #f9f9d9 !important; /* Old browsers */
	background: -moz-linear-gradient(top, #f9f9d9 0%, #ceca74 100%) !important; /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9d9), color-stop(100%,#ceca74)) !important; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f9f9d9 0%,#ceca74 100%) !important; /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f9f9d9 0%,#ceca74 100%) !important; /* Opera11.10+ */
	background: -ms-linear-gradient(top, #f9f9d9 0%,#ceca74 100%) !important; /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9d9', endColorstr='#ceca74',GradientType=0 ) !important; /* IE6-9 */
	background: linear-gradient(top, #f9f9d9 0%,#ceca74 100%) !important; /* W3C */	
}
.grad_green{
	background: #d9f9d9 !important; /* Old browsers */
	background: -moz-linear-gradient(top, #d9f9d9 0%, #78ce73 100%) !important; /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d9f9d9), color-stop(100%,#78ce73)) !important; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #d9f9d9 0%,#78ce73 100%) !important; /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #d9f9d9 0%,#78ce73 100%) !important; /* Opera11.10+ */
	background: -ms-linear-gradient(top, #d9f9d9 0%,#78ce73 100%) !important; /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9f9d9', endColorstr='#78ce73',GradientType=0 ) !important; /* IE6-9 */
	background: linear-gradient(top, #d9f9d9 0%,#78ce73 100%) !important; /* W3C */	
}
.grad_blue{
	background: #d9e8f9 !important; /* Old browsers */
	background: -moz-linear-gradient(top, #d9e8f9 0%, #74a4ce 100%) !important; /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d9e8f9), color-stop(100%,#74a4ce)) !important; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #d9e8f9 0%,#74a4ce 100%) !important; /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #d9e8f9 0%,#74a4ce 100%) !important; /* Opera11.10+ */
	background: -ms-linear-gradient(top, #d9e8f9 0%,#74a4ce 100%) !important; /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9e8f9', endColorstr='#74a4ce',GradientType=0 ) !important; /* IE6-9 */
	background: linear-gradient(top, #d9e8f9 0%,#74a4ce 100%) !important; /* W3C */	
}
.grad_purple{
	background: #e5d9f9 !important; /* Old browsers */
	background: -moz-linear-gradient(top, #e5d9f9 0%, #9074ce 100%) !important; /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5d9f9), color-stop(100%,#9074ce)) !important; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #e5d9f9 0%,#9074ce 100%) !important; /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #e5d9f9 0%,#9074ce 100%) !important; /* Opera11.10+ */
	background: -ms-linear-gradient(top, #e5d9f9 0%,#9074ce 100%) !important; /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5d9f9', endColorstr='#9074ce',GradientType=0 ) !important; /* IE6-9 */
	background: linear-gradient(top, #e5d9f9 0%,#9074ce 100%) !important; /* W3C */	
}
.grad_grey{
	background: #e9e9e9 !important; /* Old browsers */
	background: -moz-linear-gradient(top, #e9e9e9 0%, #a1a1a1 100%) !important; /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e9e9e9), color-stop(100%,#a1a1a1)) !important; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #e9e9e9 0%,#a1a1a1 100%) !important; /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #e9e9e9 0%,#a1a1a1 100%) !important; /* Opera11.10+ */
	background: -ms-linear-gradient(top, #e9e9e9 0%,#a1a1a1 100%) !important; /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e9e9', endColorstr='#a1a1a1',GradientType=0 ) !important; /* IE6-9 */
	background: linear-gradient(top, #e9e9e9 0%,#a1a1a1 100%) !important; /* W3C */	
}
.ui-button-primary{
	background-color: #0064CD !important; /* Old browsers */
	background: -moz-linear-gradient(center top , #049CDB, #0064CD) !important; /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#049CDB), color-stop(100%,#0064CD)) !important; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #049CDB 0%,#0064CD 100%) !important; /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #049CDB 0%,#0064CD 100%) !important; /* Opera11.10+ */
	background: -ms-linear-gradient(top, #049CDB 0%,#0064CD 100%) !important; /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#049CDB', endColorstr='#0064CD',GradientType=0 ) !important; /* IE6-9 */
	background: linear-gradient(top, #049CDB 0%,#0064CD 100%) !important; /* W3C */	
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25) !important;
	color: #FFFFFF !important;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
}
.ui-button-success{
	background-color: #57A957 !important; /* Old browsers */
	background: -moz-linear-gradient(center top , #62C462, #57A957) !important; /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#62C462), color-stop(100%,#57A957)) !important; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #62C462 0%,#57A957 100%) !important; /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #62C462 0%,#57A957 100%) !important; /* Opera11.10+ */
	background: -ms-linear-gradient(top, #62C462 0%,#57A957 100%) !important; /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#62C462', endColorstr='#57A957',GradientType=0 ) !important; /* IE6-9 */
	background: linear-gradient(top, #62C462 0%,#57A957 100%) !important; /* W3C */	
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25) !important;
	color: #FFFFFF !important;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
}
.ui-button-error{
	background-color: #C43C35 !important; /* Old browsers */
	background: -moz-linear-gradient(center top , #EE5F5B, #C43C35) !important; /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#EE5F5B), color-stop(100%,#C43C35)) !important; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #EE5F5B 0%,#C43C35 100%) !important; /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #EE5F5B 0%,#C43C35 100%) !important; /* Opera11.10+ */
	background: -ms-linear-gradient(top, #EE5F5B 0%,#C43C35 100%) !important; /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EE5F5B', endColorstr='#C43C35',GradientType=0 ) !important; /* IE6-9 */
	background: linear-gradient(top, #EE5F5B 0%,#C43C35 100%) !important; /* W3C */	
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25) !important;
	color: #FFFFFF !important;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
}
.icon_button span{
	padding:2px !important;
}


/* Estilos para el formato de los textos */
.bold{font-weight:bold !important;}
.italic{font-style:italic !important;}
.ui-selectmenu-open li.ui-selectmenu-item-selected{
	background-color:#346783;
}
.ui-selectmenu-open li.ui-selectmenu-item-selected a{
	color:#FFF !important;
}