@import url("custom-theme/jquery-ui-1.10.2.custom.css");
@import url("960.css");
@import url("reset.css");

/**************ESTILO ETIQUETAS CITAS*************************/
.linkHora
{
     color:#30B1FF;
    font-size:20px;
    font-weight:bold;
    text-align:center;
}
.caption
{
    font-size:20px;
}

.activa
{
    background:white;
    color:Black;
    text-align:center;
    border:1px solid black;
}
.cancelada
{
    background:red;
    color:white;
    text-align:center;
    border:1px solid red;
}
.aplazada
{
    background:yellow;
    color:black;
    text-align:center;
    border:1px solid black;
}
.noCliente
{
    background:#f351e1;
    color:Black;
    text-align:center;
    border:1px solid black;
}
.confirmada
{
    background:#7ffb31;
    color:Black;
    text-align:center;
    border:1px solid black;
}
.noAsesor
{
    background:#070007;
    color:white;
    text-align:center;
    border:1px solid black;
}
.exitosa
{
    background:#3ea200;
    color:White;
    text-align:center;
    border:1px solid black;
}

/***************ESTILO DE LA CAJA DE LAS CITAS***********************/

/******Colores*****/

.square-box-1
{
    background: #4679BD;
}
.square-box-2	/*Entregar Inmueble*/
{
    background: #59a901;
}
.square-box-3 /*Inspección*/
{
    background: #ff8a00;
}
.square-box-4	/*Recibir Inmueble*/
{
    background: #a9014b;
}
.square-box-5	/*Captar Inmueble*/
{
    background: #2daebf;
}
.square-box-6	/*Recorrido Captación*/
{
    background: #D1ACAC;
}
.square-box-7	/*Recoger Servicios*/
{
    background: #ffb515;
}
.square-box-8	/*Otros*/
{
    background: #333;
}

.square-box{
    position: relative;
    border:1px solid black;
    margin:2px;
    display: block;
    padding:3px;
    /*padding-top: 100%;*/
    /*overflow: hidden;*/
    /*background: #4679BD;*/
}
/*
.square-box:before{
    content: "";
   
}*/
.square-content{
    position:relative;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    color: white;
    heigh:inherit;
}
.square-content div {
   display: table;
   width: 100%;
   
}
/********************************************************************/

.g12
{
    width:900px;
}

/***************ESTILO DE TABLA DE DESCRIPTIVO*************/
.descriptivo td
{
    border:1px solid black;
    width:200px;
}
.descriptivo th
{
    border:1px solid black;
    text-align:center;
}
.descriptivo caption
{
    font-size:20px;
    font-weight:bold;
    border-top:1px solid black;
    border-left:1px solid black;
    border-right:1px solid black;
    background:#000;
    color:#fff;
    
}
/*********************************************************/
h2
{
 font-size:20px;   
}
.error
{
    color:Red;
}
.textoTachado
{
    text-decoration:line-through;
}

table.sample {
    border-collapse: collapse;
	width:925px;
}
table.sample th {
    background: none repeat scroll 0 0 #043868;
    border-right: 1px solid #FFFFFF;
    color: #FFFFFF;
    font-weight: bold;
    line-height: 1.2;
    padding: 2px 11px;
    text-align: center;
}
table.sample td {
    border: 1px solid #95BCE2;
}
table.sample td * {
    padding: 6px 11px;
}
table.sample tr.alt td {
    background: none repeat scroll 0 0 #ECF6FC;
}
table.sample tr.over td {
    background: none repeat scroll 0 0 #BCD4EC;
}
/*************************************************************/
/******************TABLE SAMPLE SCRIPT*****************/
table.sample1 {
    border-collapse: collapse;
    margin-left:10px;
    border-width:1px;
    border-color:Black;
}
table.sample1 th {
    border: 1px solid #95BCE2;
    text-align: center;
}
table.sample1 td {
    border: 1px solid #95BCE2;
    /*text-align:center;*/
    padding:3px;
}
/******************************************************/
.fr
{
    float:right;
    margin-right:5px;
}

.ancho800
{
    width: 855px;
}


.datosUsuario{
font-size:18px;
text-align:center;
margin-top:-20px;
font-family:Arial, Helvetica, sans-serif;	
}

