body{

	font-family: Arial, sans-serif;
	color:#707070;
	margin:0;
	padding:0;
	font-size: 1em;
	min-height:165px;	
	text-align:center;
}

#container {
  width: 964px;
  margin: 0 auto; 
  text-align:left;
  font-size:0.75em;
}



#content {	
  clear:both;
  width:964px;
  padding:20px 0;
  min-height:540px;
  


}
.error 		{ color:#FF7F00; }
.right		{ float:right;}
.left		{ float:left;}
.clear	{ border:none; background:none; margin:0;clear:both;border-top:none;border-bottom:none; width:auto;}
.reset		{ margin:0; padding:0;}
.last       { margin-right: 0; }
.izquierda	{margin-left:30px;!important}
.separador 	{clear:both; width:100%; height:30px;}
#puntero	{cursor:pointer;!important}
#porleer	{cursor:pointer;!important; color:#000; font-weight:700;}
.centro	{text-align:center;!important}
.enlace       { cursor: pointer; }
.aimg{display:inline!important;}
.sepaizq{margin-left:20px;}
.padding{padding:0px 5px;}
.dinline{display:inline;!important}
.botones img{margin: 0 7px 15px 0;}
.w920{min-width:920px;!important}
.w610{width:610px;}
.nobold{font-weight:300;}
.none{display:none}
/*
=============
HEADER
=============
*/

#header{
	width:100%;
	height:120px;
	margin:0;
	
}

.header_right{
	float: right;
	margin-top:18px;
	width:350px;
}
/* logo */
.soporte
{	
	float:right;
	margin-top:0px;
	width:200px;
	border:1px solid #666;
	background-color:#efefef;
	padding: 5px 10px;
	color:#333;
	 -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    behavior: url(border-radius.htc);
	 opacity: 0.8; -moz-opacity: 0.8; filter: alpha(opacity=80); 
	
}


.soporte .telefono{
	background:url(../img/telefono.png) no-repeat;
	padding-left:24px;
	line-height:24px;
	font-weight:700;
	font-size:14px;
	text-align:right;
	width:auto;
	float:right;
 height:24px;
	}


/* menu opciones superior */
.dashboard
{	
	
	margin-top: 0;
	margin-right: 0;
	margin-bottom:0;
	
}

/* A container should group all your columns. */


/* logo */
.logo
{
	float:left;
	margin-top: 10px;
	margin-left: 0;
}

/* Secciones */
.sidebarleft{
	float: left;
	display:inline;
	width:160px;
	margin-right:30px;
	height:auto;
	padding:10px;
	background-color:#F6F;
}
.sidebarleftactions{
	float: left;
	display:inline;
	width:125px;
	height:auto;

}

.sidebarright{
	float: right;
	display:inline;
	width:160px;
	margin-left:30px;
	height:auto;
	padding:10px;	
}
		
.contentsidebar{
	float: left;
	display:inline;
	width:692px;
	height:auto;
	padding:10px;
	background-color:#0F3;
}

.contentsidebaractions{
	float: left;
	display:inline;
	width:795px;
	height:auto;
	padding:10px;
	border:2px solid #c7e8a1;
	background-color:transparent;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    behavior: url(border-radius.htc);
}
.contentsidebar2{
	float: left;
	display:inline;
	width:484px;
	height:auto;
	padding:10px;	
}


html{
	background: transparent url("../img/html_back.png") repeat-x top left;
	
}

body{
	background:transparent url("../img/body_back.png") no-repeat scroll left top ;
	font-family: Arial, sans-serif;
	
}

/* BREADCRUMB */

#breadcrumb{
	line-height:16px;
	width:100%;
	margin-bottom:20px;
	font-size:14px;
	}

/* TYPOGRAPHY */

p {margin: 0 0 1.5em 0;}

h1 {
	color:#604213;
	font-size:2em;
	margin-bottom:20px;
	border-bottom:1px solid #CCCCCC;
/*    position:relative;*/
}
h2 {
	color:#003366;
	font-size:2em;
	margin-bottom:20px;
	border-bottom:1px solid #1FBBDE;
/*    position:relative;*/
}

