@charset "utf-8";
/* CSS Document */

/* Meyers Reset Reloaded*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
.micro {
	font-family: tahoma, sans-serif;
	font-size: 0.55em;
}


/* ---------------------------------------------------------------
                            main styles 
-----------------------------------------------------------------*/

body {
	background: #fff url(/images/bodybg.jpg) repeat-x;
	font: 11px verdana, arial, sans-serif;
}
body.empresa {
	background: #fff url(/images/bodybg_em.jpg) repeat-x;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both;
    visibility: hidden;
}
.cntindex {
	width: 620px;
	margin: 0 auto;
}
.cnt {
	width: 80%;
	padding: 0 10%;
}
a {
	color: #b83774; /* CyJ se  cambio color de #0256af a #b83774 */
	font-weight:bold; /* CyJ se agregó BOLD */
}
a:hover {
	text-decoration: none;
}


/* ---------------------------------------------------------------
                            header 
-----------------------------------------------------------------*/

.header {
	width: 620px;
	height: 145px;
	margin-bottom: 35px;
	float: left;
}

.logo {
	width: 400px;
	height: 82px;
	margin-top: 40px;
	float: left;
}
.logo2 {
	width: 229px;
	height: 82px;
	margin-top: 60px;
	float: left;
}

/* ------------------------ topmenu ------------------------ */
/*
ul.topmenu {
	width: 100%;
	list-style-type: none;
	color: #adadad;
	font-size: 11px;
	margin-top: 10px;
	text-align: right;
}
ul.topmenu li {
	display: inline;
}
ul.topmenu li a {
	margin: 0 5px;
}
ul.topmenu li a:hover {
	text-decoration: none;
}
*/

/* ---------------------- Cabecera --------------------- */
#cabecera {
	clear:both;
	margin:0 0 20px;
	overflow:hidden;
	padding:0;
	width:100%;
}

body.login #cabecera, body.unsubscribe #cabecera {
    height: 145px;
}

#cabecera .logo {
	float:left;
	height:auto;
	width:261px;
}

body.login #cabecera .logo, body.unsubscribe #cabecera .logo {
    margin-top:45px;
}

#cabecera .bloque-derecha {
	float:right;
	height:auto;
}


#cabecera .topmenu {
	margin:34px 0 0;
	text-align:right;
}

#cabecera .topmenu ul {
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 10px;
	line-height: 18px;
	font-size: 14px;
	list-style: none;
}

#cabecera .topmenu ul li {
    float:left;
    margin-left:10px;
}

#cabecera .topmenu  a.adforms {
	color:#14B7FF;
	text-decoration: none;
}

#cabecera .topmenu  a.user {
	color:black;
	font-size:12px;
}

/* COLORES  */


.amarillo {
	color:#ffca2e;
	font-size: 12px;
}
.violeta {
	color:#a851c6;
	font-size: 12px;
}
.magenta {
	color:#b23d71;
	font-size: 12px;
}
.turquesa {
	color:#5eb08a;
	font-size: 12px;
}
.azul {
	color:#14b7ff;
	font-size:12px;
}
.naranja {
	color: #ff9900;
}
/* ------------------------ secondmenu ------------------------ */

ul.secondmenu {
	width: 300px;
	list-style-type: none;
	color: #adadad;
	font-size: 11px;
	margin-top: 43px;
	text-align: right;
	float: right;
}
ul.secondmenu li {
	margin-bottom: 2px;
}
ul.secondmenu li a {
	font-family: arial, verdana, sans-serif;
	font-size: 19px;
}
ul.secondmenu li a:hover {
	text-decoration: none;
}


/* ---------------------------------------------------------------
                           main 
-----------------------------------------------------------------*/

.main {
	width: 100%;
	float: left;
	margin-bottom: 60px;
}
.main h2 {
	color: #141414; /* CyJ se cambio el color de #393723 a #141414 */
	font-family: arial, verdana, sans-serif;
	font-size: 24px; /* CyJ se cambio tamaño de 19px a 24px */
	letter-spacing: -1px; 
	margin-bottom: 4px;
	font-weight:bold !important;/* CyJ se agregó BOLD */
}
.main h4 {
	color: #393723;
	font-family: arial, verdana, sans-serif;
	font-size: 19px;
	letter-spacing: -1px;
	margin-bottom: 15px;
}

span.credit-info{ /* CyJ se agregó para dar formato al div que contiene información de crédito */
font-size:12px;
letter-spacing:normal;
line-height:20px;
vertical-align:bottom;
}

span.credit-info .highlight{ /* CyJ resalta en amarillo el crédito restante */
background-color:#fff07f;
padding:3px;
font-weight:bold;
}

.user-msg{ /* CyJ se agregó para dar formato al div que contiene mensajes para el usuario */
font-size:12px;
letter-spacing:normal;
line-height:20px;
vertical-align:bottom;
width:100%;
}

.user-msg .highlight-green{ /* CyJ resalta en verde el mensaje para el usuario */
background-color:#62af89;
padding:3px;
font-weight:bold;
color:#fff !important;
width:100%;
}

.user-msg .highlight-red{ /* CyJ resalta en rojo el mensaje para el usuario */
background-color:#FFCCCC;
padding:3px;
font-weight:bold;
color:#000 !important;
width:100%;
padding-left: 10px;
}

span.credit-info img{ /* CyJ alinea verticalmente el boton de "Agregar crédito */
margin:0px;
*margin-bottom:-5px;
vertical-align:bottom;
}

.ficha-subtitulo{ /* CyJ se agregó para dar estilo a subtitulo de ficha  */
color:#666;
font-size:12px;
font-weight:bold;
margin:5px 0px;
}

.ficha-subtitulo a{
color:#4b7596;
}

.ficha-total-ofertas{ /* CyJ se agregó para dar estilo al texto número total de ofertas  */
float:right;
color:#666;
font-size:12px;
font-weight:normal;
margin:5px 0px;
}

.search input.searchtext {
	width: 500px;
	height: 30px;
	font-family: arial, verdana, sans-serif;
	font-size: 19px;
	margin-right: 8px;
	border: 1px solid #aba997;
}
.search input.buscarboton {
	vertical-align: top;
}
.ejemplos {
	width: 216px;
	height: 51px;
	background: transparent url(/images/ejemplosbg.gif) no-repeat;
	color: #747474;
	font-size: 11px;
	line-height: 19px;
	padding: 18px 12px 0;
}
.ejemplos p.ej {
	width: 70px;
	float: left;
}
.ejemplos p.ej2 {
	width: 146px;
	font-weight: bold;
	float: left;
}


/* ------------------------ login ------------------------ */

.login {
	background-color: #f1f1f1;
	width: 280px;
	padding: 20px 30px;
	margin: 0 50px 50px 0;
	border: 2px solid #d8d8d8;
	float: left;
}
.login h2 {
	margin-bottom: 20px;
}
.login label {
	width: 72px;
	color: #636363;
	text-align: right;
	padding-top: 4px;
	margin-right: 8px;
	display: block;
	float: left;
}
.login p.txtfld {
	margin-bottom: 15px;
}
.login p.txtfld input {
	width: 150px;
	height: 23px;
	border: 1px solid #aba997;
}
.login p.lpa2 {
	margin: 0 0 6px 80px;
}

/* ------------------------ login empresa ------------------------ */

