﻿*
{
	padding: 0;
	margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
}

body
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 11px;
}

p
{
	margin: 3px 0px;
	padding: 3px 0px;
}

h1
{
	font-size: 18px;
}

h2
{
	font-size: 17px;
}

h3
{
	font-size: 13px;
} 

h4
{
	font-size: 11px;
	padding-bottom: 0px;
	margin-bottom: 5px;
}

h1, h2, h3, h4, h5, h6
{
	color: #00515b;
	padding: 4px 0px 8px 0px;
}

span.checkbox label
{
	display: inline;
	font-weight: normal;
	width: auto;
}

#wrapper
{
}

#header
{
	height: 100px;	
	background: #097 url(images/site-header-back.png) repeat-x;
	padding: 10px;
	color: #fff;
	text-align: center;
}

#header h1
{
	margin: 0;
	padding: 0;
	color: #fff;
}

#header h2
{
	color: #ff9;
	margin: 0;
	padding: 0;
}

#userInfo
{
	float: right;
	font-weight: bold;
}

#userInfo a
{
	color: #ff9;
	text-decoration: none;
}

#userInfo a:hover
{
	text-decoration: underline;
}

#content
{
	min-height: 400px;
	margin: 5px;
	padding: 5px;
	border: solid 1px #ddd;
}

#footer
{
	text-align: center;
	height: 30px;
	background: #097 url(images/site-footer-back.png) repeat-x;
	padding: 3px;
	color: #eee;
}

.buttonBar
{
	background: #0092a1 url(images/button-bar-back.png) repeat-x;
	background-position: 0 bottom;
	height: 22px;
	overflow: hidden;
	margin-top: 5px;
	color: #fff;
}

.box 
{
	background-color: #fff;
	border: 1px solid #ddd;
}

.box2
{
	background-color: #f0f0f0;
	padding: 5px;
	border: 1px solid #ddd;
}

input, select, textarea
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: small;
	padding:0 .25em 0 .25em;
	width:auto;
	overflow:visible;
    border-radius:4px;
}

input
{
	height: 18px;
}

select 
{
    height: 18px;
}

input.button
{
	background-image: url(images/button-back.png);
	background-repeat: repeat-x;
	background-position: 0 top;
	height: 22px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 3px;
	color: #fff;
	border: 1px solid #00515b;
}

input.button:hover
{
	background-image: url(images/button-back.png);
	background-repeat: repeat-x;
	background-position: 0 bottom;
	cursor: pointer;
}

input.alternate
{
	background-image: url(images/button-alt-back.png);
}

input.alternate:hover
{
	background-image: url(images/button-alt-back.png);
}

input.alternate:hover
{
}

input.buttonNacer
{
	background-image: url(images/boton-nacer.png);
	background-position: 0 top;
	width: 90px;
	height: 22px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 3px;
	color: #333;
	border: 1px solid #00515b;
}

input.buttonNacer:hover
{
	cursor: pointer;
}

input.textbox
{
	border: 1px solid #a0a0a0;
}

input.textbox:focus
{
	background-color: #f0f0f0;
}

a
{
	color: #f7951e;
	text-decoration: none;
	font-weight: bold;
}

a:hover
{
	text-decoration: underline;
}

.left 
{
	float: left;
}

.right 
{
	float: right;
}

.clearfix
{
	clear: both;
}

#login
{
	padding: 15px;
	border: 1px solid #ddd;
	width: 300px;
	margin: 100px auto;
}

#login label
{
	width: 100px;
	display: inline-block;
	text-align: left;
}

div.marginRight
{
	margin-right: 20px;
}
/*
ul li 
{
    list-style-image: none;
    list-style-type: disc;
    list-style-position: inside;
    margin-left: 10px;
    display: list-item;
}
*/
.list 
{
    background-color: #ffe6b7;
    border-left: 1px solid #f7951e;
    border-right: 1px solid #f7951e;
}


.list p
{
    color: #333;
    font-weight: bold;
    height: 18px;
    margin: 0px;
    padding: 0px 2px;
    border-bottom: solid 1px #f7951e;
}

.list p:hover
{
    color: #fff;
    background: url(images/hover-list.png);
    cursor: pointer;
}

a.toolbar_buttonItem {
    background-color: #EEEEEE;
    border: 1px solid #DDDDDD;
    display: inline-block;
    float: left;
    height: 90px;
    margin: 5px;
    min-height: 90px;
    padding: 8px;
    text-align: center;
    text-decoration: none;
    width: 120px;
}