h3{	
	color:#0098BA;
	font-size:1.5em;
	margin-bottom:15px;
	border-bottom:1px solid #CCCCCC;
}

h4{font-weight:700;
	margin-bottom:0px;
	font-size:1.25em;}

h5{font-weight:700;
	margin-bottom:0px;
	font-size:13px;;
	}	
	
h6{color:#333;
	font-size:1.25em;
	margin-bottom:15px;
	border-bottom:1px solid #0098BA}
		
	



h2.arrow_down{
	padding-left:15px;
	background: transparent url("../img/arrow_down.png") no-repeat left center; 
}

h2.arrow_right{
	padding-left:15px;
	background: transparent url("../img/arrow_right.png") no-repeat left center;	
}
em { color:#83BC45; }



/*LINK COLOR*/
a{
	color:#0098ba;
	text-decoration: none;
}
a:hover{
	color:#604213;
	text-decoration: none;
}

a.arrow{
	background: transparent url("../img/arrow_right_black.png") no-repeat left center;
	padding-left:10px;
}

/*
=============
DASHBOARD
=============
*/

.dashboard ul{
	margin-bottom:10px;
	text-align:right;
}


.dashboard ul li{
	display:inline;
	margin-right:7px;
	padding-right:8px;
	border-right:1px solid #86cad9;
}
/*
=============
ACCIONES LISTA
=============
*/
.bordeabajo{ width:100%; border-bottom:1px solid #21B6E6; height:25px; float:left; margin-bottom:5px;}
.accionesleft{
	float:left;
	display:block;
	width:auto;
	margin-bottom:5px;
	padding-left:5px;
	}

.accionesleft ul{
	
	text-align:left;
}	

.accionesleft ul li{
	display:inline;
	margin-right:7px;
	padding-right:8px;
	border-right:1px solid #86cad9;
	font-size:13px;
	
}

.accionesleft label{ margin:0 10px; }

.volver{
	background:transparent url(../img/volver.png) no-repeat left;
	padding-left:25px;
	font-weight:700;
	font-size:13px;
	line-height:22px;
	}
.accioneslista  {

	width:auto; 
	/*padding:2px 5px;*/
	display:inline;
	padding-bottom:5px;
}
.accioneslista ul{
	
	text-align:right;
}


.accioneslista ul li{
	display:inline;
	float:right;
	margin-right:7px;
	/*background-color:#1FBBDE;*/
	height:28px;
		
	font-size:14px;
	font-weight:700;
	background: transparent url(../img/form_btn_bg.png) repeat-x;
	
	
}
.accioneslista ul li a{
	border: 1px solid #c7e8a1;
	color:#FFF;
	padding: 0px 10px;
	display:block;
	line-height:26px;
}
.accioneslista ul li a:hover{
	/*color:#1FBBDE;/
	color:#FFF;*
	padding: 3px 10px;
	/*background-color:#efefef;*/
	/*background-color:#1FBBDE;*/
	color: #0073AB;	
	border: 1px solid #0073AB;	
	display:block;
}




/*
=============
MENSAJES
=============
*/
#mensaje{
	font-size:13px;
	width:96%;
	float:left;
	padding:2%;
	
}
#mensaje table{
	width:763px;;
	}
#mensaje td{padding:4px;}
#mensaje .etiqueta{
	display:block;
	width:100px;
	text-align:right;
	float:left;
	font-weight:700;
	}

#mensaje .entrada{
	padding-left:10px;
	display:block;
	width:auto;
	text-align:left;
	float:left;
	max-width:650px;
	
	}
/*
=============
CONTACTOS
=============
*/
.contacto{
	font-size:13px;
	width:920px;
	float:left;
	background:#efefef;
	
}
.contacto table{width:809px;}

.contacto td{padding:4px;}
.contacto .etiqueta{
	display:block;
	width:110px;
	text-align:right;
	float:left;
	font-weight:700;
	}