.login_em {
	background-color: #4b7596;
	margin: 0 0 50px 50px;
	border: 2px solid #315776;
	float: right;
}
.login_em h2 {
	color: #b7cad9;
	margin-bottom: 20px;
}
.login_em label {
	color: #fff;
}
.login_em p.txtfld {
	margin-bottom: 15px;
}
.login_em p.txtfld input {
	border: 1px solid #315776;
}
.login_em p.lpa2 a {
	color: #fff;
}


/* ------------------------ explicaciones ------------------------ */

.explicaciones h3 {
	color: #333;
	font-family: arial, verdana, sans-serif;
	font-size: 19px;
	letter-spacing: -1px;
	margin-bottom: 4px;
}
.explicaciones p {
	font-family: arial, verdana, sans-serif;
	font-size: 12px;
	line-height: 17px;
	margin-bottom: 20px;
}


/* ---------------------------------------------------------------
                            resultados de busqueda
-----------------------------------------------------------------*/
body#front {
	background-position: 0 -20px;
}
#front .cnt {
	width: 90%;
	padding: 0 5%;
}
#front .logo {
	margin-top: 40px;
	margin-right: 50px;
	float: left;
}
#front .header {
	width: 100%;
	height: 120px;
	margin-bottom: 25px;
	float: left;
}
#front ul.topmenu {
	width: 50%;
	float: right;
}
#front .search {
	width: 48%;
	margin-top: 30px;
	float: left;
}
#front .search input.searchtext {
	width: 65%;
	float: left;
}
#front .search input.buscarboton {
	float: left;
}
#front .main {
	margin-bottom: 30px;
}
.cajamensajes {
	width: 100%;
	background-color: #e3e3e3;
	border: 1px solid #cdcdcd;
	float:left;
	margin-bottom: 30px;
}
.cajamensajes p {
	padding: 8px 30px;
	text-align: center;
	color: #222;
	font-family: arial, verdana, sans-serif;
	font-size: 19px;
	letter-spacing: -1px;
}
.cajamensajes.success {
    background-color: #CCFFCC !important;
	/*border: 1px solid #cdcdcd;*/    
}

.cajamensajes.error {
    background-color: #FFCCCC !important;
	/*border: 1px solid #cdcdcd;*/    
}

/* ------------------------ contenido ------------------------ */
.contenido {
	width: 48%;
	margin-right: 4%;
	float: left;
}
.resultados {
	background-color: #fbf2c9;
	border: 1px solid #d4cda8;
	font-size: 12px;
	padding: 8px 10px;
	margin-bottom: 25px;
	text-align: center;
	clear: both;
}
.resultados p {
	line-height: 17px;
}
.resultados ul {
	margin-top: 6px;
}
.resultados ul li {
	color: #a19970;
	display: inline;
}
.resultados ul li strong {
	color: #000;
}
ul.resultlist {
	margin-bottom: 25px;
}
.resultlist li h2 {
/*	text-transform: uppercase;*/
	margin-bottom: 10px;
}
.resultlist li {
	width: 100%;		
	border-bottom: 1px solid #d5d5d5;
    padding-left:5px;
	padding-top: 15px;
	float: left;
}
.resultlist li.activo {
	background-color: #eee;
}
.resultn {
	width: 5%;
	background: transparent url(/images/resultbg.gif) no-repeat;
	color: #035697;
	width: 28px;
	height: 28px;
	font-weight: bold;
	margin-right: 2%;
	float: left;
}
.resultn p {
	font-family: arial, verdana, sans-serif;
	font-size: 19px;
	text-align: center;
	padding: 3px 0 0 1px;
}
.resultnactivo {
	background: transparent url(/images/resultactivobg.gif) no-repeat;
	color: #fff;
}
.resultinfo {	
	width: 90%;
	float: left;
}
.resultinfo p {		
	font-size: 12px;
	line-height: 17px;
	margin-bottom: 15px;
}

.resultinfo p a{		
    float:right;
}

/* ------------------------ columna ------------------------ */
.columna {
	width: 48%;
	float: left;
}
.columna h3 {
	color: #393723;
	font-family: arial, verdana, sans-serif;
	font-size: 19px;
	letter-spacing: -1px;
	padding-bottom: 4px;
	margin: 0 15px 10px;
	border-bottom: 1px solid #d4cda8;
}
.servrel {
	width: 100%;
	background-color: #f9ecb2;
	padding: 15px 0 5px;
	margin-bottom: 20px;
	float: left;
}
.servrel ul {
	margin: 0 15px 20px;
}
.servrel ul li {
	background-color: #fcf6d9;
	font-family: arial, verdana, sans-serif;
	font-size: 19px;
	letter-spacing: -1px;
	padding: 6px 10px;
	margin-bottom: 8px;
}
.categs {
	width: 100%;
	background-color: #fbf2c9;
	padding: 15px 0 5px;
	margin-bottom: 20px;
	float: left;
}
.categs ul {
	margin: 0 15px 20px;
}
.categs ul li {
	color: #4e4c37;
	list-style-type: disc;
	list-style-position: inside;
	font-size: 12px;
	margin: 0 0 8px 3px;
}

.mapa {
	width: 99%;
	background-color: #fbf2c9;
	border: 1px solid #d4cda8;
	margin-bottom: 25px;
	float: left;
}
.mapa1 {
	width: 100%;
	padding: 8px 0;
	margin: 0;
	float: left;
}
.mapa .controles {
	width: 17%;
	float: left;
}
.mapa .controles a {
	margin-left: 10px;
}

.mapa .mapsat {
	width: 26%;
	margin-left: 6px;
	float: left;
}
.mapa .mensajes {
	width: 54%;
	color: #3f3f3f;
	float: left;
}
.mapa2 {
	width: 100%;
	margin: 0;
	overflow: hidden;
	float: left;
}

/* ---------------------------------------------------------------
                            ficha empresa
-----------------------------------------------------------------*/
.empresainfo {
	width: 100%;
	margin-bottom: 35px;
	float: left;
}
.empresainfo h1 {
    font-family: arial, verdana, sans-serif;
	color: #4b7596;/* CyJ se cambio el color de #0256af a #4b7596 */
	font-weight:bold; /* CyJ se agregó BOLD */
	font-size: 18px; /* CyJ se cambio el tamaño de 24px a 18px */
	letter-spacing: -1px;
	margin-bottom: 12px;
	
}
.empresainfo p {
	font-size: 12px;
	line-height: 17px;
	margin-bottom: 15px;
}
.empresainfo .resultados a.sms {
	background: transparent url(/images/smsicon.gif) no-repeat;
	padding-left: 15px;
	margin-right: 15px;
}
.empresainfo .resultados a.comentar {
	background: transparent url(/images/commenticon.gif) no-repeat 0 3px;
	padding-left: 18px;
	margin-right: 15px;
}
.empresainfo .resultados a.email {
	background: transparent url(/images/emailicon.gif) no-repeat 0 2px;
	padding-left: 22px;
}

.empresafoto {
    margin-bottom: 15px;
    overflow: hidden;
    float: left;
}

.empresathumbs {
    width: 100%;
    margin-bottom: 35px;
    padding-bottom: 30px;
    border-bottom: 1px solid #d5d5d5;
    float: left;
}

.empresathumb {
    float:left;
    padding-bottom:10px;
    text-align:center;
}

.empresathumb div a {
    margin: 0 6px 6px 0;
    display: block;
    border: 1px solid white;
}
.empresathumb div a:hover {
    border: 1px solid #686242;
}
.empresathumb div img {
    border: 2px solid #fff;
}

