body
{
    font-family: Arial;
    font-size: 11px;
}

.ui-widget-header {
	border: 1px solid #72B2D6;
	background: #72B2D6;
}

strong
{
    font-weight: bold;
}

h1
{

}

.left 
{
	float:left;
}

.right 
{
	float:right;
}

.clear
{
	clear:both;
}

.hidden 
{
	display:none;
}

#overlay 
{
	background:#000;
	position:absolute;
	height:100%;
	top:0;
	bottom:0;
	left:0;
	right:0;
	opacity:0.0;
	filter: alpha(opacity = 0);
}

#overlay.transparent 
{
	background:transparent;
}

#map-view 
{
	background:#fff;
	position:absolute;
	top:50px;
	bottom:50px;
	left:100px;
	right:100px;
	opacity:0.0;
	filter: alpha(opacity = 0);
}

#map-view-content 
{
	position:absolute;
	right:0;
	top:0;
	bottom:0;
	left:0;
}

#map-view-close-button,
#close-button,
.close-button
{
	background:url("../images/master/icon-close.png");
	width:30px;
	height:30px;
	position:absolute;
	right:-14px;
	top:-12px;
	cursor:pointer;
}

/*
.button
{
    padding: 8px; 
    background:#85b1d8;
    color:#fff;
    text-decoration: none;
     border-top-left-radius: 2px;
    -moz-border-top-left-radius: 2px;
    -webkit-border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    -moz-border-top-right-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    border-bottom-left-radius: 2px;
    -moz-border-bottom-left-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    -moz-border-bottom-right-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    
}
*/