.novedades
{
    padding: 5px;
    width: 600px;
}

.novedades ul li
{
    list-style-image: url(images/bullet-star.png);
    padding: 5px;
    background-color: #eee;
	border: solid 1px #ddd;
    margin-bottom: 5px;
}

.novedades strong
{
    color: #366;
    font-weight: bold;
}

.italic 
{
    font-style: italic;
}

/* FORMULARIOS */
fieldset
{
	border: solid 1px #e0e0e0;
	background-color: #f3f3f3;
	padding: 10px;
	margin-bottom: 5px;
}

fieldset p label
{
	font-weight: bold;
	width: 160px;
	display: inline-block;
	text-align: left;
}

fieldset.wide p label
{
	font-weight: bold;
	width: 180px;
	display: inline-block;
	text-align: left;
}

fieldset p span.radio label
{
	font-weight: normal;
	width: auto;
}

fieldset p span.radio
{
	vertical-align: middle;
}

.important
{
	background: #00a080;
	font-weight: bold;
	color: #fff;
}

.header
{
	background-image: url(images/header-back.png);
	background-color: #00a782;
	background-repeat: repeat-x;
	background-position: bottom;
	height: 20px;
	color: #fff;
	font-weight: bold;
	text-align: center;
}

.gridHeader th
{
	background-image: url(images/header-back.png);
	background-color: #00a782;
	background-repeat: repeat-x;
	background-position: bottom;
	height: 20px;
	color: #fff;
	font-weight: bold;
}

.AlternatingRow
{
	background-color: #E0E0E0;
	background-image: url(images/row-back.png);
	background-position: 0 bottom;
	background-repeat: repeat-x;
}

.grid tr:hover
{
	background: #ee9;
	cursor: default;
}

.errorMsj
{
	background: url(images/red-back.png) repeat-x #580000;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	min-height: 16px;
	margin: 5px;
	padding: 5px;
}

.errorMsj h3
{
	color: #fff;
}

.flashError 
{
	background: url(images/red-back.png) repeat-x #580000;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	min-height: 16px;
	margin: 0px;
	padding: 0px;
	display: none;
}

.flashInfo
{
	background: url(images/blue-back.png) repeat-x #1D5B88;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	min-height: 16px;
	margin: 0px;
	padding: 0px;	
	display: none;
}

.flashWarning
{
	background: url(images/yellow-back.png) repeat-x #DECB5E;
	font-size: 11px;
	font-weight: bold;
	color: #333;
	min-height: 16px;
	margin: 0px;
	padding: 0px;	
	display: none;
}

.flashError p, .flashInfo p, .flashWarning p
{
	margin: 0px;
	padding: 5px;
}

.flashError:hover, .flashInfo:hover, .flashWarning:hover
{
	cursor: pointer;
}

.highlight-red
{
	background-color: #f97;
}