.contacto .entrada{
	padding-left:10px;
	display:block;
	width:auto;
	text-align:left;
	float:left;
	max-width:310px;
	
	}
#mapa{border:2px solid #ccc; height:450px; width:100%;}
.f-puerta{
	font-weight:700;
	margin:0;
	color:#0098BA;
	font-size:16px;
	}
.f-cargo{
	font-weight:300;
	font-size:13px;
	margin-bottom:3px;
	color:#604213;
	}	
.nombre{
	font-weight:700;
	margin:0;
	padding-left:50px;
	color:#0098BA;
	font-size:18px;
	}
.empresa{
	font-weight:700;
	font-size:14px;
	margin-bottom:3px;
	padding-left:60px;
	color:#604213;
	}
.f-precio{font-size:18px; color:#333;}
/*
=============
MENU
=============
*/
.nav{
	clear:both;
	padding-top:8px;
	background: transparent url("../img/nav_back.png") repeat-x top left;
	border-bottom:1px solid #cccccc;
	float:left;
	display:inline;
	z-index: 9998;
	top:125px;
	width:100%;
}

.nav ul{
	background: transparent url("../img/nav_ul_back.png") repeat-x top left;
	border-top:1px solid #fff;
	border-right:1px solid #dbddde;
	border-left:1px solid #dbddde;
	height:34px;
}

.navfin{
	border-right:1px solid #dbddde;
	}
.nav ul li{
	display:inline;
	float:left;
	position:relative;
	width:159px;
}

.nav ul li .p3{
padding:4px 0;
height:26px;
}

.nav ul li a{
	display:block;
	width:159px;
	text-align:center;
	padding: 10px 0;
	border-left:1px solid #d3d3d3;
	text-decoration: none;
	text-transform: uppercase;
	font-size:13px;
	color:#363636;
	height:14px;
	position:relative;
	line-height:13px;
}

.nav ul li a:hover {
	background: transparent url("../img/nav_hover_back.png") repeat-x top left;
}

.nav ul li a span.arrow_down{
	display:block;
	position:absolute;
	right:14px;
	height:20px;
	top:7px;
	width:14px;
	text-indent:-9999px;
	border-left:1px solid #d3d3d3;
	background: transparent url("../img/arrow_down.png") no-repeat right center;
}


.nav ul li a.selected:hover,
.nav ul li a.selected{
	background: transparent url("../img/nav_selected_back.png") repeat-x left center;
	color:#fff; 
}

.nav ul li ul {
	margin: 0;
	border: 0 none;
	padding: 0;
	
	list-style: none;
	display: none;
	position: absolute;
	z-index: 100;
	top: 34px;	
	left: 0;
		
}

.nav ul li ul li {
	
	float: left; /*For IE 7 lack of compliance*/
	display: block !important;
	display: inline-block; /*For IE*/
	height: 34px;
	background-color:#efe4d2;	
	

}


.nav ul li ul li a{
	padding-left:10px!important;
	width: 148px!important;

}

/* Root Menu */
.nav ul li ul li a {
	padding: 10px 0;
	display: block;
	text-decoration: none;
	height: auto !important;
	height: 1%; /*For IE*/
	text-align:left;
	text-transform: capitalize;
	font-size:12px;
	border:1px solid #e1cfb2;

	color:#604213;
}



/* Root Menu Hover Persistence */
.nav ul a:hover,
.nav ul li:hover a,
.nav ul li.active a {
	background-color: #f0e6d8;
	background: transparent url("../img/nav_hover_back.png") repeat-x top left;
}

/* Selected Root Menu Hover Persistence */
.nav ul a.selected:hover,
.nav ul li:hover a.selected,
.nav ul li.active a.selected {
	background: transparent url("../img/nav_selected_back.png") repeat-x left center;
}

/* 2nd Menu */
/*.nav ul li:hover li a,*/
.nav ul li ul.active li a {
	float: none;
	background-image:none;
	background-color: #f0e6d8;
	padding:3px 6px 3px 25px;
	width:132px;
}

/* 2nd Menu Hover Persistence */
.nav ul li:hover li a:hover,
.nav ul li:hover li:hover a,
.nav ul li.active li a:hover
.nav ul li.active li.active a {
	background-image: none;
	background-color: #e2cdab;
}

.nav ul ul,
.nav ul li:hover ul ul,
.nav ul ul li:hover ul ul
.nav ul ul ul 
.nav ul li:hover ul ul ul,
.nav ul li.active ul ul,
.nav ul li.active ul ul ul {
 display: none;
 position: absolute;
 top: 0;
 left: 140px;
}

.nav ul li:hover ul,
.nav ul ul li:hover ul,
.nav ul ul ul li:hover ul
.nav ul li.active ul,
.nav ul ul li.active ul,
.nav ul ul ul li.active ul
{display: block;}

/*
================
DROPDOWN TRIGGER
================
*/
.dropdown_ ul{
    display:none;
}
.dropdown_ ul.active{
    display:block;
}
/*
=============
PIE
=============
*/
#footer{
	float:left;
	clear:both;
	
	padding-top:57px;
	font-size:12px;
	margin-top:20px;
	width:100%;
	background: none repeat scroll 0 0 #464646;
    border-top: 1px solid #696969;
    padding: 20px 0 10px;
	color: #fff;
}

