/*INTRANET*/
* { margin: auto; padding: 0; }


body {  
	
	/*font: 0.8em Calibri, Arial, Helvetica, sans-serif;*/
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	background-color: #E4E4E4 !important;
    background-image: url("../Content/img/app/background.gif");
    background-repeat: repeat-x;
}

.floatleft { float: left; }
.floatright { float: right; }
.clear { clear: both;  }

a { 
	text-decoration: none; 
	outline: none;
    color: #333333;
	}
a:hover {
		text-decoration: underline;
		color: #333333;
	}

li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

/*INTRANET*/
#page-wrap 
{
    margin: 1px auto;
    width:1223px;
}

/*INTRANET*/
#main-content 
{
 
    min-height:560px;
    background-color:white;
    width:1223px;
	padding:0;
}

/*INTRANET*/
#home_imagen_principal
{
    text-align:center;   
    padding-top: 50px;
    padding-bottom: 50px;
}

/*INTRANET*/
#top-bar {
	background: #3399FF;
	height:90px;
	padding: 0 10px;
	font-size: 1.3em;
	font-weight: bold;
	}

/*INTRANET*/
#right-side 
{
	float: right;
	padding-top:21px;
	padding-top:60px;
}
		
#zone-bar {
	background: #b2d281;
	min-height: 30px;
	padding: 5px 10px 0 10px;
	}
	#zone-bar ul {
		display: block;
		}
		#zone-bar ul li {
			height: 18px;
			padding: 5px 5px 0 5px;
			position: relative;
			float: left;
			margin-right: 10px;
			}
			#zone-bar ul li:hover {
				background: url(imagenes/zonebar-navleft.png) center left no-repeat;
			}
			#zone-bar ul li a {
				display: block;
				float: left;
				height: 23px;
				position: relative;
				top: -5px;
				right: -5px;
				padding-right: 3px;
				color: #383838;
				font-weight: bold;
				font-size: 1.1em;
				text-decoration: none;
				}
				#zone-bar ul li a:hover {
					background: url(imagenes/zonebar-navright.png) center right no-repeat;
				}
				#zone-bar ul li a span {
					position: relative;
					top: 6px;
				}
			#zone-bar ul li ul {
				display: none;
				position: absolute;
				top: 29px;
				left: 0px;
				width: 150px;
				border: 1px solid #ccc;
				background: white;
				padding: 10px 0 0 0;
				}
				#zone-bar ul li ul li {
					float: none;
					padding: 0; margin: 0;
					height: 100%;
				}
				#zone-bar ul li ul li:hover {
					background: none;
					}
					#zone-bar ul li ul li a {
						display: block;
						float: none;
						margin-left: -5px;
						padding: 5px 0 0 10px;
						width: 140px;
					}
					#zone-bar ul li ul li a:hover {
						background: #d9f0b7;
					}

#feature-content {
	margin:0;
	padding:0;
    width:1223px;
    
	}
	
#feature-left {
	float: left;
	background-color:#FCFEFC;
	min-height:560px;
    height:100%;
	}

#feature-left p {
	font-size: 1.2em;
	line-height: 1.5em;
}
	
	
#feature-right {
	float: right;
	width:284px;
	padding-right: 8px;
	background-color:#FFFDF5;
	background-color:#FFFFFF;
	background-color:#FCFEFC;
	height:100%;
	padding-left: 8px;
	}
	
#feature-right h1 {
	margin-left: 70px;
}
	
#feature-right p {
	font-size: 1.2em;
	line-height: 1.5em;
}
	
.feature-mini {
	float: left;
	width: 46%;
	margin-right: 2%;
}
	
#feature-center
{
    display:inline-block;
	background-color:#FCFBF8;
    background-color:#fcfcfc;
    height:100%;
	min-height:560px;
    
}
	
#feature-calendar
{
    width:100%;
    position:relative;
}
		
#footer_footer
{
    height: 4em;
    width: 100%;
    background-color: #333333;
    font-family: Calibri;
    border-top: solid 0.2em #666666;
    height:30px;
    color: #FFFFFF;
    text-align:center;
    padding-top:6px;
}

#footer_footer label
{
	font-family:Verdana;
	color:#888888;
	font-size:0.85em;
	padding-top:8px;
	max-height:20px;
}


#footer_footer label
{
	padding-top:0;
}

#main-content 
{
    min-height:500px;
}



.site-options {
	margin: 0;
	padding: 0;
	list-style: none;
}
.site-options li {
    
    cursor: pointer;
    margin: 0 0 10px;
    padding: 13px 20px 10px;
    position: relative;
    
}
.site-options li:hover {
    background-color:  antiquewhite;
}
.site-options li.divider {
	padding: 0;
	border-width: 1px 0 0;
	border-color: yellowgreen ;
	border-style: dashed;
}
.site-options li i {
	vertical-align: baseline;
}
.site-options li strong {
	font-weight: bold;
	font-size: 20px;
	margin-left: 5px;
}
.site-options li small {
	margin-left: 5px;
	font-size: 12px;
	color: #888888;
	font-style: italic;
}

.site-options li div.title {
 padding-left:7px;    
 font-weight:600;

}
.site-options li div.detail {
  font-size:small;
  padding-left:7px;
  font-style:italic;
}


.inline
{
    display:inline !important;
}
.inline-block
{
    display:inline-block !important;
}
.block
{
    display:block !important;
}

