html {
	font-size: 87.5%;
}



#tablaExpedientes{
	*background-color:red;
	height: 250px;
	overflow: scroll;
	overflow-x: hidden;
}


hr{
	margin-top:-10px;
	margin-bottom:15px;
	width:97%;
}

h4 hr{
	margin-top: -3px;
}

.resumen{
	float:left;
	margin-right:18px;
	margin-bottom:4.5px;
	height: 25px;
}

.cont{
	float: right;
	margin-right: 10%;
	font-weight: bold;
	clear:left;
}

.cortoFecha{
	float:right;
	margin-bottom:4.5px;
}



.corto{
	float:right;
}



body {
	font-size: 14px;
	font-size: 1rem;
	font-family: Helvetica, Arial, sans-serif;
	text-rendering: optimizeLegibility;
	color: #444;
	width:90%; 
	margin:0 auto 2em;
}

.site-logo img{
	margin-bottom:10px;
}


#formula {
	margin-top:0px;
	padding-top:10px;
	*line-height:1.75em;
	margin-left:10px;
	margin-bottom:30px;
}

tr:nth-child(odd){
	background-color:#CEE3F6;
}

tr:nth-child(even){
	background-color:#819FF7;
}

th{
	background-color:white;
}

#tablaComentarios tr{
	background-color:white;
	border:0px;
}

#tablaComentarios td, #tablaComentarios, #tablaComentarios th{
	border:none;
	min-width: 100px;
}

.vistas{
	font-size:normal;
	border-bottom: 2px solid #2E2EFE;
	border-right: none; 
	border-top: none; 
	border-left: none; 
}

.vistas td{
	border-top: 2px solid #2E2EFE;
	border-left: none; 
	border-right: 2px solid #2E2EFE; 
	border-bottom: none; 	
}

.vistas th{
	border-top: none;
	border-left: none; 
	border-right: 2px solid #2E2EFE; 
	border-bottom: none; 	
}

table {
 font-weight:bold;
 font-size:10pt;
 color:#000000;
 border-collapse: separate;
  border-spacing:  0px;
  background-color:#ffffff;
}

input[type=submit], input[type=button], button[type=submit]{
	background-color:#8184b9;
	color:white;
	text-transform:uppercase;
	/*width:90px;*/
	height:30px;
	margin-bottom:10px;
}

h3.centrado{
	text-align:center;
}

/*div de la imagen principal*/
.site-logo{
	margin-top:35px;
	margin-bottom:20px;
}

/*Iconos*/
.fotoTabla{
	text-align:center;
}


#login{
	width:300px;
	float:right;
	margin-left:-20%;
}

#loginInicial{
	text-align:center;
	*margin-top:240px;
	margin-top:10%;
}