/*.empresafoto {*/
/*	width: 100%;*/
/*	margin-bottom: 15px;*/
/*	overflow: hidden;*/
/*	float: left;*/
/*}*/
/*.empresathumbs {*/
/*	width: 100%;*/
/*	margin-bottom: 35px;*/
/*	padding-bottom: 30px;*/
/*	border-bottom: 1px solid #d5d5d5;*/
/*	float: left;*/
/*}*/
/*.empresathumbs a {*/
/*	width: 66px;*/
/*	height: 66px;*/
/*	margin: 0 6px 6px 0;*/
/*	display: block;*/
/*	float: left;*/
/*	border: 1px solid #d4cda8;*/
/*}*/
/*.empresathumbs a:hover {*/
/*	border: 1px solid #686242;*/
/*}*/
/*.empresathumbs img {*/
/*	border: 2px solid #fff;*/
/*}*/
.empresadeleg {
	width: 100%;
	border-bottom: 1px solid #d5d5d5;
	margin-bottom: 35px;
	float: left;
}
.empresadeleg p {
	font-size: 12px;
	line-height: 17px;
	margin-bottom: 25px;
}
.empresadeleg h4 span {
    font-size:12px;
    margin-left:20px;
}
.empresacoment {
	width: 100%;
	margin-bottom: 20px;
	float: left;
}
.empresacoment p {
	font-size: 12px;
	line-height: 17px;
	margin-bottom: 20px;
}
.empresacoment p span {
	color: #6a6a6a;
	font-size: 11px;
}




/* ---------------------------------------------------------------
                            mapa categorias 
-----------------------------------------------------------------*/
.maincats .contenido {
	width: 77%;
	margin-right: 0;
}
.maincats h2 {
	padding-bottom: 4px;
	margin: 0 30px 15px 0;
	border-bottom: 1px solid #d5d5d5;
}
.catlist dl {
	width: 28%;
	padding-right: 5%;
	line-height: 17px;
	float: left;
}
.catlist dl dt {
	font-size: 12px;
}
.catlist dl dd {
	margin-bottom: 10px;
}
.catlist dl dd a {
	color: #545454;
}
.provinciaslist {
	width: 23%;
	background-color: #f9ecb2;
	padding: 10px 0;
	margin-bottom: 20px;
	float: left;
}

.provinciaslist h3 {
	color: #393723;
	font-family: arial, verdana, sans-serif;
	font-size: 19px;
	letter-spacing: -1px;
	padding-bottom: 4px;
	margin: 0 15px 10px;
	border-bottom: 1px solid #d4cda8;
}
.provinciaslist ul {
	width: 85%;
	height: 550px;
	color: #393723;
	list-style-type: disc;
	list-style-position: inside;
	padding: 0 5%;
	float: left;
	overflow-y: scroll;
}
.provinciaslist ul li {
	margin: 0 0 5px 10px;
}

/* ---------------------------------------------------------------
                            mapa categorias lvl 2
-----------------------------------------------------------------*/
.maincats_small .contenido {
	width: 58%;
	margin-right: 0;
}
.maincats_small h2 {
	padding-bottom: 4px;
	margin: 0 30px 15px 0;
	border-bottom: 1px solid #d5d5d5;
}

.provinciaslist_big {
	width: 42%;
	background-color: #f9ecb2;
	padding: 10px 0;
	margin-bottom: 20px;
	float: left;
}

.provinciaslist_big h3 {
	color: #393723;
	font-family: arial, verdana, sans-serif;
	font-size: 19px;
	letter-spacing: -1px;
	padding-bottom: 4px;
	margin: 0 15px 10px;
	border-bottom: 1px solid #d4cda8;
}
.provinciaslist_big ul {
	width: 34%;
	height: 550px;
	color: #393723;
	list-style-type: disc;
	list-style-position: inside;
	padding: 0 5%;
	float: left;
	overflow-y: auto;
}
.provinciaslist_big ul li {
	margin: 0 0 5px 10px;
}

/* ---------------------------------------------------------------
                            peticion 
-----------------------------------------------------------------*/

.peticionbloque {
	width: 100%;
	float: left;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #dbdbdb;
	clear: both;
}
.peticionbloque h2 {
	font-size: 24px;
	margin-bottom: 20px;
}

h2 span.peticion{ /* CyJ quita el bold al texto de peticion y lo separa del titulo */
font-weight:normal;
margin-left:25px;
}

h3.peticion {  /* CyJ encabezado de datos en hoja de peticion */
font-family: arial, verdana, sans-serif;
font-size:18px !important;
color:#000;
font-weight:bold;
margin-bottom: 10px;
}

.peticionbloque h3 {
	color: #4b7596;/* CyJ se cambio el color de #333 a #4b7596 */
	font-weight:bold; /* CyJ se agregó BOLD */
	font-size: 18px; /* CyJ se cambio el tamaño de 19px a 18px */
	font-family: arial, verdana, sans-serif;
	letter-spacing: -1px;
	margin-bottom: 10px;
}
h3.sep {
	width: 83%;
	background: transparent url(/images/h3sepbg.gif) repeat-x bottom left;
	color: #555;
	font-family: arial, verdana, sans-serif;
	font-size: 19px;
	letter-spacing: -1px;
	padding-left: 17%;
	margin: 20px 0;
	border: 0;
	float: left;
}
h3.sep span {
	background-color: #fff;
	padding: 0 10px;
}
.peticionbloque p.texto1 {
	font-size: 12px;
	line-height: 17px;
	margin-bottom: 15px;
}
.pb1 {
	width: 60%;
	float: left;
}
.pb1_profile {
	width: 60%;
	float: left;
    padding-bottom: 5px;
}
.pb2 {
	width: 40%;
	float: left;
}
.pb3 {
	width: 48%;
	margin-top: 20px; 
	margin-right: 4%;
	float: left;
}
.pb4 {
	width: 48%;
	margin-top: 20px; 
	float: left;
}
.p_a {
	width: 30%;
	float: left;
}

.p_a label {
	font-size: 12px;
	font-weight: normal; /* CyJ se eliminó el bold y se coloco a .p_b label */
}
.p_a label.profile {
	font-size: 12px;
	font-weight: bold;
    float: right;
    padding-right: 10px;
}
.p_a label span {
	color: #c30000;
}
.p_b {
	width: 70%;
	float: left;
}

.p_b label {
	font-size: 12px;
	font-weight: bold; /* CyJ se agregó el bold y se elimino de .p_a label */
}

.p_c {
	width: 70%;
	padding-left: 30%;
	font-size: 12px;
}
.pb1 input.longtxt {
	width: 95%;
	height: 20px;
	border: 1px solid #7f9db9;
}
.pb1 span.calicon-link {
    cursor:pointer;
    left:-25px;
    position:relative;
    top:5px;
    z-index:1;
}
.pb1 img {
    display:inline;
}
.pb1 input.cptxt {
	width: 30%;
	height: 20px;
	border: 1px solid #7f9db9;
}
.pb1 textarea {
	width: 95%;
	height: 80px;
	border: 1px solid #7f9db9;
}
.pb2 p.explic {
	background: transparent url(/images/flechagris.gif) no-repeat 5px 2px;
	padding-left: 22px;
	line-height: 16px;
	color: #555;
}
/*jose, validating forms*/
input.invalid {
	border: 1px solid #cc071e !important;
}

