@charset "utf-8";
/* CSS Document */
*{padding:0px; margin:0px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:12px; color:#333;}
#cuerpo
{
	width:950px;
	margin-top:150px;
	position:absolute;
	left:50%;
	margin-left:-475px;
	padding-bottom:60px;
}
	#cuerpo .pagination{
		text-align:center;
	}
.mailer{
	width:550px;
	height:570px;
	margin:auto;
	display:block;
}

.btn{
	display:block;
	padding:5px 6px;
	background:#9C0;
	color:#FFF;
	font-weight:bold;
	text-align:center;
	border:#690 1px solid;
	-webkit-border-radius:6px;-khtml-border-radius:6px;-moz-border-radius:6px;-o-border-radius:6px;border-radius:6px;
	margin:2px 5px;
}
	.btn:hover{
		background:#FFF;
		border:#999 1px solid;
		color:#666;
		text-shadow:0px 0px 1px #666;
	}
.inp{height:40px;
}
.square
{
	padding:3% 2%;
	background:#FFF url(../img/bg_square.gif) left bottom repeat-x;
	border:#CCC 1px solid;
	margin: 25px auto 10px auto;
	border-radius:1.5em;-moz-border-radius:1.5em;-webkit-border-radius:1.5em;-o-border-radius:1.5em;-khtml-border-radius:1.5em;
	clear:both;
	-webkit-box-shadow:0px 0px 5px #666;-khtml-box-shadow:0px 0px 5px #666;-moz-box-shadow:0px 0px 5px #666;-o-box-shadow:0px 0px 5px #666;box-shadow:0px 0px 5px #666;
	overflow:hidden
}
	#btn_up{
		margin-left:45%;
	}
	.square a
	{
		font-weight:bold;
		color:#F60;
		font-size:1.1em;
		text-decoration:none;
		text-transform:capitalize;
	}
		.square a:hover
		{
			color:#039;
		}
#pie
{
	clear:both;
}

	


/***********clases**************/
/*---servicios---*/
ul.servicios
{
	padding:1em;
	list-style:none;
	clear:both;
	display:block;
	margin:.7em;
}
	ul.servicios li,ul.servicios li a
	{
		display: inline;
		padding:.3em;
		margin:.7em .4em;
		border:#9C0 2px solid;
		color:#333;
		font-weight:bold;
		outline:#999 1px solid;
	}
	ul.servicios li:hover, ul.servicios li a:hover 
	{
		background:#9c0;
		color:#FFF;
		cursor:default;
		border:#f60 2px solid;
	}
/**/


.act
{
	background:#9C0 url(../img/bg_act.gif) top repeat-x;
	color:#000;
	font-weight:bold;
	font-size:1.3em;
	padding:.2em;
	text-align:center;
	cursor:default;
	margin-top:1em;
}
.line
{
	padding:8px;
	border-top:#999 1px dotted;
	margin-bottom:5px;
	margin-top:8px;
}
.table
{
	background:#FFF url(../img/bg_table.gif) bottom repeat-x;
	border:#CCC 1px dotted;
}
.info
{
	font-size:1.3em;
	line-height:2em;
	margin-top:1.6em;
}
	.info strong
	{
		font-size:1em;
		font-weight:bold;
		color:#036;
		padding:.1em;
		border:#036 1px dotted;
		margin:0px;
	}
.foto
{
	width:245px;
	height:178px;
	border:#FFF 4px solid;
	outline:#CCC 1px solid;
	margin-bottom: 1em;
	float:left;
	margin-right:.8em;
}
.foto2
{
	width:150px;
	height:150px;
	float:left;
	border:#FFF 4px solid;
	outline:#CCC 1px solid;
	margin-right:.8em;
}
.logo
{
	width:150px;
	height:150px;
	margin-left:.4em;
	border:#CCC 1px solid;
	float:right;
}
#fondo{
	background:transparent url(../img/bg_fondo.png) right 48% no-repeat;
	height:60px;
	line-height:60px;
	width:220px;
	float:left;
	margin:-2px 0px 0px  -5px;
	padding:0px 35px 0px 0px;
}
#mico_logo
{
	height:60px;
	width:230px;
	line-height:60px;
	float:left;
	display:block;
	background:url(../img/logo_mico.png) 5px 50% no-repeat;

}
#reg form{
	display:block;
	text-align:center;
}
	.search{
		padding:8px 5px 8px 38px;
		width:350px;
		background:url(../img/search.gif) 3px top no-repeat #fff;
		-webkit-border-radius:8px;-khtml-border-radius:8px;-moz-border-radius:8px;-o-border-radius:8px;border-radius:8px;
		border:#09C 2px solid;
		font-size:1.1em;
		text-shadow:0px 0px 1px #666;
		color:#666;
		float:none;
		margin:0px;
	}
		.search:focus{
			border-color: #0CF;
			-webkit-box-shadow:0px 0px 4px #fff;-khtml-box-shadow:0px 0px 4px #fff;-moz-box-shadow:0px 0px 4px #fff;-o-box-shadow:0px 0px 4px #fff;box-shadow:0px 0px 4px #fff;
		}
	.send{
		padding:5px 4px 5px 4px;
		font-size:1.1em;
		font-weight:bold;
		background:#9C0;
		border:#FFF 1px solid;
		-webkit-border-radius:8px;-khtml-border-radius:8px;-moz-border-radius:8px;-o-border-radius:8px;border-radius:8px;
		margin:auto auto auto 10px;
		cursor:pointer;
		width:70px;
		color:#FFF;
	}
		.send:hover{
			background:#f5f5f5;
			border-color:#CCC;
			color:#069;
		}
		