#footer ul{
	margin-bottom:10px;
}

#footer ul li{
	display:inline;
	margin-right:7px;
	padding-right:8px;
	border-right:1px solid #fff;
}

#footer ul li.last{
	margin-right:0;
	border:none;
}

#footer  a{
	color:#fff;
	text-decoration: none;
}

#footer  a:hover{
	text-decoration: none;
	color:#37d6fd;
}



/*
=============
 BOXES
=============
*/

 .box_green {
	 float:left;
	background:#f2ffe1 repeat-x scroll 2pt 0px;
	padding:20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #333333;
	
	border: 2px solid #c7e8a1;
	width: 411px;
	line-height: normal;
	margin-bottom:30px;
	
}

.box_green h3{
	color:#666666;
	font-weight:bold;
	margin-bottom:0px;
	font-size:14px;
	display:block;
	border-bottom:1px solid #c7e8a1;
	margin-bottom:10px;
}

.box_green ul{
	list-style-image:none;
	list-style-position:inside;
	list-style-type:none;
	height:162px;
}

.box_green ul li{
	margin:.5em 0 0.5em 1em;
	border-bottom:1px dotted #aaa;
	display:block;
	cursor:pointer;
	line-height:20px;
}
.box_green ul li a{display:block;}
.box_green ul li img{margin-right:15px;}
.box_green .boton{
	
	float:right;
	margin-left:10px;
	padding: 3px 10px;	
	color:#83BC45;
	border: 1px solid #c7e8a1;
	font-weight:700;
	text-decoration:none;
	cursor:pointer;
}
.box_green .boton:hover{
	color:#333333;
	border: 1px solid #333333;
	text-decoration:none;
}
/* ===================== */
 .box_grey {
	  float:left;
	background:#efefef url(../img/greybox_bg.jpg) repeat-x left bottom;
	padding:20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #333333;
	border: 2px solid #79A8CD;
	width: 423px;
	line-height: normal;
	margin-bottom:30px;
	
	
}

.box_grey h3{
	color:#666666;
	font-weight:bold;
	margin-bottom:0px;
	font-size:14px;
	display:block;
	border-bottom:1px solid #79A8CD;
	margin-bottom:10px;
	clear:both;
}

.box_grey ul{
	list-style-image:none;
	list-style-position:inside;
	list-style-type:none;
	height:162px;
}
.box_grey .medio{
	height:80px;
}

.box_grey ul li .fecha{ background:none; text-align:right; width:68px; display:block; float:left; padding-right:5px; }
.box_grey ul li .de{ text-align:left; width:125px; display:block; float:left; padding-left:5px; overflow:hidden;height:20px;}
.box_grey ul li .asunto{ text-align:left; width:195px; display:block; float:left; padding-left:5px;overflow:hidden;height:20px;}