.pb2 p.invalid {
	background: transparent url(/images/flechagris.gif) no-repeat 5px 2px;
	padding-left: 22px;
	line-height: 16px;
	color: #cc071e;
    display: none;
}
/*end jose*/
.pb1 .p_b1{
	width: 25%;
	float: left;
	margin-right: 5%;
}
.pb1 .p_b2{
	width: 25%;
	float: left;
}
.pb1 .p_b3{
	width: 40%;
	float: left;
	margin-right: 6%;
}
.pb1 .p_b4{
	width: 40%;
	float: left;
}
.pb1 input.inpfile {
	height: 20px;
	padding: 3px 0;
}
.imgsubidas, .catsubidas {
	width: 90%;
	float: left;
	background: #f1f1f1;
	padding: 8px;
	margin-top: 8px;
	border: 1px solid #cecece;
}
.imgthumb {
	margin-right: 8px;
	float: left;
}
.imgsubidas a, .catsubidas a {
	color: #c20101;
}
.catsubidas ul {
	list-style-type: square;
	list-style-position: inside;
	color: #bababa;
}
.catsubidas ul li {
	margin-bottom: 5px;
}
.catsubidas ul li span {
	color: #000;
	font-size: 12px;
}
.peticionbloque .login {
	background-color: #f1f1f1;
	width: 85%;
	padding: 15px 0 15px 30px;
	margin: 0;
	border: 2px solid #d8d8d8;
	float: left;
}
.petbloq2 {
	border: 0;
	margin-bottom: 30px;
}
p.enviarbtn {
	text-align: center;
}



/* ---------------------------------------------------------------
                            backoffice
-----------------------------------------------------------------*/
#front .backoffice .header {
	width: 100%;
	height: 120px;
	margin-bottom: 11px;
	float: left;
}
.backoffice h2 {
	font-weight: normal;
	padding-bottom: 4px;
	margin: 0 0 15px 0;
	border-bottom: 1px solid #d5d5d5;
}

ul.menu1 {
  list-style-type: none;
  height: 32px;
}
ul.menu1 li {
  height: 32px;
  color: #393723;
  margin-right: 3px;
  display: block;
  float: left;
  background-color: #d9d9d9;
}
ul.menu1 li.active {
  background-color: #ffc024;
  font-weight: bold;
}
ul.menu1 a {
  height: 24px;
  padding: 8px 12px 0;
  color: #393723;
  font-weight: bold;
  text-decoration: none;
  display: block;
  float: left;
}
ul.menu1 a:hover {
  background-color: #f3d869;
}

ul.menu2 {
  list-style-type: none;
  background-color: #ffdd88;
  width: 100%;
  height: 28px;
  padding-top: 3px;
  margin-bottom: 0px; /*test 15px*/
}
ul.menu2 li {
  height: 25px;
  color: #393723;
  margin-left: 3px;
  display: block;
  float: left;
}
ul.menu2 li.active {
  background-color: #fff0cc;
  font-weight: bold;
}
ul.menu2 a {
  height: 21px;
  padding: 4px 12px 0;
  color: #393723;
  text-decoration: none;
  display: block;
  float: left;
}
ul.menu2 a:hover {
  background-color: #f3d869;
}

/*menu 3*/
ul.menu3 {
  list-style-type: none;
  background-color: #555555;
  width: 100%;
  height: 28px;
  padding-top: 3px;
  margin-bottom: 15px;
}
ul.menu3 li {
  height: 25px;
  color: white;
  margin-left: 3px;
  display: block;
  float: left;
}
ul.menu3 li.active {
  background-color: #888;
  font-weight: bold;
}
ul.menu3 a {
  height: 21px;
  padding: 4px 12px 0;
  color: white;
  text-decoration: none;
  display: block;
  float: left;
}
ul.menu3 a:hover {
  background-color: #888;
}
/*fin menu 3*/

p.breadcrumb {
	font-size: 12px;
	margin-bottom: 25px;
}
.filtros {
	width: 100%;
	height: 60px;
	background-color: #e4e4e4;
	margin-bottom: 25px;
}
.filtros h3 {
	color: #616161;
	font-family: arial, verdana, sans-serif;
	font-size: 19px;
	letter-spacing: -1px;
	padding: 0 0 0 20px;
	margin-right: 35px;
	float: left;
}
.filtros form {
	padding-top: 18px;
}
.filtros select {
	margin-right: 15px;
}
.filtros label {
	font-weight: bold;
}

table.peticiones {
	width: 100%;
	font-size: 12px;
	margin-bottom: 25px;
}
table.peticiones th {
	color: #393723;
	font-weight: bold;
	padding: 8px;
}
table.peticiones td {
	padding: 8px;
}
table.peticiones tr.odd {
	background-color: #f1f1f1;
}

/* CyJ clases para tablas con datos  */
table.data-form {
width:100%;
}

table.data-form th{
width:105px;
padding: 5px 0px;
font-weight:normal;
text-align:left;
vertical-align:top;
}

table.data-form td{
width:auto;
padding: 5px 0px;
font-weight:bold;
text-align:left;
vertical-align:top;
}

.data-form td.numeric-value{
width:180px;
}

.not-bold {
font-weight:normal !important;
}

.align-right{
text-align:right;
}

.align-left{
text-align:left;
}

/* CyJ TERMINAN clases para tablas con datos */

.paginacion {
	width: 100%;
	background-color: #e4e4e4;
	font-size: 12px;
	margin-bottom: 20px;
	text-align: center;
	clear: both;
	float: left;
}
.paginacion ul {
	padding: 10px 10px 12px;
}
.paginacion ul li {
	color: #000;
	display: inline;
}
.paginacion ul li.mostrando {
	margin-right: 30px;
}
.paginacion ul li.deshab {
	color: #a0a0a0;
	padding: 3px 6px;
}
.paginacion ul li.active {
	color: #fff;
	background-color: #0256af;
	padding: 3px 6px;
}
.paginacion ul li a {
	padding: 3px 6px;
	text-decoration: none;
}
.paginacion ul li a:hover {
	background-color: #fff;
}

.hiloresp {
	width: 100%;
	float: left;
	padding: 15px 0;
	border-bottom: 1px solid #d5d5d5;
}
.hrenv{
	background-color: #f1f1f1;
}
.hiloresp p.estyfecha {
	width: 60px;
	padding-left: 15px;
	float: left;
}
.hiloresp p.estyfecha strong {
	color: #7f7f7f;
}
.hiloresp p.estyfecha {
	line-height: 17px;
	text-align: right;
}
.hiloresp .resp {
	width: 70%;
	font-size: 12px;
	padding-left: 20px;
	border-left: 1px solid #d5d5d5;
	margin-left: 20px;
	float: left;
}
.hiloresp .resp h3 {
	font-weight: bold;
	margin-bottom: 8px;
}
.hiloresp .resp p {
	line-height: 17px;
	margin-bottom: 8px;
}
.descsolicitud {
	width: 100%;
	margin-bottom: 40px;
}
.descsolicitud h1 {
	width: 100%;
	color: #0256af;
	font-family: arial, verdana, sans-serif;
	font-size: 24px;
	letter-spacing: -1px;
	margin-bottom: 10px;
}
.descsolicitud p {
	font-size: 12px;
	line-height: 17px;
	margin-bottom: 10px;
}
.descsolicitud p.pdesc {
	width: 80%;
}