#header
{
	text-align:center;
	line-height:60px;
	background-color: hsl(214, 61%, 15%) !important; background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3072c9", endColorstr="#0e233d"); background-image: -khtml-gradient(linear, left top, left bottom, from(#3072c9), to(#0e233d)); background-image: -moz-linear-gradient(top, #3072c9, #0e233d); background-image: -ms-linear-gradient(top, #3072c9, #0e233d); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3072c9), color-stop(100%, #0e233d)); background-image: -webkit-linear-gradient(top, #3072c9, #0e233d); background-image: -o-linear-gradient(top, #3072c9, #0e233d); background-image: linear-gradient(#3072c9, #0e233d); border-color: #0e233d #0e233d hsl(214, 61%, 6.5%); color: #fff !important; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.56); -webkit-font-smoothing: antialiased;	font-style:oblique;
	letter-spacing:-1px;
	position:fixed;
	z-index:5;
	top:-1px;
	left:0;
	width:100%;
	margin:0 0 30px 0;
	-webkit-box-shadow:0px 2px 3px #666;-khtml-box-shadow:0px 2px 3px #666;-moz-box-shadow:0px 2px 3px #666;-o-box-shadow:0px 2px 3px #666;box-shadow:0px 1px 3px #666;
	padding:0 0 0 0;
}
.trTitle{
	background-color: hsl(214, 61%, 15%) !important; background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3072c9", endColorstr="#0e233d"); background-image: -khtml-gradient(linear, left top, left bottom, from(#3072c9), to(#0e233d)); background-image: -moz-linear-gradient(top, #3072c9, #0e233d); background-image: -ms-linear-gradient(top, #3072c9, #0e233d); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3072c9), color-stop(100%, #0e233d)); background-image: -webkit-linear-gradient(top, #3072c9, #0e233d); background-image: -o-linear-gradient(top, #3072c9, #0e233d); background-image: linear-gradient(#3072c9, #0e233d); border-color: #0e233d #0e233d hsl(214, 61%, 6.5%); color: #fff !important; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.56); -webkit-font-smoothing: antialiased;
	cursor:default;
	text-transform:capitalize;
	font-style:normal;
}		
	#header label{
		font-size:1.3em;
		color:#09C;
		font-weight:bold;
		padding:15px 8px;
	}