.box_grey ul li{
	margin:3px;;
	border-bottom:1px dotted #aaa;
	display:block;
	cursor:pointer;
	line-height:20px;
	height:20px;
}
.box_grey ul li a{display:block;}

.box_grey ul li a .img{margin-right:15px;}



.box_grey .boton{
	margin-left:10px;
	float:right;
	padding: 3px 10px;	
	
	color:#0073AB;
	border: 1px solid #79A8CD;
	font-weight:700;
	text-decoration:none;
}

	
.box_grey .boton:hover{
	color:#333333;
	border: 1px solid #333333;
	text-decoration:none;
}
.box_grey .tareahora{
	width:40px;
	text-align:right;
	color:#333;
	padding:0 10px;
}

.box_grey table{
	width:600px;
	border: 1px solid #79A8CD;
	
	
	}
.box_grey table th{
	background-color:#79A8CD;
	padding:3px;
	color:#FFF;
	font-weight:700;
	text-align:center;
	
	}
.box_grey table td{
	font-size:12px;
	padding:4px 5px;
	font-weight:700;
	text-align:center;
	border-bottom: 1px dashed #ccc;
	
	}

/* ===================== */
 .box_brown {
	  float:right;
	background-color:#EAE2D2 ;
	padding:20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #333333;

	border: 2px solid #604213;
	width: 411px;
	margin-right:3px;
	line-height: normal;
	height:363px;
	
}

.box_brown h3{
	color:#666666;
	font-weight:bold;
	margin-bottom:0px;
	font-size:14px;
	display:block;
	border-bottom:1px solid #604213;
	margin-bottom:10px;
}


.box_brown .boton{
	margin-left:10px;
	float:right;
	padding: 3px 10px;	
	color:#604213;
	border: 1px solid #604213;
	font-weight:700;
	text-decoration:none;
}

	
.box_brown .boton:hover{
	color:#333333;
	border: 1px solid #333333;
	text-decoration:none;
}
/* TABBED NAVIGATION 
===================== */
.tab_nav {
	
	clear:both;
	float:left;
	 width:962px;
	margin-top:40px;
}

#cuadrotab {
	float:left;
	display:inline;
	padding:10px;
	border-left: 1px solid #cccccc; 
	border-right: 1px solid #cccccc; 
	border-bottom: 1px solid #cccccc; 	
	min-height:200px;	 	
	width:940px;


}

.tab_nav ul{
	height:25px;
	border-bottom: 1px solid #cccccc;  
	padding: 5px 10px 0 0;
	margin:5px 0 0 0;		
}


.tab_nav ul li {
	cursor:pointer; 
	float: left; 
	margin: 0;
/*  float:right;*/
}

.tab_nav ul li a { 
	display: block; 
	padding: 3px 20px;
	margin-bottom:0; 
	color: #707070;
	border:1px solid #cccccc;
	text-decoration:none;
	background: #fff url("../img/tab_nav_back.png") repeat-x bottom left;
}

.tab_nav ul li a:hover{
	color:#0098ba;
}
.tab_nav ul li a.selected { 
	background:none;
	border-right:1px solid #cccccc;
	border-left:none;
	border-top:none;
	border-bottom:none;
	color:#0098ba;
	background: #fff url("../img/tab_nav_corner.png") no-repeat top left;
	margin-top:-3px;
	height:23px;
}




/*
=============
FORMULARIOS
=============
*/

.normal{width:450px!important}
.normalselect{width:473px!important}
.semi{width:320px!important;}

.medioselect{width:300px!important}