.hlog {
	width: 100%;
	height: 25px;
	padding-top: 30px;
	margin-bottom: 20px;
	border-bottom: 1px solid #d5d5d5;
}
.hlog h2 {
	font-weight: normal;
	padding-bottom: 0;
	margin: 0;
	border: 0;
}
.hlog a {
	padding-top: 5px;
	float: right;
}

.cajagraf {
	background-color: #f1f1f1;
	padding: 15px 15px 15px;
}
.grafimg {
	text-align: center;
	margin-bottom: 15px;
}
.cajagraf table.peticiones {
	margin-bottom: 0;
}
.cajagraf table.peticiones tr.even {
	background-color: #fff;
}
.cajagraf table.peticiones tr.odd {
	background-color: #dedede;
}
.cajagraf td, .cajagraf th {
	text-align: center;
}
.cajagraf td.tdb {
	font-weight: bold;
	color: #575757;
	text-align: left;
}

/* ---------------------------------------------------------------
                            backoffice empresa 
-----------------------------------------------------------------*/
.empresa ul.menu1 li {
  color: #93b1c8;
  background-color: #4b7596;
}
.empresa ul.menu1 li.active {
  background-color: #184263;
  color: #fff;
}
.empresa ul.menu1 a {
  color: #fff;
}
.empresa ul.menu1 a:hover {
  background-color: #93b1c8;
}

.empresa ul.menu2 {
  background-color: #184263;
}
.empresa ul.menu2 li {
  color: #fff;
}
.empresa ul.menu2 li.active {
  background-color: #3f7aa8;
}
.empresa ul.menu2 a {
  color: #fff;
}
.empresa ul.menu2 a:hover {
  background-color: #4b7596;
}
.empresa .filtros {
	background-color: #4b7596;
	color: #fff;
}
.empresa .filtros h3 {
	color: #d5e0e8;
}
.empresa table.peticiones tr.odd {
	background-color: #f4f3ee;
}
.empresa .paginacion {
	background-color: #4b7596;
}
.empresa .paginacion ul li {
	color: #fff;
}
.empresa .paginacion ul li.deshab {
	color: #93b1c8;
}
.empresa .paginacion ul li.active {
	color: #fff;
	background-color: #184263;
}
.empresa .paginacion ul li a {
	color: #fff;
}
.empresa .paginacion ul li a:hover {
	background-color: #93b1c8;
}

.empresa .hrenv{
	background-color: #f4f3ee;
}

/* ---------------------------------------------------------------
                            ayuda
-----------------------------------------------------------------*/
.mainayuda .contenido {
    width: 77%;
    margin-right: 0;
}
.ayudarow {
    width: 100%;
    margin-bottom: 40px;
    float: left;
}
.ayudarow h3 {
    color: #fff;
    font-family: arial, verdana, sans-serif;
    font-size: 19px;
    letter-spacing: -1px;
    padding: 5px 10px;
    margin-bottom: 15px;
}
.ayudarow h3.s1 {
    background-color: #a89240;
}
.ayudarow h3.s2 {
    background-color: #439eac;
}
.ayudarow h3.s3 {
    background-color: #a54d2d;
}
.ayudarow h3.s4 {
    background-color: #71a153;
}
.ayudacol1 {
    width: 45%;
    margin-right: 5%;
    float: left;
}
.ayudacol2 {
    width: 45%;
    float: left;
}
.ayudarow dt {
    font-family: arial, verdana, sans-serif;
    font-size: 19px;
    letter-spacing: -1px;
    margin-bottom: 0;
}
.ayudarow dt a {
    color: #0256af;
}
.ayudarow dd {
    margin-bottom: 15px;
}
.lateral {
    width: 23%;
    background-color: #f9ecb2;
    padding: 10px 0;
    margin-bottom: 20px;
    float: left;
}
.lateral h3 {
    color: #393723;
    font-family: arial, verdana, sans-serif;
    font-size: 19px;
    letter-spacing: -1px;
    padding-bottom: 4px;
    margin: 0 15px 10px;
    border-bottom: 1px solid #d4cda8;
}
.lateral ul {
    color: #393723;
    list-style-type: disc;
    padding: 0 15px 0 32px;
}
.lateral ul li {
    margin: 0 0 6px;
}


.ayudacont {
    font-size: 12px;
    padding-right: 50px;
}
.ayudacont p.volver {
    margin-bottom: 20px;
}
.ayudacont h2 {
    color: #000;
    font-size: 22px;
    margin-bottom: 20px;
    border-bottom: 1px solid #d3d3d3;
}
.ayudacont h3 {
    color: #545454;
    font-family: arial, verdana, sans-serif;
    font-size: 19px;
    letter-spacing: -1px;
    margin-bottom: 10px;
}
.ayudacont ul {
    color: #545454;
    list-style-type: disc;
    list-style-position: inside;
    margin-bottom: 30px;
}
.ayudacont ul li {
    padding-left: 10px;
    margin-bottom: 6px;
}
.ayudatxt {
    margin-bottom: 40px;
}
.ayudatxt p {
    line-height: 17px;
    margin-bottom: 15px;
}

/* ---------------------------------------------------------------
                            footer 
-----------------------------------------------------------------*/

.footer {
	width: 100%;
	float: left;
	padding-top: 30px;
	padding-bottom: 30px;
}

.footer ul {
	width: 100%;
	list-style-type: none;
	color: #adadad;
	font-size: 11px;
	margin-bottom: 10px;
	text-align: center;
}
.footer ul li {
	display: inline;
}
.footer ul li a {
	margin: 0 10px;
	color: #0256AF;
	text-decoration: none;
}
.footer p {
	width: 100%;
	color: #a2a2a2;
	font-size: 11px;
	text-align: center;
}

/* ---------------------------------------------------------------
                            teaser-adforms
-----------------------------------------------------------------*/

.alert {
  color: #FF0000
}

.sites-teaser {
  width: 52%;
  margin-top: 3em;
  padding: .5em;
  background-color: #ffffee;
  border: 1px solid #eeee00;
}

/* ---------------------------------------------------------------
                             forms
-----------------------------------------------------------------*/
table.forms {
	width: 90%;
	font-size: 12px;
	margin-bottom: 25px;
}
table.forms th {
	color: #141414; /* CyJ se cambió el color de #393723 a #141414 */
	font-weight:normal; /* CyJ se elimino BOLD */
	padding: 4px;
	font-size:11px; /* CyJ se agregó font-size:11px; */
}
table.forms td {
	padding: 4px;
	vertical-align:top; 
}

table.forms tr.odd {
	background-color: #f0f0f0; /* CyJ se cambió el color de #DDDDE0 a #f0f0f0 */
}
/* CyJ clases extra para tabla .forms */
table.forms tr:hover{
background-color:#fefbc5;
}

table.forms td.row-icon{
width:30px;
text-align:center;
}
table.forms td.subject, table.forms td.subject a{
font-size:14px;
font-weight:normal;
color:#184263;
}
table.forms tr.unread td.subject, table.forms tr.unread td.subject a{
font-weight:bold;
}

table.forms td.row-action{
width:110px;
text-align:center;
}