#reg{
	padding:0px 10px; 
	background-color: hsl(0, 0%, 55%) !important; background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fcfcfc", endColorstr="#8c8c8c"); background-image: -khtml-gradient(linear, left top, left bottom, from(#fcfcfc), to(#8c8c8c)); background-image: -moz-linear-gradient(top, #fcfcfc, #8c8c8c); background-image: -ms-linear-gradient(top, #fcfcfc, #8c8c8c); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fcfcfc), color-stop(100%, #8c8c8c)); background-image: -webkit-linear-gradient(top, #fcfcfc, #8c8c8c); background-image: -o-linear-gradient(top, #fcfcfc, #8c8c8c); background-image: linear-gradient(#fcfcfc, #8c8c8c); border-color: #8c8c8c #8c8c8c hsl(0, 0%, 44%); color: #333 !important; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.72); -webkit-font-smoothing: antialiased;
	margin-left:-25px;
	margin-top:-5px;
	clear:both;
	height:60px;
}

	
#navigation
{
	width:950px;
	height:35px;
	background: url(../img/bg_prub.png) top repeat-x;
	float:right;
	bottom:0px;
	position:fixed;
	z-index:10000;
	bottom:0px;
	margin-bottom:0px
}
	#botones{
		width:240px;
		float:right;
		overflow:hidden;
	}
	#botones a{
		display:block;
		width:50px;
		height:30px;
		line-height:30px;
		background:url(../img/bg_btn.png) left top no-repeat;
		margin:0px 10px 0px 0px;
		float:left;
		text-align:center;
		font-weight:bold;
		font-family:"Arial Black", Gadget, sans-serif;
		font-size:1.3em;
		letter-spacing:-.5px;
		color:#FFF;
		text-decoration:none;
	}
		#botones a:hover{
			background-position:bottom;
			color:#030;
		}
		strong.mail{
			color:#6C0;
			font-weight:bold;
			font-size:1.1em;
			border:none;
			padding:1px;
		}
		
	.btn_mail,.sending{
		display:block;
		padding:4px 6px;
		margin:5px;
		background:#039;
		color:#FFF;
		text-align:center;
		text-decoration:none;
		border:none;
		font-weight:bold;
		width:180px;
		margin:auto;
		border:#006 1px solid;
		-webkit-box-shadow:0px 0px 3px #666;-khtml-box-shadow:0px 0px 3px #666;-moz-box-shadow:0px 0px 3px #666;-o-box-shadow:0px 0px 3px #666;box-shadow:0px 0px 3px #666;
		-webkit-border-radius:10px;-khtml-border-radius:10px;-moz-border-radius:10px;-o-border-radius:10px;border-radius:10px;
		font-size:1.1em;
		text-shadow:0px 0px 1px #fff;
		cursor:pointer;
	}
		.btn_mail:hover,.sending:hover{
			color:#FFF;
			background:#9c0;
			border-color:#690;
			text-shadow:0px 0px 2px #444;
		}
			.sending:focus{
				color:#FFF;
				background:#f60;
				border-color:#c50;
				text-shadow:0px 0px 2px #444;
			}
		.sending{
			font-size:1.1em;	
			letter-spacing:1px;
		}
	
#allContent{
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	text-align: center;
}

.inner{
	display: block;
	padding: 10px;
}

