html {	background: transparent;	min-width: 980px;	height: 100%;	margin: 0;	padding: 0;	outline: 0;	vertical-align: top;	font-size: 100%;}
body {	background: #F3F3F3 url(/images/fondo_body.gif) repeat-x;	min-width: 980px;	height: 100%;	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;	text-align:center; color: #393939; margin:0px auto;	padding: 0;}

#body_2 { width: 800px; border: 0px solid red; margin: 20px 0px 0px 0px;}

a {	outline: none;	color: #4D7ED7; text-decoration: none;}
a:hover {		color: #15830C; text-decoration: none;	}
h2 {color:#174C61;font-size:20px;margin:0px}

#content {	width:952px;	min-height: 75%; margin:0px auto;	text-align:left;	padding:0px;	border:0px dashed #333;	background-color:#F3F3F3;	}

.headerTop { width:100%;height:5px;background: url(/images/sprite.jpg) 0px 0px no-repeat;}
.header {border:0px solid blue; width:100%;height:117px;background: #F3F3F3}
.home { border:0px solid red; width:952px;height:572px;background: url(/images/fondo_home.jpg);}
.rest { border:0px solid red; width:952px;min-height:600px;margin-top:0px;float:left}
.searchSpace {width:932px;background:#ccc; margin:3px 0 10px 0;float:left;font-size:12px;padding:10px;font-size:12px;}
.filter {width:550px;float:left;}
.search {width:365px;float:right;border-left:1px dotted #000;padding-left:15px;text-align:right}

.DetailPhoto {border:0px solid blue;width:500px;float:left;padding:0 10px 20px 10px;min-height:300px}
.DetailEdit {border-bottom:1px dotted #000;width:400px;float:right;padding:10px 10px 10px 0px;font-size:13px}
.DetailFields {border:0px solid blue;width:400px;float:right;padding:0 10px 20px 0px}
.DetailTable { width:100%}
.field { border:0px solid red;width:390px;float:left;margin:0 0 5px 0;font-size:15px}
.fieldTitle {border:0px solid red;width:400px;float:left;margin:15px 0 15px 0;font-size:25px}
.fieldName {font-weight:bold}
.ariadna { width:100%;padding:10px 0 10px 13px;border:0px solid red;font-size:12px}

.logo { width:400px;height:100px;background: url(/images/sprite.jpg) -6px -20px no-repeat;float:left;margin:10px 0 0 2px}
.logo a {display:block;width:100%;height:100%;text-decoration:none; }
  
.login { width:416px;height:74px;background:#C5DE9F url(/images/fondo_login.gif) no-repeat;float:right;border:0px solid blue;padding:4px 4px 5px 4px;margin:10px 10px 0 0;font-size:12px}
.login_fin {width:424px;height:7px;background: url(/images/fondo_login_fin.gif) no-repeat;float:right;border:0px solid blue;margin:0 10px 0 0;font-size:0px}
.login_in { width:252px;height:80px;background:#C5DE9F url(/images/fondo_login_in.gif) no-repeat;float:right;border:0px solid blue;padding:4px 4px 4px 4px;margin:15px 10px 0 0;font-size:12px;}

.botonera { width:945px;float:left;border-top:1px dashed #5A5A5A;border-bottom:1px dashed #000;padding:3px 0 3px 5px}
.botonera_item { float:left;padding:4px 20px 4px 20px;color:#5A5A5A;border:0px solid red;margin-left:4px}
.botonera_item:hover { background:#9DB529;COLOR:#FFF}
.botonera_item_active { float:left;padding:4px 20px 4px 20px;color:#fff;background:#007AAB;margin-left:4px}

.parrafo {padding:0px;margin:4px}
.parrafo-titulo {padding:0px;margin:0px}
.parrafo-descripcion {padding:0px;margin:0 0 50px 0}
.caracteristicas {border:0px dotted blue;margin-bottom:10px;float:left}
.caracteristicas-nums {background:#f3f3f3 url(/images/fondo-num.gif) no-repeat;border:0px solid red;width:96px;height:96px;float:left;font-size:78px;color:#fff;text-align:center;font-weight:bold;}
.caracteristicas-text {border:0px solid red;float:left;width:830px;margin-left:20px}

.spacer { clear:both }

/* Listas */
.lista_flechas { font-size:12px;list-style-image: url(/images/arrow.gif); line-height:22px }
.capitulos { line-height:38px;list-style-type:none;text-indent:18px; }

.caja_izq {float:left;background:#CEDA99 url(/images/fondo_caja_verde.gif) no-repeat;width:473px;height:358px;padding:0px 20px 10px 20px}
.caja_izq_fin {float:left;background:#CEDA99 url(/images/fondo_caja_verde_fin.gif) no-repeat;width:513px;height:13px;font-size:0px}
.titulo_izq {color:#6E8132;font-size:22px}
.caja_der {float:right;background:#CEDAC5 url(/images/fondo_caja_azul.gif) no-repeat;width:384px;height:358px;padding:0px 20px 10px 20px}
.caja_der_fin {float:right;background:#CEDAC5 url(/images/fondo_caja_azul_fin.gif) no-repeat;width:424px;height:13px;font-size:0px}
.titulo_der {color:#5C899A;font-size:22px}

/* Forms */
.form_input { font-size:14px;padding:3px;}
.form_submit { background: url(/images/fondo_submit2.gif) repeat-x; width:82px; height:27px;border:1px solid #C4DB9F;color:#fff;font-weight:bold;vertical-align:top;padding:4px 0 0 0;margin-top:17px}
.form_submit:hover { background: url(/images/fondo_submit2on.gif) repeat-x }

.form_submit2 { background: url(/images/fondo_submit2on.gif) repeat-x; height:27px;border:1px solid #C4DB9F;color:#fff;font-weight:bold;vertical-align:top;padding:10px;border:0px}
.form_submit2:hover { background: url(/images/fondo_submit2on.gif) repeat-x; }

.form_leads { background: url(/images/fondo_leads.gif) no-repeat;width:322px;height:287px;float:right;border:0px solid red;padding:15px;color:#fff;font-weight:bold;font-size:20px}

.gotoleads { border:0px solid blue;width:177px;height:32px;background:url(/images/sprite.jpg) -7px -139px no-repeat;}
.gotoleads:hover {background:url(/images/sprite.jpg) -7px -179px no-repeat;}
.gotoleads a {display:block;width:100%;height:100%;text-decoration:none; }

/* Fonts */
.FontGrey {color:#818181}
.FontAlert {color:red}
.FontSmall {font-size:10px}
.FontMedium {font-size:12px}
.FontBig {font-size:16px}

/* Menu */
.menu {	border:none;border:0px;margin:0px;padding:0px;font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;	font-size:14px;	font-weight:bold;	}
.menu ul {		height:35px;	list-style:none;	margin:0;	padding:0;border-top:1px dashed #000;border-bottom:1px dashed #000;background:#f3f3f3}
.menu li {	float:left;		padding:0px;		}
.menu li a {			color:#000;		display:block;		font-weight:normal;		line-height:35px;		margin:0px;		padding:0px 25px;		text-align:center;		text-decoration:none;		}
.menu li a:hover, .menu ul li:hover a { background: #9DB529;color:#FFFFFF;text-decoration:none;	}
.menu li ul { background:#333333;display:none;height:auto;padding:0px;margin:0px;border:0px;position:absolute;width:225px;z-index:200;/*top:1em;/*left:0;*/	}
.menu li:hover ul { display:block;}
.menu li li {	background:#ccccc;display:block;float:none;margin:0px;padding:0px;width:225px;	}
.menu li:hover li a{background:none;}
.menu li ul a{display:block;height:35px;font-size:12px;font-style:normal;margin:0px;padding:0px 10px 0px 15px;text-align:left;}
.menu li ul a:hover, .menu li ul li:hover a{background:#9DB529;border:0px;color:#ffffff;text-decoration:none;}
.menu p{clear:left;}	

.lista {border:0px solid blue;width:100%;font-size:15px}
.registro {border-top:1px dotted #737373;font-size:0px}

.campoL {padding:10px;text-align:left;}
.campoR {padding:10px;text-align:right}
.campoPhoto {width:100px;height:66px;margin:5px;border:2px solid #89C206;padding:3px}

.cabecera {padding:10px;text-align:left;font-size:16px;font-weight:bold;background:#89C206;text-align:left;color:#fff}
.cabeceraL {padding:10px;text-align:left;font-size:16px;font-weight:bold;background:#89C206;text-align:left;color:#fff}
.cabeceraR {padding:10px;text-align:left;font-size:16px;font-weight:bold;background:#89C206;text-align:right;color:#fff}

.Item {width:220px;min-height:200px;border:1px dotted #89C206;float:left;margin:3px;padding:5px}
.ItemPhoto {margin:0px}
.ItemCampo {padding:0px;line-height:18px;font-size:15px;margin-left:7px}

/* Modal */
.solicita_prueba {width: 830px; border: 0px solid red; margin: 20px 0px 0px 0px;} 
#mask {position:absolute;left:0;top:0;z-index:9000;background-color:#000;display:none;}  
#boxes .window {position:absolute;left:0;top:0;width:850px;height:500px;display:none;z-index:9999;padding:20px;}
/* #boxes #prueba {width:830px;height:500px;padding:10px;background-color:#ffffff; background: url(/images/fondo_solicita_prueba.gif) no-repeat;} */
#boxes #prueba {width:830px;height:500px;padding:10px;background-color:#ffffff;}

.error {padding:8px 0 8px 40px;border:2px solid red;margin:10px 5px 10px 5px;background: url(/images/sprite.jpg) -458px -252px no-repeat;color:#767676}
.ok {padding:8px 0 8px 40px;border:2px solid green;margin:10px 5px 10px 5px;background: url(/images/sprite.jpg) -458px -287px no-repeat;color:#767676}

.contenedor_foto { border:0px dotted #767676;padding:5px;float:left;width:180px;height:140px;margin:10px;font-size:11px}
.foto_small { border:1px solid #767676;padding:4px;float:left;width:150px;height:100px;margin:1px;text-align:center;overflow:hidden}
.foto_small_principal { border:2px solid red;padding:3px;margin:1px;width:150px;height:100px;text-align:center;overflow:hidden}


/* Paginacion */
div.pagination {padding: 15px;	margin: 3px;n width:100%;border:0px solid red;text-align:center;font-size:11px }
div.pagination a {padding: 2px 5px 2px 5px;	margin:2px;	border:1px solid #AAAADD;	text-decoration: none; /* no underline */	color: #215EAA; }
div.pagination a:hover, div.pagination a:active {	border: 1px solid #000099;	color: #fff }
div.pagination span.current {padding: 2px 5px 2px 5px;	margin: 2px;	border: 1px solid #89C206;	font-weight: bold; background-color: #89C206;	color: #FFF; }
div.pagination span.disabled {padding: 2px 5px 2px 5px;margin: 2px;border: 1px solid #EEE;	color: #DDD; }

/* Exports */
div.xml {width:46px; height:48px; background:url(/images/export_icons.gif) 0 0; margin:5px 10px 0px 0px}
div.xls {width:46px; height:48px; background:url(/images/export_icons.gif) 53px 0; margin:5px 10px 0px 0px}
div.csv {width:46px; height:48px; background:url(/images/export_icons.gif) 99px 0; margin:5px 10px 0px 0px}
#export {display:block;width:100%;height:100%; margin-right:10px}

/*   Ejemplos  */
/* CSS Document */

/* Directorio de ejemplos */
/* cabecera */
.ejemplos_top_header_right {width:380px;margin:30px 0px 0px 20px;float:right;text-align:right;padding-right:15px}

/* login */
.ejemplos_form_login { background: url(/images/fondo_login_comercial.gif) no-repeat;width:322px;height:209px;float:left;border:0px solid red;padding:15px;color:#fff;font-weight:bold;font-size:20px}
.ejemplos_container_login_form {font-size:13px;margin:50px 0 0 0;float:left;border:px solid blue;width:400px;}

/* index */
.ejemplo_intro {font-size:20px;margin:1px 0 0 0;float:left;border:0px solid red;width:770px;height:70px;}
.ejemplo_intro2 {border:0px solid red; width:770px;height:70px;margin-top:0px;float:left}
.ejemplos_list {font-size:18px;margin:20px 0 0 0;float:right;border:0px solid blue;width:100%;height:200px;}

li.ejemplo_sector {display:block;height:30px}

/* list */ 
.ejemplos_titulo_sector {font-size:18px;margin:20px 0 0 0;float:right;border:0px solid blue;width:100%;height:50px;}
.ejemplos_container_thumb {width:100%;border:0px solid red;margin:10px 0px 30px 0px;float:left;}
.ejemplos_plantilla_s {width:250px;height:175px;margin:30px 50px 45px 0px;border:0px solid green;float:left;}
.ejemplos_plantilla_thumb {width:250px;}
.ejemplos_plantilla_status {width:250px;margin:5px 0 0 0;padding:0 0 0 6px;border:0px solid black;float:left;}
.ejemplos_plantilla_libre {font-size:20px;color:#ffffff;float:left;width:90%;padding:0px 0px 3px 10px;background-color:#50b050;border:0px}
.ejemplos_plantilla_reservada {font-size:20px;color:#ffffff;float:left;width:90%;padding:0px 0px 3px 10px;background-color:#5050b0;}
.ejemplos_plantilla_ocupada {font-size:20px;color:#ffffff;float:left;width:90%;padding:0px 0px 3px 10px;background-color:#b05050;}

/* reserva */
.ejemplos_container_reserva_form {font-size:13px;margin:30px 0 0 0;float:right;border:px solid blue;width:400px;}
.ejemplos_plantilla_big {width:450px;margin:30px 50px 45px 0px;padding:5px;border:2px solid green;float:left;background-color:#ffffff}
.ejemplos_plantilla_complete {width:430px;margin-left:10px}