table.forms td.row-action img, table.forms td.row-icon img {
border:0px;
}
/* CyJ TERMINAN clases extra para tabla .forms */
div.forms {
    float: left;
    padding-bottom: 1%;
    padding-left: 1%;
    padding-right: 1%;
    padding-top: 1%;
    width: 47.5%;
}
thead.campaigns th {
    border-bottom:1px solid #777777;
}
tr.total {
    background-color:#CCCCCC;
    color:balck;
}
tr.unread td {
    font-weight:bold;
}
tbody.campaigns.odd {
    background-color:#DFDCD9;
}
table.campaigns :hover {
    background-color:#A3C1D8;
    cursor:pointer;
}
table.campaigns thead :hover {
    background-color:#ffffff;
    cursor:default;
}
table.campaigns tfoot :hover {
    background-color:#ffffff;
    cursor:default;
}
tbody.campaigns th {
    font-size:14px;
}

tfoot.campaigns th {
    font-size:14px;
    text-align:center;
}

tbody.campaigns span {
    color:#707070;
}
table tr.secondtr td {
    padding-bottom:10px !important;
    color:#454545;
}
table tr.firsttr td {
    vertical-align:middle;
    padding-bottom:3px !important;   
}
table tr.firsttr td.red, span.red {
    color:#a54d2d;
    font-size:120%;
    font-weight:bold;
}
table tr.firsttr td.green, span.green {
    color:#71a153;
    font-size:120%;
    font-weight:bold;
}

/*-----------------------------------------------------------------
        DATEPICKER
-----------------------------------------------------------------*/
.datepicker select, .datepicker input, .datepicker label {
    font-size:10px;
}

/*-------------------------
    datepicker
-------------------------*/

/* Main Style Sheet for jQuery UI date picker */
.ui-datepicker-div, .ui-datepicker-inline, #ui-datepicker-div {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	font-family: Verdana,Arial,sans-serif;
	background: #ffffff url(/images/datepicker/ffffff_40x100_textures_01_flat_75.png) 0 0 repeat-x;
	font-size: 1.1em;
	border: 4px solid #aaaaaa;
	width: 15.5em;
	padding: 2.5em .5em .5em .5em;
	position: relative;
}
.ui-datepicker-div, #ui-datepicker-div {
	z-index: 9999; /*must have*/
	display: none;
}
.ui-datepicker-inline {
	float: left;
	display: block;
}
.ui-datepicker-control {
	display: none;
}
.ui-datepicker-current {
	display: none;
}
.ui-datepicker-next, .ui-datepicker-prev {
	position: absolute;
	left: .5em;
	top: .5em;
	background: #e6e6e6 url(/images/datepicker/e6e6e6_40x100_textures_02_glass_75.png) 0 50% repeat-x;
}
.ui-datepicker-next {
	left: 14.6em;
}
.ui-datepicker-next:hover, .ui-datepicker-prev:hover {
	background: #dadada url(/images/datepicker/dadada_40x100_textures_02_glass_75.png) 0 50% repeat-x;
}
.ui-datepicker-next a, .ui-datepicker-prev a {
	text-indent: -999999px;
	width: 1.3em;
	height: 1.4em;
	display: block;
	font-size: 1em;
	background: url(/images/datepicker/888888_7x7_arrow_left.gif) 50% 50% no-repeat;
	border: 1px solid #d3d3d3;
	cursor: pointer;
}
.ui-datepicker-next a {
	background: url(/images/datepicker/888888_7x7_arrow_right.gif) 50% 50% no-repeat;
}
.ui-datepicker-prev a:hover {
	background: url(/images/datepicker/454545_7x7_arrow_left.gif) 50% 50% no-repeat;
}
.ui-datepicker-next a:hover {
	background: url(/images/datepicker/454545_7x7_arrow_right.gif) 50% 50% no-repeat;
}
.ui-datepicker-prev a:active {
	background: url(/images/datepicker/454545_7x7_arrow_left.gif) 50% 50% no-repeat;
}
.ui-datepicker-next a:active {
	background: url(/images/datepicker/454545_7x7_arrow_right.gif) 50% 50% no-repeat;
}
.ui-datepicker-header select {
	border: 1px solid #d3d3d3;
	color: #555555;
	background: #e6e6e6;
	font-size: 1em;
	line-height: 1.4em;
	position: absolute;
	top: .5em;
	margin: 0 !important;
}
.ui-datepicker-header option:focus, .ui-datepicker-header option:hover {
	background: #dadada;
}
.ui-datepicker-header select.ui-datepicker-new-month {
	width: 7em;
	left: 2.2em;
}
.ui-datepicker-header select.ui-datepicker-new-year {
	width: 5em;
	left: 9.4em;
}
table.ui-datepicker {
	width: 15.5em;
	text-align: right;
}
table.ui-datepicker td a {
	padding: .1em .3em .1em 0;
	display: block;
	color: #555555;
	background: #e6e6e6 url(/images/datepicker/e6e6e6_40x100_textures_02_glass_75.png) 0 50% repeat-x;
	cursor: pointer;
	border: 1px solid #ffffff;
}
table.ui-datepicker td a:hover {
	border: 1px solid #999999;
	color: #212121;
	background: #dadada url(/images/datepicker/dadada_40x100_textures_02_glass_75.png) 0 50% repeat-x;
}
table.ui-datepicker td a:active {
	border: 1px solid #aaaaaa;
	color: #212121;
	background: #ffffff url(/images/datepicker/ffffff_40x100_textures_02_glass_65.png) 0 50% repeat-x;
}
table.ui-datepicker .ui-datepicker-title-row td {
	padding: .3em 0;
	text-align: center;
	font-size: .9em;
	color: #222222;
	text-transform: uppercase;
}
table.ui-datepicker .ui-datepicker-title-row td a {
	color: #222222;
}
.ui-datepicker-cover {
	display: none;
	display/**/: block;
	position: absolute;
	z-index: -1;
	filter: mask();
	top: -4px;
	left: -4px;
	width: 193px;
	height: 200px;
}

/*-----------------------------------------------------------------
        TEXTAREA RESIZER
-----------------------------------------------------------------*/
div.grippie {
    background:#EEEEEE url(/images/grippie.png) no-repeat scroll center 2px;
    border-color:#DDDDDD;
    border-style:solid;
    border-width:0pt 1px 1px;
    cursor:s-resize;
    height:9px;
    overflow:hidden;
}
.resizable-textarea textarea {
    display:block;
    margin-bottom:0pt;
    width:95%;
}


/*cebos presupuestos*/


.presup-1b {
	width: 300px;
	float: left;
}
ul.presup-menu {
	background: #f9ecb2 url(images/yellowgradient.gif) repeat-x;
	color: #393723;
	width: 283px;
	font-family: calibri, arial, verdana, sans-serif;
	font-size: 19px;
	font-weight: bold;
	text-align:center;
	letter-spacing: -1px;
	padding: 10px;
	border: 1px solid #d7d1ae;
	margin-bottom: 25px;
}
ul.presup-menu li {
	padding: 6px 0 8px 3px;
	border-bottom: 1px solid #d7d1ae;
}
ul.presup-menu li.tel {
	background: transparent url(images/telicono.gif) no-repeat 0 6px;
	padding: 8px 0 6px 33px;
	border-bottom: 0;
}
ul.presup-menu li a {
	color: #035697;
	font-weight: normal;
	text-decoration: none;
}
ul.presup-menu li a:hover {
	color: #000;
}
.presup-1b p {
	background-color: #f9ecb2;
	color: #393723;
	width: 183px;
	font-family: calibri, arial, verdana, sans-serif;
	font-size: 21px;
	letter-spacing: -1px;
	text-align: center;
	line-height: 24px;
	padding: 16px 10px 18px;
	border: 1px solid #d7d1ae;
}
.presup-1b p span {
	display: block;
	padding-top: 12px;
}