#alertBoxes{
	display: block;
	width: 500px;
	text-align: left;
	margin:10px auto;
}
.loginBlock{
	display: block;
	width: 500px;
	border: 1px solid #eaeaea;
	background-color: #fafafa;
	/*text-align: left;*/
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.loginBlock form input[type=text], .loginBlock form input[type=password]{
	display: inline-block;
	margin: 5px;
	border: 1px solid #dadada;
	background-color: #eaeaea;
	padding: 3px;
	color: #404040;
	width: 380px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
.loginBlock form button{
	display: inline-block;
	margin: 5px;
	border: 1px solid #dadada;
	background-color: #eaeaea;
	padding: 3px;
	padding-left: 20px;
	padding-right: 20px;
	color: #404040;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
.timer{
	display: block;
	width: 32px;
	height: 32px;
	float:left;
	background-image: url(../img/loading.gif);
	background-position: 50% 50%;
	background-repeat: no-repeat;
}

.box-info, .box-success, .box-alert, .box-error{
	clear: both;
	border-width: 1px;
	border-style: solid;
	margin: 0px;
	padding: 5px;
	background-repeat: no-repeat;
	background-position: 0px 50%;
	text-align: left;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.box-info {
	color: #00529b;
	background-color: #bde5f8;
	border-color: #00529b;
}
.box-success {
	color: #4f8a10;
	background-color: #dff2bf;
	border-color: #4f8a10;
}
.box-alert {
	color: #9f6000;
	background-color: #feefb3;
	border-color: #9f6000;
}
.box-error {
	color: #d8000c;
	background-color: #ffbaba;
	border-color: #d8000c;
}

.session_on{
	display: block;
	text-align: left;
}

#nuevo{
	/*width:700px;*/
	float:right;
	width:100%;
}
.new,.activ,.inact,.all,.delete,.cerrar{
	
	height:25px;
	line-height:25px;
	display:block;
	/*color:#039;
	text-shadow:0px 0px 1px #eee;
	font-weight:bold;
	text-decoration:none;*/
	-webkit-border-radius:12px;-khtml-border-radius:12px;-moz-border-radius:12px;-o-border-radius:12px;border-radius:12px;
	margin:0px auto 10px;
	-webkit-box-shadow:0px 0px 3px #666;-khtml-box-shadow:0px 0px 3px #666;-moz-box-shadow:0px 0px 3px #666;-o-box-shadow:0px 0px 3px #666;box-shadow:0px 0px 3px #666;
	text-align:left;
	margin:10px 5px;
	border:none;
	cursor:pointer;
}
	.new,.activ,.inact,.all,.delete{
		float:right;
	}
.new{
		background:url(../img/add.png) #fefefe no-repeat 8px 50%;
		width:140px;
		padding-left:30px;
		color:#039;
		text-shadow:0px 0px 1px #eee;
		font-weight:bold;
		text-decoration:none;
}
	.new:hover,.activ:hover,.inact:hover,.all:hover,.cerrar:hover,.delete:hover{
		color:#F60;
		text-decoration:underline
	}
.activ{
	background:url(../img/act.png) #fefefe no-repeat 8px 50%;
	padding-left:30px;
	min-width:110px;
	color:#039;
	text-shadow:0px 0px 1px #eee;
	font-weight:bold;
	text-decoration:none;
	text-align:left
}
.inact{
	background:url(../img/inac.png) #fefefe no-repeat 8px 50%;
	padding-left:30px;
	width:117px;
	color:#039;
	text-shadow:0px 0px 1px #eee;
	font-weight:bold;
	text-decoration:none;
}
.delete{
	background: 	url(../img/garbage.png) #fefefe no-repeat 7px 50%;
	padding-left:25px;
	width:60px;
	color:#039;
	text-shadow:0px 0px 1px #eee;
}
.cerrar{
	background: 	url(../img/exit.png) #fefefe no-repeat 8px 50%;
	padding-left:25px;
	width:85px;
	color:#039;
	text-shadow:0px 0px 1px #eee;
	margin-left:15px;
	float:left
}
.all{
	background:#fefefe;
	text-align:center;
	width:60px;
	color:#FFF;
	color:#039;
	text-shadow:0px 0px 1px #eee;
	font-weight:bold;
	text-decoration:none;
}
	.all:hover{
		background:#fefefe
	}
	.marca{
		text-transform:none;
		font-weight:bold;
		text-align:center;
		text-decoration:underline;
		cursor:pointer;
		color:#FFF;
		font-size:1.2em;
	}
		.marca:hover{
			text-decoration:none;
			color:#f60;
		}
.prueba{
	width:140px;
	background:#fefefe url(img/act.png) 8px 50% no-repeat;
	border:none;
	-webkit-box-shadow:0px 0px 3px #666;-moz-box-shadow:0px 0px 3px #666;-khtml-box-shadow:0px 0px 3px #666;-o-box-shadow:0px 0px 3px #666;box-shadow:0px 0px 3px #666;
	-webkit-border-radius:12px;-khtml-border-radius:12px;-moz-border-radius:12px;-o-border-radius:12px;border-radius:12px;
	padding:4px 8px 2px 10px;
	display:block;
	float:right;
	margin:10px 5px;
	height:25px;
}
	.prueba option{
			text-align:center;
			border-bottom:1px dotted #999;
			color:#666;
			padding:2px 0px;
	}
	.prueba optgroup{
		color:#039;
		padding:3px 0px;
	}
	
/**************************************/
/*-------FIRMA DE LA WEB--------*/
ul.firma
{
	clear:both;
	list-style:none; 
	display:block; 
	padding:20px; 
	text-align:right;
	-webkit-border-radius:15px;-khtml-border-radius:15px;-moz-border-radius:15px;-o-border-radius:15px;border-radius:15px;
	background:url(../img/bg-firma.png) transparent repeat;
}
	ul.firma a
	{
		color:#f60; font-weight:bold; text-decoration:none
	}
		ul.firma a:hover
		{
			color:#00CCFF; text-decoration:underline;
		}
	ul.firma li
	{
		display:inline; margin-left:5px; padding-right:5px; border-right:#CCCCCC 1px solid;text-align:right;
	}
/**/

.borde{
	border:#9F0 2px solid;	
}

.loading{
	position:fixed;
	width:100%;
	height:100%;
	background:#FFF url(../img/loading.gif) center 50% no-repeat;
	opacity:.8;
	filter:alpha(opacity:80);
	z-index:25;
	top:0;
	left:0;
	display:block;
	color:transparent;
}


/******carte counter********/
.contador{
	height:30px;
	position:absolute;
	margin-top:-30px;
	right:0;
}
	.contador .left{
		width:15px;
		display:block;
		height:30px;
		float:left;
		background:url(../img/bg_bub1.png) left no-repeat;
	}
	.contador .right{
		width:15px;
		display:block;
		height:30px;
		float:right;
		background:url(../img/bg_bub3.png) left no-repeat;
	}
	.contador .counter{
		margin-left:15px;
		margin-right:15px;
		background:url(../img/bg_bub2.png) left repeat;
		height:30px;
		text-align:center;
		font-weight:bold;
		font-size:1.1em;
		line-height:30px;
		color:#09F;
		cursor:default;
		display:block
	}
		.contador .counter strong{
			color:#f30;
			font-size:1.2em;
		}

/***********/