.mauto
{
    margin:auto;
}

.link-unstyled
{
    color:black;
    text-decoration:none;
}
.link-unstyled:hover
{
    color:black;
    text-decoration:none;
}
.toolbar-buttons
{
    width:100%;
    text-align:right;
}

.toolbar-buttons div.valsum
{
    padding-top:5px;
    display: inline-block;
    
}
.toolbar-buttons ul
{
    display:none;
}
.text
{
    padding-left:4px;
}

.metro-nav
{
    padding:15px 35px 15px 35px;
    color: #333333;

}
.metro-nav-yellow
{
    padding: 4px 35px 4px 14px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    background-color: antiquewhite;
    border: 1px solid #FFD3B3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

table th
{
    text-align:left;
}
.ptop5
{
    padding-top:5px;
}
.ptop10
{
    padding-top:10px;
}
.ptop15
{
    padding-top:15px;
}
.ptop20
{
    padding-top:20px !important;
}
.mtop5
{
    margin-top:5px !important;
}
.mtop10
{
    margin-top:10px !important;
}
.mtop15
{
    margin-top:15px !important;
}
.mtop20
{
    margin-top:20px  !important;
}
.mtop30
{
    margin-top:30px !important;
}
.pleft5
{
    padding-left:5px !important;
}
.pleft10
{
    padding-left:10px !important;
}
.pleft15
{
    padding-left:15px !important;
}
.pleft20
{
    padding-left:20px !important;
}
.mleft5
{
    margin-left:5px !important;
}
.mleft10
{
    margin-left:10px !important;
}
.mleft15
{
    margin-left:15px !important;
}
.mleft20
{
    margin-left:20px !important;
}
.mleft30
{
    margin-left:30px !important;
}
.mleft40
{
    margin-left:40px !important;
}

.pbottom5
{
    padding-bottom:5px !important;
}
.pbottom10
{
    padding-bottom:10px !important;
}
.pbottom15
{
    padding-bottom:15px !important;
}
.pbottom20
{
    padding-bottom:20px !important;
}
.mbottom5
{
    margin-bottom:5px !important;
}
.mbottom10
{
    margin-bottom:10px !important;
}
.mbottom15
{
    margin-bottom:15px !important;
}
.mbottom20
{
    margin-bottom:20px !important;
}
.pright5
{
    padding-right: 5px !important;
}
.pright10
{
    padding-right: 10px !important;
}
.pright15
{
    padding-right: 15px !important;
}
.pright20
{
    padding-right: 20px !important;
}
.pright25
{
    padding-right: 25px !important;
}
.pright30
{
    padding-right: 30px !important;
}
.pright35
{
    padding-right: 35px !important;
}

.img-info
{
    background-image: url("img/app/info24x24.png");
    min-width:24px;
    min-height:24px;
}

/* styles for validation helpers */
.field-validation-error {
    color: #e80c4d;
    font-weight:lighter;

}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #e80c4d;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #e80c4d;
    font-weight: bold;
    font-size: 1.1em;
}

.validation-summary-valid {
    display: none;
}
.falta-dato
{
    color: red;
    font-weight:bold;
}

.widget-header[class*="header-color-"] {
    color: #FFF;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.header-color-blue2 {
    background: #5090c1 !important;
    border-color: #5090c1 !important;
}

.widget-header {
    background-position: 0% 0%;
    position: relative;
    min-height: 38px;
    background-color: #f8f8f8;
    background-repeat: repeat-x;
    color: #9F9F9F;
    border: 1px solid #CCC;
    padding-left: 12px;
    background-image: linear-gradient(to bottom,#fff,#eee);
    background-attachment: scroll;
}

.smaller
{
    font-weight:200;
    letter-spacing:0.05em;
    
}
[class^="img-"], [class*=" img-"] {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-top: 1px;
    line-height: 14px;
    vertical-align: text-top;
    background-repeat: no-repeat;
    
}

.img-clean-16
{
    background-image: url("img/iconos/clean16.png");
}

span.valerror[style*="inline"], span.valerror[style=""]
{
    display:inline-block !important;
    margin-left:0px;
 
}


.pad35{ padding:35px;}
.pad30{ padding:30px;}
.pad25{ padding:25px;}
.pad20{ padding:20px;}
.pad15{ padding:15px;}
.pad10{ padding:10px;}
.pad5{ padding:5px;}

.vatop
{
    vertical-align:top;
}
.valSummary1
{
    
    display:inline-block;
}
.SubtitlePage
{
    margin-top:-30px;
    margin-left:15px;
}
.titulo1
{
    color: #555555;
    font-size: 24px;
    font-weight: normal;
    text-shadow: 0 1px 0 #ffffff;
    
}
.titulo2
{
    color: #555555;
    font-size: 20px;
    font-weight: normal;
    text-shadow: 0 1px 0 #ffffff;
    
}
a.btn, a.btn-primary, a.btn-inverse, a.btn-large, a.btn-small
{
    text-decoration:none !important;
}
.width100
{
    width:100%;
}
.titulo-subrayado-1
{
    font-family: inherit;
    font-size:14px;
    font-weight:bold;
    width: 100%;
    border-bottom: solid 1px #cccccc;
    text-rendering: optimizelegibility;
    padding-bottom:3px;
}
.img-faq
{
    background-image: url('img/iconos/faq16.png');
    width:16px;
    height:16px;
    margin-left:3px;
    
}