ul, li { list-style:none;}
a, a:hover, a:focus { color:#8385b8;}
.content a, .content a:hover, .content a:focus { color:white;}
a { text-decoration:none;}

h1, h2, h3, h4, h5, h6 { color:#8184b9;}

#formula input[type=text], input[type=email], input[type=tel], input[type=password] { width:96.5%;}
#formula select { width:98%;}
#formula .dir input[type=text] { width:95.4%;}
.dir{
	margin-bottom: -0.5em; margin-top: -0.8em;
}


#correousuario, #password { width:35%;}

@media (min-width: 760px) {
	/*formulario de alertas*/
	/*ESTO ALINEA EN DOS FILAS*/
	#formula .form-item, #formula .form-item-small { float:none; display:inline-block; vertical-align:middle; width:24%; margin-right:0.5%; margin-top:-0.8em;}
	#formula .doble { float:none; display:inline-block; vertical-align:middle; width:49%; margin-right:0.5%; margin-top:-0.8em;}
	#formula .form-item-long{ float:none; display:inline-block; vertical-align:top; width:36%; margin-right:0.5%; margin-top:-0.8em;}
	#formula .form-item-long .mid{ float:none; display:inline-block; width:30%; margin-left:-0.7%;}
	#formula .form-item-long .double{ float:none; display:inline-block; width:69%;}
	#formula .num-cuenta{ float:none; display:inline-block; vertical-align:top; width:6%; margin-right:0.5%; margin-top:-0.8em;}
	#formula .form-item .mitad, #formula .form-item-small .mitad { float:none; display:inline-block; vertical-align:middle; width:45%; margin-right:1.5%;}
	#formula .form-item .tercio, #formula .form-item-small .tercio { float:none; display:inline-block; vertical-align:middle; width:30%; margin-right:1.5%;}
	#formula #dropdown-second-replace .form-item { width:100%;}
	#formula a { text-decoration:underline;}
	#formula a:hover { text-decoration:none;}
	#formula .coment{ clear:left; float:left; }
	#formula .send { clear: left; float: right; margin-top: 5px; margin-right: -55px; margin-left: 90px;}
	#formula input[type=text], #formula input[type=email], #formula input[type=tel], #formula input[type=password], #formula select {display:inline-block; vertical-align:middle; margin-right:3%; margin-bottom: 0.5em; margin-top:0.2em;}
	#formula input[type=checkbox] { margin-bottom: 0.5em; margin-top:0.2em; }
}

@media (min-width:980px) {
	#formula { width:90%; *margin:0 auto 2em; }
}

fieldset {
  margin-bottom: 1em;
  padding: 0.5em;
}
form {
  margin: 0;
  padding: 0;
}



 .form-item, .doble {
  margin-top: 0;
  margin-bottom: 0;
  white-space: nowrap;
}

label {
  display: block;
  font-size:17px;
  font-weight: bold;
  font-family: proxima-nova,"Helvetica Neue",Helvetica,Arial,sans-serif;
  margin-bottom: 2%;
  padding-top: 2%;
}

label.menu{
	display:inline;
}


.form-required {
  color: #f00;
}

 
.form-item, .doble{
  margin-top: 1em;
  margin-bottom: 1em;
}








/*MENUS*/
.menu-wrap { background:transparent; }

.mobile-menu { float:left; width:100; }



.menu-wrap { height: 23px; margin-bottom:10px;}
	.main-menu-nav .menu li { padding:16px 0; }
		.main-menu-nav .menu li.first { background-color:#f0f0f6; } /*PESTAÑA INICIO*/
	.main-menu-nav .menu li, .main-menu-nav .menu li:last-child { border-right:1px solid #fff;}
		.main-menu-nav li a { padding:1px 2px 1px; font-size:14px;}
	/*PARA LA PESTAÑA SEÑALADA*/	ul.menu li.active a, ul.menu li.active-trail a, .main-menu-nav li a:hover, ul.menu li.active a.desta, ul.menu li a.desta:hover, ul.menu li a.verde:hover, ul.menu li a.rojo:hover { background-color:#f0f0f6; color:#333 !important;}
	/*TERCERA*/	ul.menu li a.desta { background-color:#d8a800;}
	/*	ul.menu li a.verde { background-color:#70A356;}*/
		ul.menu li a.rojo { background-color:#F83A22;}




@media (min-width: 780px) {
	.menu-wrap { background-color:#8385b8; }
		.menu-wrap, .menu-wrap .span9, .menu-wrap .span3 { width:68%; }
		*{*color:yellow;}
		.main-menu-nav { width:100%; }
			.main-menu-nav .menu { padding:0; }
				.main-menu-nav .menu li { float:left; margin:0; padding:0; }
					.main-menu-nav .menu li.last { border-right:0 !important; }
						.main-menu-nav .menu li a { display:block; margin:0; padding:4px 3px; font-size:12px; }
						.main-menu-nav .menu li.first a { padding:4px 3px; }
						
		.menu-wrap, .menu-wrap .span9, .menu-wrap .span3 { width:70%;  }
		#login{
			margin-right:-12.8%;
		}

}

@media (min-width:1000px) {
	*{*color:red;}
	.menu-wrap { width:70%; height:27px; }
	.menu-wrap .span9 { width:85.6%; }
	/*.main-menu-nav li a { padding:12px 10px 14px;}
	.main-menu-nav .menu li a,
	.main-menu-nav .menu li.first a  { padding:15px 9px; }*/
	.menu-wrap .span9 .main-menu-nav .menu li a {
		padding: 4px 4px;
		font-size: 15px;
	}
	#login{
		margin-right: -125px;
	}
}

@media (min-width:1100px) {
	*{*color:blue;}
	.menu-wrap { height:27px; width:85.6%; margin-top:1px;}
	.menu-wrap .span9
	.main-menu-nav .menu li a { padding:4px 4px; font-size:12px; }
	.main-menu-nav li a { padding: 14px 12px 15px; font-size: 18px;}	
}



	
@media (min-width:1200px) {
	.menu-wrap .span9 { width:100%; }
		*{*color:olive;}
}

/*FIN MENUS*/