/************/
/* !Buttons */
/************/
a.button
{
	font-weight:bold;
    padding:4px 10px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    text-decoration: none; 
    font-size:11px;
    text-shadow:0px 1px 1px #343434;
    cursor:pointer;
    
    text-shadow:0px 1px 1px #fff;
    color: #343434;
    background-color: #ccc;
   	background: linear-gradient(#ffffff, #ccc);
	background: -webkit-linear-gradient(#ffffff, #ccc);
	background: -moz-linear-gradient(#ffffff, #ccc);
	background: -o-linear-gradient(#ffffff, #ccc);
	background: -ms-linear-gradient(#ffffff, #ccc);
    border: 1px solid #ccc;
}

a.button:hover 
{
    background-color: #aaa;
   	background: linear-gradient(#ffffff, #bbb);
	background: -webkit-linear-gradient(#ffffff, #bbb);
	background: -moz-linear-gradient(#ffffff, #bbb);
	background: -o-linear-gradient(#ffffff, #bbb);
	background: -ms-linear-gradient(#ffffff, #bbb);
}

a.button:active 
{
	text-shadow:0px -1px 1px #fff;
    background-color: #fff;
   	background: linear-gradient(#ccc, #fff);
	background: -webkit-linear-gradient(#ccc, #fff);
	background: -moz-linear-gradient(#ccc, #fff);
	background: -o-linear-gradient(#ccc, #fff);
	background: -ms-linear-gradient(#ccc, #fff);
}

a.button.not-pressable 
{
	cursor:default;
}

a.button.disabled 
{
	opacity:0.4;
	color:#ddd;
	cursor:default;
}


/****************/
/* !Blue Button */
/****************/
a.button.blue:active 
{
	color: #ffffff;
	background: linear-gradient(#5A8AA8, #7cbbe4);
	background: -webkit-linear-gradient(#5A8AA8, #7cbbe4);
	background: -moz-linear-gradient(#5A8AA8, #7cbbe4);
	background: -o-linear-gradient(#5A8AA8, #7cbbe4);
	background: -ms-linear-gradient(#5A8AA8, #7cbbe4);
    background-color: #5A8AA8;	
    text-shadow:0px -1px 1px #343434;
}

a.button.blue 
{
	color: #ffffff;
	text-shadow:0px 1px 1px #343434;
	background: linear-gradient(#7cbbe4, #5A8AA8);
	background: -webkit-linear-gradient(#7cbbe4, #5A8AA8);
	background: -moz-linear-gradient(#7cbbe4, #5A8AA8);
	background: -o-linear-gradient(#7cbbe4, #5A8AA8);
	background: -ms-linear-gradient(#7cbbe4, #5A8AA8);
    background-color: #7cbbe4;
    border: 1px solid #5A8AA8;
}


/*****************/
/* !Green Button */
/*****************/
a.button.green:active 
{
	background: linear-gradient(#748a28, #91a746);
	background: -webkit-linear-gradient(#748a28, #91a746);
	background: -moz-linear-gradient(#748a28, #91a746);
	background: -o-linear-gradient(#748a28, #91a746);
	background: -ms-linear-gradient(#748a28, #91a746);
    background-color: #748a28;
    text-shadow:0px -1px 1px #343434;
}

a.button.green
{
	color: #ffffff;
	text-shadow:0px 1px 1px #343434;
	background: linear-gradient(#91a746, #748a28);
	background: -webkit-linear-gradient(#91a746, #748a28);
	background: -moz-linear-gradient(#91a746, #748a28);
	background: -o-linear-gradient(#91a746, #748a28);
	background: -ms-linear-gradient(#91a746, #748a28);
    background-color: #91a746;
    border: 1px solid #748a28;
}

a.button.red
{
	color: #ffffff;
	text-shadow:0px 1px 1px #343434;
	background: linear-gradient(#e47c7c, #a85a5a);
	background: -webkit-linear-gradient(#e47c7c, #a85a5a);
	background: -moz-linear-gradient(#e47c7c, #a85a5a);
	background: -o-linear-gradient(#e47c7c, #a85a5a);
	background: -ms-linear-gradient(#e47c7c, #a85a5a);
    background-color: #e47c7c;
    border: 1px solid #a85a5a;
}



/********/
/* !Tab */
/********/
a.button.tab 
{
	border-radius:0;
    -moz-border-radius:0;
    -webkit-border-radius:0;
    -o-border-radius:0;
    -ms-border-radius:0;
    border-right-width:0px;
    padding:7px 10px;
}

a.button.tab.right 
{
	border-right-width:1px;
	
	border-radius:0 4px 4px 0;
    -moz-border-radius:0 4px 4px 0;
    -webkit-border-radius:0 4px 4px 0;
    -o-border-radius:0 4px 4px 0;
    -ms-border-radius:0 4px 4px 0;
}

a.button.tab.left 
{
	border-radius:4px 0 0 4px;
    -moz-border-radius:4px 0 0 4px;
    -webkit-border-radius:4px 0 0 4px;
    -o-border-radius:4px 0 0 4px;
    -ms-border-radius:4px 0 0 4px;
}

a.button.tab.selected 
{
	cursor:default;
	box-shadow:inset 0px 0px 15px #ccc;

	text-shadow:0px -1px 1px #fff;
    background-color: #fff;
   	background: linear-gradient(#ccc, #fff);
	background: -webkit-linear-gradient(#ccc, #fff);
	background: -moz-linear-gradient(#ccc, #fff);
	background: -o-linear-gradient(#ccc, #fff);
	background: -ms-linear-gradient(#ccc, #fff);
}

a.button.tab.selected:hover 
{
    background-color: #fff;
   	background: linear-gradient(#ccc, #fff);
	background: -webkit-linear-gradient(#ccc, #fff);
	background: -moz-linear-gradient(#ccc, #fff);
	background: -o-linear-gradient(#ccc, #fff);
	background: -ms-linear-gradient(#ccc, #fff);
}

#domMessage
{
    padding: 50px;
    background-color: White;
    border: 4px solid #c1c1c1;
}

#domMessage p
{
    margin-top: 10px;
}

/******************/
/* !Notifications */
/******************/
.notification 
{
	width:191px;
	float:left;
	margin-top:20px;
	
	padding: 8px 8px 8px 14px;
	margin-bottom: 18px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	border: 1px solid #fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.notification.success 
{
	color: #468847;
	background-color: #DFF0D8;
	border-color: #D6E9C6;
}

.notification.fallo {
    color: #B94A48;
    background-color: #F2DEDE;
    border: 1px solid #EED3D7;
}

.notification.info
{
	color: #3A87AD;
	background-color: #D9EDF7;
	border-color: #BCE8F1;
}

.notification.warning
{
	color: #C09853;
	background-color: #FCF8E3;
	border-color: #FBEED5;
}

.notification.error 
{
	color: #B94A48;
	background-color: #F2DEDE;
	border-color: #EED3D7;
}

.campo-no-valido {
border: 2px solid #B94A48;
}

.notification .close {
	position: relative;
	top: -6px;
    right: -3px;
	line-height: 18px;
	
	float: right;
	font-size: 20px;
	font-weight: bold;
	color: black;
	text-shadow: 0 1px 0 white;
	opacity: 0.2;
	filter: alpha(opacity=20);
}

.notification a.close {
	padding: 0;
	cursor: pointer;
	background: transparent;
	border: 0;
	-webkit-appearance: none;
}

/*** Mensaje error formulario ***/
.mensaje-error-formulario {
    color: #B94A48;
    background-color: #F2DEDE;
    border: 1px solid #EED3D7;
    padding: 8px 35px 8px 14px;
    font-weight: bold;
    position: relative;
    max-width: 300px;
    margin: 0 auto;
    margin-top: 10px;
    text-align: center;
}

.mensaje-error-usuario-duplicado-registro {
    color: #B94A48;
    background-color: #F2DEDE;
    border: 1px solid #EED3D7;
    padding: 8px 35px 8px 14px;
    font-weight: bold;
    position: relative;
    max-width: 300px;
    margin: 0 auto;
    margin-top: 10px;
    text-align: center;
}

a.close-button-formulario {
text-decoration: none;
}
.close-button-formulario {
position: absolute;
top: 8px;
right: 8px;
cursor: pointer;
}

/*ERROR*/
.error
{
    border: 1px solid red !important;
}