.modalBackground
{
	background-color: #333;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

.modal
{
    filter: Alpha(Opacity=70); 
    -moz-opacity:0.7; 
    opacity: 0.7;
    width: 100%; 
    height: 100%; 
    background-color: #333;
    position: fixed;
    z-index: 500;
    top: 0px; 
    left: 0px;
}

/*----------------------menu-------------------------*/

.menuFixed{ height:120px; width:100%;  color: #D8000C; background-color: #FFBABA; text-align:center ; border-radius: 15px;}
.wrapper{ height:2000px; width:100%; padding-top:20px}
.fixed{position:fixed; top:0}

#menu
{
	height:30px;
	margin-top: 24px;
	padding:0px;
	clear:both;
	background-color: Transparent;
}

#menu ul
{
	list-style:none;
	padding:0;
	margin: auto;
	display:block;
}

#menu ul li
{
	list-style:none;
	display:inline;
	float:left;
	width: 90px;
	height:30px;
	padding: 0px 7px;
}

#menu ul li:hover
{
	background: url(images/menu-item-back-hover.png) repeat-x;
}

#menu ul li.selected
{
	background: url(images/menu-item-back.png) repeat-x;
}

#menu ul li a
{
	display: inline-block;
	width: 100%;
	height: 23px;
	padding-top: 7px;
	text-decoration:none;
	text-align:center;
	color: #fff;
	font-weight: normal;
}

#menu ul ul 
{
	width: 180px;
}

#menu ul li ul li
{
	background-image: none;
	background-color: #557574;
	border-top: solid 1px #a0a0a0;
	width: 100%;
}

#menu ul li ul li:hover
{
	background-image: none;
	background-color: #006851;
}

#menu ul li ul li a
{
	text-align: left;
}

#menu ul li ul li ul
{
	margin-top: -31px;
	margin-left: 180px;
}

#menu ul li ul li ul li
{
	background-color: #446463;
}

.calendar .ajax__calendar_container 
{
    color: #000;
    background: url(images/calendar-back.png) no-repeat;
	width: 180px;
	height: 176px;
	padding: 8px 4px 4px 4px;
    z-index:1;
}

.calendar .ajax__calendar_day:hover
 {
 	background: #097;
 	color: #fff;
 }

.bold
{
	font-weight: bold;
}

.bold td 
{   
    width: 80px;
}

.rowHoverGreen {
	background: #d2eabb;
}

.rowHoverGreenAlternate 
{
	background-color: #d2eabb;
	background-image: url(images/row-backHover.png);
	background-position: 0 bottom;
	background-repeat: repeat-x;
}

.rowHoverGreen .textbox
{
    vertical-align: top;
}

.rowHoverGreenAlternate .textbox
{
    vertical-align: top;
}

.rowHoverRed {
	background: #bd7470;
}

.rowHoverRedAlternate 
{
	background-color: #bd7470;
	background-image: url(images/row-backHoverRed.png);
	background-position: 0 bottom;
	background-repeat: repeat-x;
}

.repeater
{
}

.repeater p
{
	height: 20px; 
	margin: 0; 
	padding: 0;
}


.Expand_pnlContent
{
	background: #f0f0f0 repeat-x;
	color: #333;
	border: none;
	overflow: hidden;
	margin-bottom: 5px;
}

.Expand_expandHeader
{
	background: #fff url(images/header-back.png) repeat-x;
	color: #ddd;
	height: 20px;
}

.Expand_expandHeader:hover
{
	background: #fff url(images/header-back.png) repeat-x;
	color: #fff;
	cursor: pointer;
}

.Expand_expandHeader div
{
	padding-top: 5px;
	font-weight: bold;
	padding-left: 5px;
}

.passStrenght1
{
	width: 100px;
	padding: 4px;
	border: 1px solid #ddd;
	color: #fff;
	font-weight: bold;
	background: url(images/pass1.png) repeat-x;
}
.passStrenght2
{
	width: 100px;
	padding: 4px;
	border: 1px solid #ddd;
	color: #fff;
	font-weight: bold;
	background: url(images/pass2.png) repeat-x;
}
.passStrenght3
{
	width: 100px;
	padding: 4px;
	border: 1px solid #ddd;
	color: #fff;
	font-weight: bold;
	background: url(images/pass3.png) repeat-x;
}
.passStrenght4
{
	width: 100px;
	padding: 4px;
	border: 1px solid #ddd;
	color: #fff;
	font-weight: bold;
	background: url(images/pass4.png) repeat-x;
}
.passStrenght5
{
	width: 100px;
	padding: 4px;
	border: 1px solid #ddd;
	color: #fff;
	font-weight: bold;
	background: url(images/pass5.png) repeat-x;
}

.popup
{
	position: fixed;
	top: 20px;
	left: 50px;
	background-color: #fff;
	border: 1px solid #333;
	z-index: 1000000;
}

.popup .header 
{
	cursor: move;
	background: #00a782 url(images/header-back.png) repeat-x bottom;
}

a.buttonItem
{
	text-align: center;
	float: left;
	width: 120px;
	padding: 8px;
	margin: 5px;
	background-color: #eee;
	border: solid 1px #ddd;
	display: inline-block;
	text-decoration: none;
	min-height: 90px;
}

input.searchTextbox
{
    border: 1px solid #a0a0a0; 
    border-right: none;
    padding: 0px;
    vertical-align: top;
}

input.sTextbox
{
    border: 1px solid #a0a0a0; 
    /**border-right: none;**/
    padding: 0px;
    vertical-align: top;
}



/* NACER EXTENSION */
ul.prestaciones
{
	padding: 0px;
	margin: 5px;
}

ul.prestaciones a
{
	color: #000;
	font-weight: normal;
	padding-left: 24px;
	display: block;
	height: 22px;
}

ul.prestaciones a:hover
{
	text-decoration: none;
	background: #99cc66;
	cursor: pointer;
}

ul.prestaciones li.alternate
{
	background: #dadada;
	list-style: none;
	min-height: 22px;
}

ul.prestaciones li.noalternate
{
	background: #fff;
	list-style: none;
	min-height: 22px;
}

.item-anexo
{
	display: none;
}

/* TABS */
a.tab
{
	display: inline-block;
	background: transparent url(images/tab-normal.png);
	height: 24px;
	width: 114px;
	color: #888;
	text-align: center;
	padding-top: 8px;
}

a.tab:hover
{
	background: transparent url(images/tab-selected.png);
	color: #fff;
}

a.selected
{
	background: transparent url(images/tab-selected.png);
	color: #fff;
}

p.hover
{
	border: transparent 1px solid;
	height: 24px;
	cursor: pointer;
	padding: 3px;
}

p.hover:hover
{
	border: #144 1px solid;
	background-color: #f0f0f0;
}

/* Calendario de planificacion de turnos */
table.calendario tr td
{
	vertical-align: top;
	text-align: center;
	width: 120px;
	padding: 2px;
}

table.calendario tr td p.dia
{
	font-weight: bold;
	font-size: 11px;
}

table.calendario tr td p input
{
	vertical-align: middle;
}

table.calendario tr td.disabled
{
	background: #d9d9d9 url(images/calendar-back-gray.png) repeat-x;
	background-position: bottom;
}

table.calendario tr td.active
{
	background: #6acd81 url(images/calendar-back-green.png) repeat-x;
	background-position: bottom;
}

table.calendario tr td.inactive
{
	background: #e07248 url(images/calendar-back-red.png) repeat-x;
	background-position: bottom;
}
.infoModal 
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent url(images/oscurecer.png);
}
.infoBox 
{
	position: absolute;
	width: 400px;	
	left: 50%;
	margin-left: -200px;
	border: solid 2px #aaa;
	background: #fafafa;
	padding: 10px;
	top: 200px;
	z-index: 10000;
}
.infoBox2
{
	position: absolute;
	width: 500px;	
	left: 50%;
	margin-left: -250px;
	border: solid 2px #aaa;
	background: #fafafa;
	padding: 10px;
	top: 170px;
	z-index: 10000;
}
.infoBox2 fieldset 
{
    max-height: 300px;
	overflow:scroll;
}

.shadow {
	-moz-box-shadow: 5px 5px 6px #aaa;
	-webkit-box-shadow: 5px 5px 6px #aaa;
	box-shadow: 5px 5px 6px #aaa;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#aaaaaa')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#aaaaaa');
}

.clickableBlock 
{
	display: block; 
	float: left;
	width: 120px; 
	height: 80px; 
	text-align: center;
	margin: 5px;
	padding: 5px;
	border: 1px solid #aaa;
	background: #f0f0f0;
}

/* NEW PINARD 23/11/2012 */
.sumar-actions
{
    float: left;
    margin-left: 10px
}

.sumar-actions .ajax__dropdown_arrow_wrapper
{
    cursor: pointer;
}

.sumar-actions .ajax__dropdown_arrow_wrapper img
{
    margin-top: 16px;
}

.sumar-actions .list
{
    border: 1px solid #f7951e;
    border-bottom: none;
}

.list ul
{
    list-style: none;
}

.list ul li a
{
    color: #333;
    font-weight: bold;
    height: 18px;
    margin: 0px;
    padding: 0px 2px;
    border-bottom: solid 1px #f7951e;
    display: block;
}

.list ul li a:hover
{
    color: #fff;
    background: url(images/hover-list.png);
    cursor: pointer;
}

@import url('//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css');
 
.isa_info, .isa_success, .isa_warning, .isa_error {
margin: 10px 0px;
padding:12px;
border-radius: 15px;
}
.isa_info {
    color: #00529B;
    background-color: #BDE5F8;
}
.isa_success {
    color: #4F8A10;
    background-color: #DFF2BF;
}
.isa_warning {
    color: #9F6000;
    background-color: #FEEFB3;
}
.isa_error {
    color: #D8000C;
    background-color: #FFBABA;
}
.isa_info i, .isa_success i, .isa_warning i, .isa_error i {
    margin:10px 22px;
    font-size:2em;
    vertical-align:middle;
}