.fecha{ width:100px; background:#fff url(../img/calendariomini.png) no-repeat right;}
.hora{ width:50px; max-width:50px; }
.duracion{max-width:60px;}

.mini{ width:200px;}
.miniselect{width:220px;}

.corto{width:120px;}
.cortoselect{ width:140px;}

.cp{width:75px;}
.micro{width:50px;}
.bajo{max-height:75px; margin-left:10px;}
.form {
	
	width:100%;
}
.form ul li{
	min-height:30px;
	margin-bottom:10px;
	}

.form label{
	display:block;
	min-width:100px;
	text-align:right;
	float:left;
	font-weight:700;
	line-height:27px;
	
	
	}
.form input{
	margin-left:10px;
	padding-left:10px;
	padding-right:10px;
	display:block;
	text-align:left;
	float:left;
	max-width:650px;
	line-height:22px;
	border: 2px solid #ccc;
	height:22px;
	
	}
.form select{
	margin-left:10px;
	padding-left:10px;
	display:block;
	text-align:left;
	float:left;
	max-width:650px;
	line-height:27px;
	border: 2px solid #ccc;
	margin-right:10px;
	height:22px;
	line-height:22px;
	
	}

.form textarea{
	margin-left:10px;
	width:96%;
	height:100px;
	padding:10px;
	border: 2px solid #ccc;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	}


.boton {
	background: transparent url(../img/form_btn_bg.png) repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	padding:0 inherit;
	color: #FFFFFF;	
	border: 1px solid #c7e8a1;	
	line-height: 25px;;
	height: 25px;
	cursor:pointer;
	width:auto!important;
	padding:0 10px;
	text-align:center;
}
.form .boton:hover {

	color: #0073AB;	
	border: 1px solid #0073AB;	

}

.form_txtfield{	
	padding:0.4em;
	font-size: 1em;
	width: 200px;
	margin-bottom:15px;
}

.form_label{	
	font-size: 1em;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
}

.form_combo {
	background:#FFFFFF url(textfield-bg.jpg) repeat-x scroll 0pt 0px;
	border:1px solid #CDCDCD;
	padding:0.4em;
	width: 215px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	
}

.buscar{
	background:transparent url(../img/btn_search.png) no-repeat;
	width:33px;
	overflow:hidden;
	text-indent:-9999em;
	line-height:27px;
	}
.buscar a{
	display:block;
	}
.buscar a:hover{
	display:block;
	background:transparent url(../img/btn_search_on.png) no-repeat;
	}


/** menu botones acciones **/

.acciones{margin:0; padding:0; width:125px; list-style:none;background:rgb(255,255,255); font-size:13px;}
.acciones li{padding:0; margin:0 0 1px 0; height:30px; display:block; }
.acciones li a{text-align:left;height:30px; padding:0px 10px;  color:rgb(51,51,51); display:block; background:url('../img/botonacciones.png') 0px 0px no-repeat; text-decoration:none; outline:none;}
.acciones li a:hover{background:url('../img/botonacciones.png') 0px -30px no-repeat; color:#333;}
.acciones li a.active, .menu li a.active:hover{background:url('../img/botonacciones.png') 0px -60px no-repeat; color:rgb(255,255,255);}
.acciones li a span{line-height:30px;}
 
 
 /************************ tip **********************/
 
  /*  opacity: 0.8; -moz-opacity: 0.8; filter: alpha(opacity=80);  */
#tip{
	display:none;
	background: transparent url(../img/tooltip/grey.png) no-repeat;	
	font-size:12px;
	height:160px;
	width:160px;
	padding:25px;
	color:#FFFFFF;	
}

/************************ NOTAS ************************/
.blanco{max-width:30px; max-height:26px; 	padding:5px; margin:0 10px; background:#FFF; border:1px solid #DDD}
.rojo{max-width:30px; max-height:26px; 	padding:5px; margin:0 10px; background:#FF8484; border:1px solid #FF3535}
.azul{max-width:30px; max-height:26px; 	padding:5px; margin:0 10px; background:#BEDADC; border:1px solid #74AFB4}
.verde{max-width:30px; max-height:26px; 	padding:5px; margin:0 10px; background:#AED299; border:1px solid #71AC4D}
.amarillo{max-width:30px; max-height:26px; 	padding:5px; margin:0 10px; background:#FFFF9F; border:1px solid #FFFF09}
.naranja{max-width:30px; max-height:26px; 	padding:5px; margin:0 10px; background:#FFB66C; border:1px solid #FF8000 }


/************************** CALENDARIO *******************************/
.tarea{width:60px; line-height:18px; padding:0 5px; background-color:#9CF; color:#0080FF; border:1px solid #0080FF; font-weight:700;}
.cita{width:60px; line-height:18px; padding:0 5px; background-color:#FC9; color:#F90; border:1px solid #F90; font-weight:700;}
.accion{width:60px; line-height:18px; padding:0 5px; background-color:#9F9; color:#090; border:1px solid #090; font-weight:700;}

/***************************** VARIOS ***********************/
.si{
	background:transparent url(../img/si.png) no-repeat;
	width:20px;
	height:20px;
	text-indent:-9999em;
	margin:0 auto;
	}


/*********************** IMPORTAR **********************/

#importar{
	width:100%;
margin-bottom:15px;
	}
	
#importar a{
	float:left;
	line-height:30px;
	border:2px solid #ccc;
	background: #eee;
	width:150px;
	text-align:center;
	display:block;
	margin:0 15px;


	}
	
	
.bordegris{
	background-color:#efefef;
	padding:10px;
	border:1px solid #ccc;
	width:935px;
	height:auto;
	float:left;
	display:inline;
}
/******************* FUENTES ***********************/
.nav-admin{border-bottom:none;}
.f-comentarios{
	font-size:10px;
	font-style:italic;
	}
/******************* ADMIN ********************/
.botones-admin{
	
	float:left; width:316px; display:inline; 
	}
.puertas-admin{
	float:left; width:auto; display:inline; margin-left:10px; 
	}

.puertas-admin table{
	width:590px;
	}
	.puertas-admin table td{
	line-height:24px;
	}

/*****************PERFIL********************/
#perfil{padding:10px 20px; width:600px; float:left; display:inline;}
#perfil-sidebar{float:left; display:inline; width:250px; border:1px solid #CCC; background-color:#efefef; padding:20px; margin-top:15px;}
#perfil td{padding:4px 0px}
/***********NOTIFICACION***************/
.notificacion {
  border: 2px solid #c7e8a1;
  padding: 0;
  background: #54C9E4;
  color: #ffffff;
  padding:10px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  
}

/**********Sugerencias**************/

#sugerencias{
	position:fixed;
	z-index:737;
	top:270px;
	left:0px;
	width:25px;
	height:120px;
	background-color:#00F;
	color:#FFF;
	display:block;
	text-indent:-9999em;
	
	padding:0;
	
	}
#sugerencias a{
	background:#17AED0 url(../img/sugerencias.png) no-repeat center;
	display:block;
	height:120px;
}
#sugerencias a:hover{
	background:#6B9F23 url(../img/sugerencias.png) no-repeat center;
	display:block;
	
}

#iliberi{
	position:relative;
	top:-60px;
	right:50px;
	text-align:right;
	height:0;
	width:auto;
	
	}
/***1 instalacion***/	
.listanum{
	
	list-style-position:inside;
	}
.listanum li{
	list-style:decimal;
	font-size:12px;
	font-weight:700;
	margin-left:20px;
	
	}
.tachado{text-decoration:line-through;}
.actual{
	color:#333;
	}

.pasos{
	font-size:20px;
	font-weight:700;
	color:#46C4E1;
	text-align:right!important;
	float:right;
	}

.estrecho{width:180px!important; margin-bottom:20px;}
.ancho{width:650px!important;}

.informes{
	border:2px solid #ddd;
	padding:10px;
	background-color:#efefef;
	 -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
	margin-bottom:15px;
	
	}
#informe{
	display:none;
	text-align:center;
	
	}
.facturas{margin:0 auto 10px auto; color:#555;}
.facturas td{border-bottom:1px dashed #ccc; padding:3px;}

.facturas th{color:#333; font-weight:500; font-size:13px; background-color:#ddd;}

.fondo-gris{
	background-color:#f2f2f2;
	}
	
	
/***********
BOTONES DEL INDICE
***********/

.botones a{width:95px; height:15px; display:block; float:left; display:inline;color:#000; font-size:11px; margin: 0 7px 15px 0; text-align:center; padding-top:80px;background:#ccc; font-family:Verdana, Geneva, sans-serif; line-height:10px;}

.botones a.distribuidor{ padding-top:72px; height:23px; background:url(../img/botones/bt_nuevo_distribuidor.jpg);}
.botones a.distribuidor:hover{ padding-top:72px; height:23px; background:url(../img/botones/bt_nuevo_distribuidor_ON.jpg);}

.botones a.instalacion{ padding-top:72px; height:23px; background:url(../img/botones/bt_primera_instalacion.jpg);}
.botones a.insatalacion:hover{ padding-top:72px; height:23px; background:url(../img/botones/bt_primera_instalacion_ON.jpg);}

.botones a.puerta{  background:url(../img/botones/bt_nueva_puerta.jpg) no-repeat;}
.botones a.puerta:hover{  background:url(../img/botones/bt_nueva_puerta_ON.jpg) no-repeat;}

.botones a.nuevoadministrador{  background:url(../img/botones/bt_nuevo_administrador.jpg) no-repeat;}
.botones a.nuevoadministrador:hover{  background:url(../img/botones/bt_nuevo_administrador_ON.jpg) no-repeat;}

.botones a.agregarusuarios{  background:url(../img/botones/bt_nuevo_usuario.jpg) no-repeat;}
.botones a.agregarusuarios:hover{  background:url(../img/botones/bt_nuevo_usuario_ON.jpg) no-repeat;}

.botones a.agregarusuarios{  background:url(../img/botones/bt_nuevo_usuario.jpg) no-repeat;}
.botones a.agregarusuarios:hover{  background:url(../img/botones/bt_nuevo_usuario_ON.jpg) no-repeat;}

.botones a.buscarpuerta{  background:url(../img/botones/bt_buscar_puerta.jpg) no-repeat;}
.botones a.buscarpuerta:hover{  background:url(../img/botones/bt_buscar_puerta_ON.jpg) no-repeat;}

.botones a.buscarusuarios{  background:url(../img/botones/bt_buscar_usuario.jpg) no-repeat;}
.botones a.buscarusuarios:hover{  background:url(../img/botones/bt_buscar_usuario_ON.jpg) no-repeat;}

.botones a.bloquearpuerta{  background:url(../img/botones/bt_bloquear_puerta.jpg) no-repeat;}
.botones a.bloquearpuerta:hover{  background:url(../img/botones/bt_bloquear_puerta_ON.jpg) no-repeat;}

.botones a.losinformes{  background:url(../img/botones/bt_informes.jpg) no-repeat;  }
.botones a.losinformes:hover{  background:url(../img/botones/bt_informes_ON.jpg) no-repeat;}

.botones a.graficos{  background:url(../img/botones/bt_estadisticas.jpg) no-repeat;}
.botones a.graficos:hover{  background:url(../img/botones/bt_estadisticas_ON.jpg) no-repeat;}

.botones a.facturacion{  background:url(../img/botones/bt_facturacion.jpg) no-repeat;}
.botones a.facturacion:hover{  background:url(../img/botones/bt_facturacion_ON.jpg) no-repeat;}

.botones a.tarifas{  background:url(../img/botones/bt_tarifas.jpg) no-repeat;}
.botones a.tarifas:hover{  background:url(../img/botones/bt_tarifas_ON.jpg) no-repeat;}


#container #lopd {
display:none;

	}
#lopd	.form table th{
	line-height:26px;
	height:26px;
	background-color:#17ACCD;
	color:#FFF;
	text-align:center;
	font-weight:700;
	
	font-size:16px;
	
	}
#lopd .form table{
	width:100%;
		border:2px solid #17ACCD;
		font-size:12px;
	}


#lopd form{
	width:600px!important;

	}
	.listaPuertas{text-align:center!important}