.mensaje{
	border:1px solid #B5C3DD;
	min-height:50px;
	font-size:12px;
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding:5px;
}
.mensaje p{
	padding:5px;
}
label{
	font-size:9px;
}
#login {
	width:100%;
	height:25px;
	background: #4B6D9A;
	color:white;
}
.espacio{
	margin-top:10px;
}
.textoCentrado {
	padding-top: 15px;
	color:white;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:25px;
}
.textoCentrado1 {
	padding-top: 4px;
	color:white;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
}
.textoCentradoCajon{
		padding-top: 5px;
	color:white;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
}
.textoCajon{
		padding-top: 5px;
	color:white;
	/*text-align:center;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
}
.contenidoCajon
{
    padding:8px;
}
.cajon{
		width:100%;
	height:30px;
	background:#000;
}
.autoevaluacion {
	width:100%;
	height:52px;
	background:#7893C0;
}

.valoracion {
	width:100%;
	height:52px;
	background: #4B6D9A;
	color:white;
}
.acuerdos {
	width:100%;
	height:52px;
	background:#174D7B;
	color:white
}
.resultados {
	width:100%;
	height:52px;
	background:#000;
	color:white
}
.desactivado
{
    	width:100%;
	height:52px;
	background:#CCC;
	color:white
}
.contenedor {
	width:280px;
	text-align:center;
	height:40px;
}
.contenedor1 {
	width:300px;
	height:52px;
	background:#7893C0;
	color:white;
}
/*************ENCABEZADO CON LINEA***************************/
.pagetop {
	width: 100%;
	min-width: 1000px;
	min-height:150px;
	background: #EEEEEE;
	border-bottom: 4px solid #000000;
	position: relative;
}
/*FOOTER*/

#footer {
	width:100%;
	height:100px;
	/*position:absolute;*/
	margin-top:50px;
	bottom:0;
	left:0;
	background:#000000;
	color:white;
}
/************************CSS ORIGINALES DE JQUERY UI*************************/
body {
	font: 62.5% "Trebuchet MS", sans-serif;
}
.centrado {
	text-align:center;
}
.demoHeaders {
	margin-top: 2em;
}
#dialog-link {
	padding: .4em 1em .4em 20px;
	text-decoration: none;
	position: relative;
}
#dialog-link span.ui-icon {
	margin: 0 5px 0 0;
	position: absolute;
	left: .2em;
	top: 50%;
	margin-top: -8px;
}
#icons {
	margin: 0;
	padding: 0;
}
#icons li {
	margin: 2px;
	position: relative;
	padding: 4px 0;
	cursor: pointer;
	float: left;
	list-style: none;
}
#icons span.ui-icon {
	float: left;
	margin: 0 4px;
}
.fakewindowcontain .ui-widget-overlay {
	position: absolute;
}

.login{
    background-color: #FBFBFB;
    border: 1px solid #CCCCCC;
    font-size: 1.5em;
    margin: 0;
    padding: 10px 15px 10px;
    position: relative;
    width: 346px;
    z-index: 2;
    top: 0px;
    left: 2px;
}

h2
{
    font-size:16px;
    text-align:center;
}
h3
{
    font-size:14px;
}

/**************BREADCUMBS************************/


/* @group breadcrumb */
#content { padding: 0 55px; }

#breadcrumb, #breadcrumb2 { float: left; display: block; }
#breadcrumb ul, #breadcrumb2 ul { list-style: none; }

.crumbs { display: block; }
.crumbs li {  display: inline; }
.crumbs li.first { padding-left: 8px; }
.crumbs li a, .crumbs li a:link, .crumbs li a:visited { color: #666; display: block; float: left; font-size: 12px; margin-left: -13px; padding: 7px 17px 11px 25px; position: relative; text-decoration: none; }

.crumbs li a { background-image: url('../img/bg-crumbs.png');  background-repeat: no-repeat; background-position: 100% 0; position: relative; }
.crumbs li a.activo{background-image: url('../img/bg-crumbs-activo.png');  background-repeat: no-repeat; background-position: 100% 0; position: relative;}
.crumbs li a:hover { color: #333; background-position: 100% -48px; cursor: pointer; }
.crumbs li a:active { color: #333; background-position: 100% -96px; }
.crumbs li.first a span { height: 29px; width: 3px; border-left: 1px solid #d9d9d9; position: absolute; top: 0px; left: 0px; }


.crumbs2 { display: block; margin-left: -13px; padding: 0; }
.crumbs2 li { display: inline; }
.crumbs2 li a, .crumbs2 li a:link, .crumbs2 li a:visited { color: #666; display: block; float: left; font-size: 12px; padding: 7px 16px 7px 19px; position: relative; text-decoration: none; border: 1px solid #d9d9d9; border-right-width: 0px; }

.crumbs2 li a  { 
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#f1f1f1, endColorstr=#f5f5f5)";
    background-image: -moz-linear-gradient( center bottom, rgb(241,241,241) 45%, rgb(245,245,245) 73%);/* For Internet Explorer 5.5 - 7 */
	}

.crumbs2 li.first a { border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; }
.crumbs2 li.last a { border-right-width: 1px; border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; }

.crumbs2 li a:hover { 
	border-top-color: #c4c4c4;
	border-bottom-color: #c4c4c4;
	
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#f8f8f8, endColorstr=#f1f1f1)";
    color: #333;
    -moz-box-shadow: 0px 2px 2px #e8e8e8;
    -webkit-box-shadow: 0px 2px 2px #e8e8e8;
    box-shadow: 0px 2px 2px #e8e8e8;
    background-image: -moz-linear-gradient( center bottom, rgb(241,241,241) 45%, rgb(248,248,248) 73%);/* For Internet Explorer 5.5 - 7 */
	/* For Internet Explorer 8 */
	}

.crumbs2 li a:active {
	border-top-color: #c4c4c4;
	border-bottom-color: #c4c4c4;
	
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ebebeb, endColorstr=#e0e0e0)";
    color: #333;
    box-shadow: -1px 1px 1px 0px #dadada inset;
    -webkit-box-shadow: -1px 1px 1px 0px #dadada inset;
    -moz-box-shadow: -1px 1px 1px 0px #dadada inset;
    background-image: -moz-linear-gradient( center bottom, rgb(224,224,224) 45%, rgb(235,235,235) 73%);/* For Internet Explorer 5.5 - 7 */
	/* For Internet Explorer 8 */
	}

/* @group clearfix classes */
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
 
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

.space { display: block; height: 45px; clear: both; }