/*------------------- listado-cupones -------------------------*/
.listado-cupones h3 {
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 10px;
}
.listado-cupones p.num-ofertas {
	color: #646464;
	margin-bottom: 22px;
}
.listado-cupones .listado-row {
	width: 100%;
	margin-bottom: 10px;
	float: left;
}
.listado-cupones .cupon {
	background: #fff url(images/whitegradient.gif) repeat-x;
	color: #393723;
	width: 330px;
	padding: 12px 15px;
	border: 1px solid #bbccdb;
	margin-right: 35px;
	float: left;
}
.listado-cupones .cupon2 {
	margin-right: 0;
}
.listado-cupones .cupon .cupimg {
	width: 71px;
	margin-right: 15px;
	float: left;
}
.listado-cupones .cupon .cupimg img {
	width: 71px;
}
.listado-cupones .cupon .cupinfo {
	width: 244px;
	float: left;
}
.listado-cupones .cupon h4 {
	font-size: 19px;
	font-weight: bold;
	margin-bottom: 0;
}
.listado-cupones .cupon p {
	margin-bottom: 8px;
}

.listado-cupones .cupon .cupinfo span {
	background: transparent url(/images/star2bg.gif) no-repeat;
	color: #393723;
	font-family: calibri, arial, verdana, sans-serif;
	font-size: 26px;
	font-weight: bold;
	letter-spacing: -1px;
	text-align: center;
	width: 78px;
	height: 35px;
	padding: 22px 0;
	margin: 0 0 6px 6px;
	float: right;
}

.listado-cupones .gift_free span {
    font-size: 12px !important;
	padding: 26px 0 !important;    
    height: 31px !important;
}

.listado-cupones .session_free span {
    font-size: 20px !important;
	padding: 26px 0 !important;    
    height: 31px !important;
}

.listado-cupones .euros span {
    font-size: 21px !important;
	padding: 26px 0 !important;    
    height: 31px !important;
}

.listado-cupones td {
    vertical-align:middle;
}

/* ------------------------ ficha-cupon ------------------------ */

.cupones h1 {
    color:#393723;
    font-family:calibri,arial,verdana,sans-serif;
    font-size:24px;
    letter-spacing:-1px;
    margin-bottom:4px;
}

.ficha-cupon {
	width: 480px;
	background: #fff url(/images/whitegradient.gif) repeat-x;
	padding: 20px 25px;
	margin-right: 23px;
	float: left;
	border: 1px solid #bbccdb;
}
.fc {
	width: 555px;
	float: left
}
.fc2 {
	background: #fff url(/images/fc2bg.jpg) no-repeat;
	padding: 20px 26px;
	border: 0;
}
.recorta {
	background: #fff url(/images/recortabg.jpg) no-repeat;
	width: 532px;
	height: 34px;
	display: block;
	float: left;
	margin-right: 23px;
}
.recorta span {
	display: none;
}
.ficha-cupon span.star.gift_free{
    font-size: 14px !important;
}

.ficha-cupon span.star.session_free{
    font-size: 22px !important;
    padding: 26px 0 !important;
}

.ficha-cupon span.star.euros{
/*
    font-size: 21px !important;
*/
}
.ficha-cupon span.star {
	background: transparent url(/images/star2bg.gif) no-repeat;
	color: #393723;
	font-family: calibri, arial, verdana, sans-serif;
	font-size: 26px;
	font-weight: bold;
	letter-spacing: -1px;
	text-align: center;
	width: 78px;
	height: 56px;
	padding: 22px 0;
	margin: 0 0 6px 6px;
	float: right;
}
.ficha-cupon h2 {
	margin-bottom: 0;
	font-weight: bold;
}
.ficha-cupon h4 {
	/*font-weight: bold;*/
}
.ficha-cupon p {
	line-height: 18px;
	margin-bottom: 15px;
}
.ficha-cupon p.fecha {
	margin-bottom: 0;
}
.ficha-cupon p.imgcentro {
	text-align: center;
}

/* ---------------------------------------------------------------
                  autocomplete
-----------------------------------------------------------------*/
.ac_results {
	padding: 0px;
	border: 1px solid #7F9DB9;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('indicator.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #0A246A;
	color: white;
}

.given_back {
	background-color: #FFCCCC;
}
.span_given_back {
	color: #333333;
	font-weight: bold;
}

/* ---------------------------------------- CyJ clases para layout 2 y 3 columnas 

------------------------------------------------------------------------------ */
.modules-container{
width:100%;
margin:0;
padding:0;
clear:both;
}

.1-col-100 {
float:left;
width:100%;
margin-left:0px;
margin-right:0px;
padding:0px;
}

.col-left-50 {
float:left;
width:49%;
margin-left:0px;
margin-right:-50%;
padding:0px;
}

.col-right-50 {
float:left;
width:49%;
margin-left:51%;
margin-right:-100%;
padding:0px;
}
.col-left {
float:left;
width:32%;
margin-left:0px;
margin-right:-32%;
padding:0px;
}
.col-center{
float:left;
width:32%;
margin-left:33%;
margin-right:-65%;
padding:0px;
}
.col-right {
float:left;
width:32%;
margin-left:66%;
margin-right:-100%;
padding:0px;
}

.column {
float:left;
width:30%;
padding:5px;
}

.align-right{
text-align:right;
}

.align-left{
text-align:left;
}

hr.gray-line{ /* CyJ sustituye el borde inferior en el h2 dentro de modulos */
color: #d5d5d5;
background-color: #d5d5d5;
height: 1px;
border:none;
width:100%;
margin:3px 0px;
clear:both;
}

.backoffice .modules-container h2 { /* CyJ quita el borde inferior en el h2 dentro de modulos */
border-width:0px !important;
}

.modules-container .pb1 {
	width: 100%;
	float: left;
}
.modules-container .p_a {
	width: 35%;
	float: left;
}

.modules-container .p_b {
	width: 65%;
	float: left;
}

.col-left .p_a, .col-center .p_a, .col-right .p_a {
	width: 45%;
	float: left;
}

.col-left .p_b, .col-center .p_b, .col-right .p_b {
	width: 55%;
	float: left;
}

.modules-container h4 {
	color: #000;
	font-family: arial, verdana, sans-serif;
	font-size: 14px;
	letter-spacing: normal;
	margin-top:25px;
	margin-bottom: 10px;
}



/*--------- Da estilo a bloque de "DATOS DE COMPRADOR BLOQUEADOS--- 

----------------------------------------------------------------- */

.blocked-data{
    background: #e6e6e6;
    margin:0px;
    padding:0px;
    float:left;
    height:90px;
}

.blocked-data p {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:14px;
color:#000;
margin-left:15px;
}

.error_buying {
    padding:5px 20px;
}

.blocked-data .error_buying h3 {
	color: #B83774;
	font-family: arial, verdana, sans-serif;
	font-size: 16px;
	font-weight:bold;
	letter-spacing: normal;
	margin-top:5px;
	margin-bottom: 10px;
}

.blocked-data .buy {
    width:192px;
    margin-left:auto;
    margin-right:auto;
    vertical-align:center;
    margin:25px 20px;
}

.buy-button {
display: block;
background-color: transparent;
background:url(../images/buy-button.png);
background-repeat: no-repeat;
color:#fff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:14px;
text-decoration:none;
text-align: center;
margin: 5px auto;
padding: 0px 0 0 0;
height:35px;
width:192px;
border:none;

}

