/* CSS Document */
@font-face{	font-family:Lucida Grande;	src:url(mainLayout.css)	}
@font-face{ font-family:Lucida Grande; font-weight:bold; src:url(Lucida%20Grande%20Bold.ttf) }

a { text-decoration:none; color:#06C; }

body{
	font-family:Lucida Grande, Verdana, Geneva, sans-serif;
	font-size:12px;	
}

.clearfix { clear:both; }

#pageContainer{
	width:900px;
	margin:auto;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	-moz-border-bottom-left-radius:5px;
	-moz-border-bottom-right-radius:5px;
}

#header{
	clear:both;
	padding:30px 0px 10px 0px;;	
}
	
	#header div.logo{ float:left; width:50%; background:url(../Images/logoHeader.png) no-repeat; height:85px; }
	#header div.app { float:right; width:49%; font-size:20px; font-weight:bold; line-height:4.2em; text-align:right; color:#999999; padding-right:2px; }

#fecha{
	clear:both;
	font-size:12px; text-align:right;
	padding:4px 2px 2px 0px;	
}
#barraNavegacion{
	clear:both;
	padding:8px 2px;	
	
}

#barraNavegacion_Cliente{
	clear:both;
	background-image:url(../Images/fondoiCloud.jpeg);	
	
}

#contenido{
	clear:both; padding:20px 2px;
}

#footer{
	clear:both;
	padding:30px 5px 30px 0px;
	font-weight:bold;
	text-align:right;
	text-shadow:#FFF 0px 1px 1px;
	background:#B2B2B2;
	color:#666666;	
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	-moz-border-bottom-left-radius:5px;
	-moz-border-bottom-right-radius:5px;
}


.actionButton{
	display:inline-block;
	padding:8px 15px;
	text-align:center;
	font-family:"Lucida Grande", Tahoma, Arial, Verdana;
	font-weight:bold;
	font-size:12px;	
	color:#666;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#ddd));
	background-image: -webkit-linear-gradient(top, #fafafa, #ddd);
	background-image: -moz-linear-gradient(top, #fafafa, #ddd);
	background-image: -ms-linear-gradient(top, #fafafa, #ddd);
	background-image: -o-linear-gradient(top, #fafafa, #ddd);
	background-image: linear-gradient(top, #fafafa, #ddd);
	-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#fafafa', EndColorStr='#dddddd');
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fafafa', EndColorStr='#dddddd');
	background-color: #ccc;
	text-shadow: 0 1px 0 rgba(255,255,255,.8);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
	-webkit-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
	box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
	border:solid 1px #CCCCCC;
}

.actionButton:hover
{
        background-color: #ddd;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#ddd));
        background-image: -webkit-linear-gradient(top, #fafafa, #ddd);
        background-image: -moz-linear-gradient(top, #fafafa, #ddd);
        background-image: -ms-linear-gradient(top, #fafafa, #ddd);
        background-image: -o-linear-gradient(top, #fafafa, #ddd);
        background-image: linear-gradient(top, #fafafa, #ddd);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fafafa', EndColorStr='#dddddd');
}

.actionButton:active{
	border:none;
	border-top:solid 2px #666666;
	border-left:solid 2px #666666;
	background:#5885C6;
	color:white;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.actionButton img{
	position:relative;
	top:2px;	
	margin-right:10px;
}

.actionButton img.Sola{
	margin:0px;
}

#headerPagina{
	clear:both;
	padding:10px 0px;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	color:#0C4A24;	
}

.formCentro{
	clear:both; margin:20px auto 30px auto; width:500px; padding:4px;
	border:#999 solid 1px; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px;
	box-shadow:#CCC 5px 5px 5px; -webkit-box-shadow:#CCC 5px 5px 5px; -moz-box-shadow:#CCC 5px 5px 5px;
}

.bordesCurvos {
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;	
}

.bordeGris{
	border-color:f4f4f4;	
}

.sombraBubbleTip{
	box-shadow:#CCC 5px 5px 5px; -webkit-box-shadow:#CCC 5px 5px 5px; -moz-box-shadow:#CCC 5px 5px 5px;	
}