/*.buy-button a {*/
/*}*/

.login-and-buy-button {
height:30px;
width: 190px;
border:none;
}

.login-button {
margin-top:15px;
height:90px;
}

fieldset ul, fieldset li{
border:0; margin:0px; margin-left:5px; padding:0; list-style:none;
}

fieldset li{
clear:both;
list-style:none;
padding-bottom:10px;
}

fieldset input{
float:left;
}
fieldset label{
width:130px;
font-size:12px;
font-weight:bold;
float:left;
}

input.login-and-buy-button ,  .login-button a.button{
background:url(../images/buy-button.png) left top no-repeat;
color:#fff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:14px;
display:block;
text-decoration:none;
padding:8px 25px 9px 33px;
}


.log-left {
float: left;
}

.log-right {
width: 220px; 
float: left; 
padding-top: 5px;
}

.fondo {
background:url(../images/striped-back.png) right top repeat #e6e6e6;
padding:0px;
margin:0;
height:90px;
/*width:100%*/
}

.msg_ajax_login {
font-size: 14px;
color: #ff0000;
margin-left:8px;
padding-top: 3px;
display: none;
}

/* ---------------------------  CyJ clases para paginador 

----------------------------------------------------------*/
 .pager {margin:0;padding:4px 0 0 0;font-size:11px;line-height:11px;width:400px;height:17px;}

 .pager li {display:inline;float:left; list-style:none;width:auto; margin:0;padding:0; font-family:Verdana, Arial; font-size:11px; vertical-align:top}

 	#objetos_decoracion_detalle .pager li { width:auto; margin:0;   }

 .pager a {border-width:0; background:#fff; color:#A81E7D; margin-right:2px; padding:2px 4px; text-align:center; text-decoration:none;}

 .pager a:hover, .pager a:active {background:#fff; color:#666;}

  .pager .title {color:#828282;margin:-1px 10px 0px 0px !important;float:left;background-color:#fff;padding:0;font-weight:bold; font-size:11px}

  .pager .gap {color:#999; margin:0 4px 0 0;}

  .pager .current {border-width:0; color:#828282; background:#fff;margin:-2px 0 0 0 !important; padding:2px 4px;text-align:center;text-decoration:none;float:left;font-weight:normal;}

  .pager .page {}

  .pager .prev, .pager .next {}




.img-button {
background:url(../images/buy-button.png) center top no-repeat;
color: #fff;
padding: 7px 100px;
text-decoration: none;
font-size: 16px;
}






#legalterms_text {
    padding:10px;
    height:280px;
    background-color:white;
    color:#333333;
    border: 1px solid grey;
    overflow-y:scroll;
}

#legalterms_text p {
    margin: 5px 15px;
}

#legalterms_text h2 {
    font-size: 12px;
    font-weight: normal !important;
    margin: 15px 0 !important;
    border:0;
}

#legalterms_text h3 {
    font-size: 12px;
    font-weight: normal !important;
    margin: 15px 5px !important;
    color: #333;
    border:0;
}

#legalterms_text ul {
    margin-left: 30px;
}


/********************************* questions ******************************/
.port_preguntas_h1 {
	color: #666666;
	font-size: 16px;
	font-weight: bold;
	margin-top: 18px;
	text-align: left;
}

.separacion_preguntas {
	border-top: 1px solid #CCCCCC;
	margin-top: 20px;
	padding-top: 20px;
}

.seccion_preguntas {
	display: block;
	font-size: 12px;
}

.seccion_preguntas p, .question_content p, .respuestas_comentarios p {
	font-weight: normal;
	line-height: 18px;
	margin: 5px 10px 10px 0;
}

.list_question {
	min-height: 100px;
	font-size: 13px;
	line-height: 18px;
	margin-bottom: 25px;
}

p.titular_preguntas {
	clear: both;
}

.titular_preguntas {
	margin-bottom: 10px;
}

.titular_preguntas a {
	color: #B23D71;
	font-size: 20px;
	line-height: 28px;
	text-decoration: none;
	font-weight: normal;
}

.res_com {
	clear: both;
	display: block;
}

.res_com a {
    color: #B23D71;
    text-decoration: none;
}

.comentarios {
	float: left;
	width: 200px;
	font-size: 13px;
}

.respuestas_comentarios {
	float: left;
	width: 60%;
}

.questionh1 {
    display: inline;
    font-size: 22px;
    font-weight: bold;
    margin: 5px 0;
    color: #666666;
}

.question_content {
}

.dc-1 {
    float: left;
    font-size: 12px;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 20px;
    width: 200px;
    margin-bottom: 30px;
}

.dc-1 ul {
    font-size: inherit;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    clear: both;
}

.dc-1 li {
    margin-bottom: 5px;
    color: #63AF89;
    font-weight: bold;
}

.dc-1 li.cat_tit {
    border-bottom: 1px solid;
    margin-top: 20px;
    margin-right: 20px;
    color: #666666;
}

.dc-2 {
    color: #666666;
    float: left;
    font-size: 12px;
    font-weight: normal;
    line-height: 18px;
    margin-top: 20px;
    margin-bottom: 30px;
    width: 75%;
}

.usuario {
    width: 200px;
}

.us-foto {
    height: 86px;
}

.us-info {
    float: left;
    font-size: 12px;
    color: #63AF89;
    font-weight: bold;
    margin-bottom: 15px;
}

.us-answer {
    padding-right: 10px;
    width: 200px;
}

.show_answer {
    clear: both;
    margin-bottom: 20px;
}

.env1-2 {
    clear: both;
    display: block;
    float: left;
    margin-bottom: 15px;
    margin-top: 15px;
    width: 200px;
}

.us-name {
    font-size: 14px;
    font-weight: bold;
}

.us-desc {
    color: #666666;
    display: table-caption;
    margin-top: 10px;
    width: 200px;
}

.fle {
    background-image: url(/images/fle.png);
    background-position: right top;
    background-repeat: no-repeat;
}

.fle2 {
    background-image: url(/images/fle2.png);
    background-position: right top;
    background-repeat: no-repeat;
}

.com {
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    color: #666666;
    float: left;
    font-size: 12px;
    margin-bottom: 10px;
    margin-top: 15px;
    padding: 10px;
    width: 65%;
    min-height: 40px;
}

.com p{
    font-size: 12px;
    font-weight: normal;
    line-height: 18px;
    margin-bottom: 10px;
    margin-right: 10px;
    margin-top: 5px;
}

.com-border {
    border: 1px solid #63AF89;
}

.com-border-2 {
    border: 1px solid #B23D71;
}

.link_company {
    color: #B23D71;
    text-decoration: none;
}

div.grippie {
    background: #EEEEEE url(/images/grippie.png) no-repeat scroll center 2px;
    border-color: #DDDDDD;
    border-style: solid;
    border-width: 0pt 1px 1px;
    cursor: s-resize;
    height: 8px;
    overflow: hidden;
    margin-bottom: 9px;
}

p.pending, li.pending {
    color: #990000;
    font-weight: normal;
}

div.create_question {
	height: 215px;
	font-size: 15px;
	line-height: 18px;
	display: block;
	margin-top: 50px;
	text-align: center;
}

div.create_question div {
	border: 1px solid #93B1C8;
	padding: 20px;
	width: 50%;
	margin: 0 auto;
}
/********************************* questions ******************************/