/***** VIVE NEGOCIOS - NAF - Producción *****/
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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video,dl,dt,dd {
	font-size: 100%;
	/*font-style: normal;*/
	vertical-align: baseline;
	margin: 0;
	padding: 0;
	border: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
	display: block;
}
audio, canvas, progress, video {
	display: inline-block;
	vertical-align: baseline
}
a { color:#1168b3; outline:none; text-decoration: none; }
a:visited{color:#660099;}
a:hover{text-decoration: underline;}
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
em{
	font-style: italic;
}
html{ font-size:62.5%;}
body{
	font: 10px 'Raleway', Arial, Helvetica, sans-serif;
	color: #434343;
	background-color: #333;
	min-width:318px;
}


/***** TEMPLATE *****/
#wrapper{ background:#dbf1f4 url(../imagenes/template/wrapper-footer.png) center bottom repeat-x; padding-bottom:320px;}
.center{
    width: 1180px;
    margin:0 auto;
}
.img-circle{
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-khtml-border-radius: 50%;
	border-radius: 50%;
}
.img-rounded{
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
}


/***** Header *****/
header{ background:rgba(255, 255, 255, 0.6);}
header .center {
    height: 90px;
    position: relative;
}

#logo{
	position: absolute;
	width: 180px;
	height: 60px;
	top: 16px;
	left: 0;
}
#logo h1{
	width: 180px;
	height: 60px;
	background: url(/imagenes/template/logo.png) left top no-repeat;
	margin: 0;
	font-size: 0.5em;
	text-indent: -9999px;
}
#logo img{
	width:100%;
	height:auto;
	vertical-align:top;
}
.group-btn{ position:absolute; top:10px; right:0;}
.group-btn .btn-re{
	color: #FFF;
}
.group-btn li{
	font-size: 1.4em;
	font-size: 1.4rem;
	display:inline-block;
	margin:0 0 0 5px;
}
.group-btn .btn{
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	display:table;
	padding: 8px 15px;
	margin-top:23px;
}
.group-btn .btn:hover{
	text-decoration: none;
}
.group-btn .btn-login, .group-btn .btn-login:visited{
	color: #FFF;
	background-color: #1168b3;
	border:1px solid #1168b3;
}
.group-btn .btn-login:hover{
	background-color: #0d518f;
}
.group-btn .btn-registro, .group-btn .btn-registro:visited{
	color: #535353;
	border:1px solid #535353;
}
.group-btn .btn-registro:hover{
	color: #FFFFFF;
	background-color: #535353;
}
.login{
	background-color: #1168b3;
	width:220px;
	margin-top:8px;
}
.group-btn .login li{
	font-size: 14px;
	display:block;
	margin:0;
	position:relative;
}
.group-btn .login li img{ width:50px; height:50px; margin-right:10px;}
.group-btn .login li img, .group-btn .login li span{
	display: table-cell;
	vertical-align: middle;
	/*min-width:100%;*/
}
.group-btn .login li a{
	background: url(../imagenes/template/desplegable-menu.png) right center no-repeat;
	color: #FFF;
	display: block;
	padding: 9px 25px 9px 15px;
}
.group-btn .login li a:hover{
	text-decoration: none;
}
.login ul{
	background-color: #1168b3;
	display: none;
	position:absolute;
	top:68px;
	left:0;
	z-index:10;
}
.login li:hover ul{
	display: block;
	width:100%;
}
.group-btn .login li li{
	display: block;
	margin: 0;
	border-top:1px solid #1c598a;
}
.group-btn .login li li a{
	background: none;
	padding: 6px 15px;
	display: block;
}
.group-btn .login li li a:hover{
	background-color: #1f557f;
}


footer{
	background-color:#5982a9;
	padding: 20px 0;
}
footer .center{ overflow:hidden;}
footer .contenido-empresa{
	width:62%;
	float:left;
}
footer h6{
	color:#fff;
	font-size:1.5em;
	font-size:1.5rem;
	font-weight:400;
}
footer .menu-footer{
	text-align: right;
	float:right;
}
footer .menu-footer .list-inline li{ color:#FFF; vertical-align:middle;}
#aeurus{ padding:8px 10px; text-align:right;}
#aeurus img{ vertical-align:top;}
#navigation{ font-size:1.3em; background:rgba(255, 255, 255, 0.3); padding:12px 0; margin-bottom:40px;}

/***** Sub-menu *****/
/*#sub-menu{
	height:60px;
}
#sub-menu li{
	font-size:1.4em;
	line-height:38px;
	text-align:center;
	display: inline;
	float: left;
	margin:0;
	padding-right:4px;
}
#sub-menu li a,#sub-menu li a:visited{
	background-color: #d5d5d5;
	height: 38px;
	width: 129px;
	display:block;
	color: #142160;
	text-decoration: none;
	border-left:1px solid #ebebeb;
	border-right:1px solid #ebebeb;
}
#sub-menu li a:hover{
	background-color: #2d5eb0;
	color:#FFFFFF;
	border-left:1px solid #9cb3da;
	border-right:1px solid #9cb3da;
}*/
/***** FIN TEMPLATE *****/


/***** CONTENIDO ****/
#contenido{ padding-bottom:40px;}
.clear{ clear:both;}
.block{ padding:30px 20px 40px; }
.list-inline li{ display:inline-block; padding-right:10px;}
.relative{	position: relative;}
.text-vermas{ padding:0; margin:0;}
.bbt{
	background-color:#FFF;
	border:1px solid #dbdbdb;
	padding:20px;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
}


/***** INICIO ****/
.background-sponsonrs{ background-color: #FFF;}
.background-negocios{ background-color:#7fa9c1;}
.block h1{
	color:#6c6c6c;
	font-size: 4.4em;
	font-size: 4.4rem;
	display: inline-block;
	position: relative;
	padding-bottom:8px;
	margin-bottom:40px;
}
.background-sponsonrs h1, .background-socios h1{
	background: url(/imagenes/portada/sub-gris.gif) bottom center no-repeat;
}
.background-negocios h1{
	color:#FFF;
	background: url(/imagenes/portada/sub-blanco.gif) bottom center no-repeat;
}
.background-negocios a{ color:#FFF;}
.block h1 span.nota{
	position: absolute;
	top:0;
	right:-36px;
}
.block h1 span.nota img{ cursor:pointer;}
.toogle-nota{
	font-size: 1.2em;
	font-size: 1.2rem;
	color: #FFF;
	line-height:16px;
	background:rgba(101, 101, 101, 0.82);
	text-align:left;
	width:350px;
	padding:20px;
	position: absolute;
	top: -20px;
	left:50px;
	z-index:2;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-khtml-border-radius: 6px;
	border-radius: 6px;
}
.indicador{
	background: url(../imagenes/portada/indicador.png) 0 center no-repeat;
	height: 100%;
	width: 12px;
	position: absolute;
	top:0;
	left: -12px;
}
/***** FIN INICIO ****/


/***** LISTADOS *****/
.listado{
	padding: 0 0 30px;
	vertical-align:top;
	display:inline-block;
	width:50%;
}
.listado img{
	float: left;
	border:1px solid #c5d8db;
}
.listado .resumen{
	margin-left:246px;
	min-height:160px;
	padding-right:40px;
}
.listado .resumen h3{ padding:0; margin-bottom:10px;}
.listado .resumen p{ margin:0;}
.listado .resumen .text-fecha{ margin-bottom:5px;}
.relative h1{ margin-bottom:40px;}
#filtrar {
	position:absolute;
	top:0;
	right:0;
}
#filtrar form { text-align: right;}
#filtrar fieldset {
    display: inline-block;
    line-height: 35px;
    margin-left: 6px;
    position: relative;
    text-align: left;
    vertical-align: top;
}
#filtrar .btn-primary{ min-height:32px; padding:5px 20px;}

.block.clear{ padding:30px 0;}
#grid5, .grid3{ font-size:0; margin:0 -1% 40px;}
#grid5 .grid{ width:20%; display:inline-block; padding:0 1% 15px;}
#grid5 .grid img{ width:100%; height:auto; border:1px solid #cacaca;}
.background2 .listado{ padding:0;}
.grid3 .grid{ width:33.3%; display:inline-block; padding:0 1% 15px;}
.grid3 .grid img{ max-width:100%; height:auto;}


/*** LISTADO SOCIOS**/
#listado-overlay{ font-size:0; margin:0 -2%;}
#listado-overlay figure{ vertical-align:top; display:inline-block; width:21%; margin:0 2% 35px; position:relative; border: 1px solid #74a8d3;}
#listado-overlay figure img{ width:100%; height:auto; vertical-align:top;}
#listado-overlay figure .overlay{
	display:none;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background:rgba(27, 111, 182, 0.6);
	z-index:2;
	padding:20px;
}
#listado-overlay figure:hover .overlay{
	display: table;
	-webkit-transition: all 180ms ease-in-out;
	-moz-transition: all 180ms ease-in-out;
	-ms-transition: all 180ms ease-in-out;
	-o-transition: all 180ms ease-in-out;
	transition: all 180ms ease-in-out;
}
#listado-overlay figure h3, #listado-overlay figure p{ color:#FFF; margin: 5px 0; padding:0;}
#listado-overlay figure h3{ font-size: 16px; margin:10px 0;}
#listado-overlay figure p{ font-size: 13px;}
#listado-overlay figure .center-overlay{  display:table-cell; vertical-align:middle; width:100%; height:100%;}
.margin-negativo{margin:-2px; position:relative; display:inline-block;}


/*** PAGINACION**/
#paginacion{
    padding:10px 0 0 0;
    text-align:center;
}
.pagination {
	display: inline-block;
	padding-left: 0;
	margin: 15px 0;
	border-radius: 4px
}
.pagination>li {
	display: inline;
}
.pagination>li>a, .pagination>li>span {
	color: #535353;
	position: relative;
	float: left;
	padding: 6px 12px;
	margin-left: -1px;
	line-height: 1.428571429;
	text-decoration: none;
	/*background-color: #fff;*/
	border: 1px solid #55666f;
	margin:0 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;

}
.pagination>li:first-child>a, .pagination>li:first-child>span {
	margin-left: 0;
	/*border-bottom-left-radius: 4px;
	border-top-left-radius: 4px*/
}
.pagination>li:last-child>a, .pagination>li:last-child>span {
	/*border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;*/
	color:#FFF;
	background-color: #1168b3;
	border-color: #1168b3
}
.pagination>li>a:hover, /*.pagination>li>span:hover,*/ .pagination>li>a:focus, .pagination>li>span:focus {
	color: #535353;
	background-color: #ceeaef;
}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
	z-index: 2;
	color: #fff;
	cursor: default;
	background-color: #1168b3;
	border-color: #1168b3
}
.pagination>.disabled>span, .pagination>.disabled>span:hover, .pagination>.disabled>span:focus, .pagination>.disabled>a, .pagination>.disabled>a:hover, .pagination>.disabled>a:focus {
	color: #999;
	cursor: not-allowed;
	background-color: #adcde3;
	border-color: #ddd
}


/***** FORMULARIO *****/
label,input,textarea, select{
	font-family: 'Raleway', Arial, Helvetica, sans-serif;
	color: #434343;
	font-size:1.3em;
	font-size:1.3rem;
}

legend{
	font-size:2.1em;
	font-size:2.1rem;
}
input[type="text"],input[type="email"], input[type="password"],input[type="number"], textarea, select {
	width:100%;
	padding: 0 10px;
	background-color: #f1f9fb;
	border:1px solid #f1f9fb;
	margin-bottom:20px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
}
input[type="text"],input[type="email"], input[type="password"], select {
	line-height:32px;
	height:32px;
	padding: 0 10px;
}
input[type="text"].datepickerfix{
	background: #e1f2ff url(../imagenes/sitio/calendario.png) 90% center no-repeat;
}
textarea {
	padding: 7px 10px;
	resize: none;
	moz-resize: none;
	-webkit-resize: none;
}
input::-webkit-input-placeholder {
    /* Google Chrome y Safari */
    color: #323232;
}
input:-moz-placeholder {
    /* Firefox anterior a 19 */
    color: #323232;
}
input::-moz-placeholder {
    /* Firefox 19 y superior */
    color: #323232;
}
input:-ms-input-placeholder {
    /* Internet Explorer 10 y superior */
    color: #323232;
}
.btn-primary, .btn-primary:visited,.btn-primary.lg, .btn-primary.lg:visited, .btn-primary.sm, .btn-primary.sm:visited,
.btn-success, .btn-success:visited,.btn-success.sm, .btn-success.sm:visited{
	font-size: 1.4em;
	font-size: 1.4rem;
	font-weight: 300;
	color: #FFFFFF;
	line-height:18px;
	background-color: #1168b3;
	text-align:center;
	display: inline-block;
	/*min-height:34px;*/
	margin: 0 0 30px;
	padding: 6px 20px;
	border: 1px solid #1168b3;
	cursor: pointer;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
}
.btn-primary:hover,.btn-primary.sm:hover{
	background-color: #1f557f;
	text-decoration: none;
}
.btn-primary.sm, .btn-primary.sm:visited,.btn-success.sm, .btn-success.sm:visited{
	font-size: 1.4em;
	font-size: 1.4rem;
	font-weight: 300;
	padding: 5px 15px;
}
.btn-primary.lg, .btn-primary.lg:visited{ padding: 20px 40px;}
.btn-group .btn-primary{ margin:0 10px 10px;}

.btn-success, .btn-success:visited,.btn-success.sm, .btn-success.sm:visited{
	background-color: #739523;
	border: 1px solid #739523;
}
.btn-success:hover,.btn-success.sm:hover{
	background-color: #59741b;
	text-decoration: none;
}


/***** REGISTRO *****/
#block-inline{
	font-size: 0px;
	display: table;
	width: 100%;
	padding-bottom:30px;
}
#block-inline .block-inline{ display:table-cell; width:33%; vertical-align:top;}
#block-inline .box-td{ display:table-cell; padding-right:20px; min-width:150px; vertical-align:middle;}
.btnr.btn-primary{ margin:0;}
#recomendar-empresa{
	background-color: #dbf1f4;
	text-align:left;
	width: 445px;
	position: absolute;
	top: 25px;
	left: -30px;
	text-align: left;
	border: 1px solid rgba(115, 161, 206, 0.4);
	padding:10px 15px;
}

.cerrar-box{
	font-size: 16px;
	font-weight: bold;
	color: #1168b3;
	cursor:pointer;
}

#recomendar-empresa h2{ font-size:24px;}
#avance-formulario{
	background-color: #a4c2db;
	width: 160px;
}
#avance-formulario .porcentaje{
	background-color: #566775;
	height: 26px;
}
#block-inline .block-inline .list-inline li{ vertical-align:middle;}


.formulario, .form-label { font-size:0;}
.formulario fieldset, .form-label fieldset{ display:inline-block; width:45%; vertical-align:top; padding-bottom:40px;}
.formulario fieldset.last, .form-label fieldset.last { padding-left:10%; width:55%;}
.formulario .block.text-center, .form-label .block.text-center{ width:100%; padding:10px 0 1px; border-top:1px solid #FFF; border-bottom:1px solid #FFF;}
.formulario .block.text-center label, .form-label .block.text-center label{ line-height:20px; width:auto;}
.formulario label, .form-label label{ line-height:36px; vertical-align:top; display: inline-block; width:160px; padding-right:10px; text-align:right;}
.formulario .input, .formulario .form-select, .formulario textarea/*, .formulario .NFI-wrapper*/{ width:320px;}

.form-select{ position:relative; display:inline-block; margin-bottom:20px;}

.toogle-pointer{ position:absolute; top:0; right:-34px;}
.toogle-pointer .toogle-nota{ background-color:#5797c9; display:none; position:absolute; width:280px; top:40px; right:-17px; left:auto;}
.toogle-pointer .toogle-nota .indicador{
	background: url(../imagenes/sitio/indicador-top.png) 98% 0 no-repeat;
	width: 100%;
	height: 12px;
	top:-12px;
}
.terminos{
	background-color: #f1f9fb;
	width:420px;
	padding:15px 20px;
	margin:40px auto 20px;
}


/*** INICIAR SESION**/
.background1,.background2{ padding:30px;}
.background1{ background:rgba(115, 161, 206, 0.45);}
.background2{ background:rgba(255, 255, 255, 0.7); margin-left:-3%;}
.formulario #iniciar-sesion label{ display:none; }
.formulario #iniciar-sesion .input{ width:238px;}
.formulario fieldset#iniciar-sesion, .formulario fieldset.last.editable{ padding-bottom:0;}


/***** Archivo Adjunto *****/
.nice .NFI-button {
    color: #fff;
    font-size: 0.5em;
	text-indent:-9999px;
    line-height: 32px;
	background:#f1f9fb url(../imagenes/sitio/adjuntar.png) center center no-repeat;
	width:12%;
    height: 32px;
    transition: all 200ms ease 0s;
	-webkit-border-radius: 0 3px 3px 0;
	-moz-border-radius: 0 3px 3px 0;
	-ms-border-radius: 0 3px 3px 0;
	-khtml-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0;
}
.nice .NFI-button:hover { background-color:#9dc4e6;}
.nice .NFI-filename {
	color:#555;
    font-size: 13px;
    line-height: 32px;
    height: 32px;
    background-color: #f1f9fb;
    padding: 0 16px;
    width: 88%;
    border: 1px solid #f1f9fb;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
	-webkit-border-radius: 3px 0 0 3px;
	-moz-border-radius: 3px 0 0 3px;
	-ms-border-radius: 3px 0 0 3px;
	-khtml-border-radius: 3px 0 0 3px;
	border-radius: 3px 0 0 3px;
}
.file-zone{ margin-top:15px;}
.file-zone img{
  max-width: 100%;
  max-height: 100%;
  display: block;
  margin: 0 auto;
}
/***** Fin de Archivo *****/
/**** CONTACTO ****/
.content-iframe iframe{ width:100%; height:430px; vertical-align:top;}
#contenido-adicional{ position: relative; padding: 50px 0 30px;}
#contenido-adicional ul{ overflow:hidden;}
#contenido-adicional li{ float:left; margin:0 40px 0 0; border-right:1px solid #f4f4f4; padding-right:30px;}
#contenido-adicional li:last-child {  margin:0; border-right: none; padding-right:0;}
#contenido-adicional img{ vertical-align:middle; margin-right:8px;}
/**** FIN CONTACTO ****/


/***** Preguntas Frecuentes *****/
#preguntas-frecuentes, #mis-negocios{ padding:10px 0;}
#preguntas-frecuentes dt, #mis-negocios dt{
	color: #0a0b0b;
	font-size: 1.8em;
	font-size: 1.8rem;
	padding: 20px 4px 1px;
	margin:0;
}
#preguntas-frecuentes dd, #mis-negocios dd{  padding:15px 4px 20px; margin:0; border-bottom:1px solid #FFF;}


/***** Quienes somos *****/
.coll-editable{
	width:60%;
	float:left;
}
.coll-foto{ width:36%; float:right;}
.coll-foto img{ width:100%; height:auto; border:1px solid #cacaca;}
.tab_content .listado{ width:50%; vertical-align:top; display:inline-block;}
.tab_content .listado .resumen{
	margin-left:170px;
	min-height:110px;
	padding-right:30px;
}
.tab_content .listado .resumen h3{
	font-size: 2.4em;
	font-size: 2.4rem;
	padding-top:5px;
}


/***** Como funciona *****/
.como-finciona{
	font-size: 0px;
}
.como-finciona .grid2{
	vertical-align:top;
	text-align:center;
	display: inline-block;
	width: 50%;
	padding:20px 0 40px;
}
.como-finciona figure{ padding:10px;}
.como-finciona figcaption{
	font-size: 16px;
	padding:10px;
}
.como-finciona figcaption .num{
	color: #FFF;
	font-size: 22px;
	line-height:26px;
	font-weight:bold;
	display:block;
	background-color:#000;
	width:30px;
	height:30px;
	margin:10px auto 0;
}
.como-finciona figure img{ vertical-align:top; border-radius:10px; max-width:100%; height:auto; margin-bottom:10px;}


/***** Editar datos ****/
.grid-0{ font-size:0;}
.coll-grid1, .coll-grid1 dt, .coll-grid1 dd{ width:48%; display:inline-block; vertical-align:top;}
.coll-grid1.last{ width:52%; padding-left:4%;}
.coll-grid1 dl{
	font-size: 0px;
	width:100%;
	display:block;
}
.coll-grid1 dt{ width: 35%; text-align:right; padding-right:15px;}
.coll-grid1 dd{
	font-weight: bold;
	width: 65%;
}
.coll-grid1 dt, .coll-grid1 dd{ margin-bottom:15px;}
.adjuntar-logotipo{
	text-align: center;
	width: 220px;
}
.adjuntar-logotipo img{
	width: 100%;
	height: auto;
}
.background-btn-primary{
	background:rgba(115, 161, 206, 0.4);
	padding:20px 0;
}
.background-btn-primary .btn-primary, .background-btn-primary li{ margin-bottom:0;}
.coll70, .coll30{
	vertical-align: middle;
	display: inline-block;
}
#mis-negocios dd .coll70, #mis-negocios dd .coll30{
	display: table-cell;
}
.coll70{ width: 70%;}
.coll30{
	width: 30%;
	padding-left:4%;
}
h1 .btn-primary{ vertical-align:top; margin:4px 0 0 10px;}

.background-color2 {
    background-color: #f1f9fb;
    margin: 0 0 40px;
    padding: 30px 30px 10px;
}
.table-cell{
	width: 100%;
	padding:20px 0;
}
.table-cell li{
	display: table-cell;
	padding:0 20px;
}
.list-style li{
	background: url(../imagenes/sitio/vineta.png) 5px 5px no-repeat;
	padding-left:20px;
}
.form-label label{ width: 200px;}
.form-label .input, .form-label .form-select, .form-label textarea/*, .formulario .NFI-wrapper*/{ width:280px;}
#grid5 .grid input.img-rounded{ width:100%; border:1px solid #cacaca;}
.form-label .background-btn-primary li{ margin-bottom:10px;}
.text-date{
	font-size: 1.2em;
	font-size: 1.2rem;
	color: #707070;
	display: inline-block;
	padding-bottom: 6px;
	text-transform: uppercase;
}
#filtrar.indicador-interno{ top: 14px;}
#block-inline .block-inline.first{ width:70%;}
.editable.middle td, .editable table tr.middle th{ vertical-align:middle;}
.white-space{ white-space:nowrap;}
.editable .btn-primary{ margin-bottom:0;}
.form-motivo{
	width: 300px;
	margin-left:auto;
	padding:10px 0 40px;
}
.coll60{
	width: 60%;
}
.coll60, .coll40{
	display:inline-block;
	vertical-align:top;
}

/*.coll60{ width: 60%;}*/
.coll40{
	width: 40%;
	padding-left:4%;
	float: right;
}
.background-40{ background:rgba(255, 255, 255, 0.4); padding:10px; position:relative;}
#mis-negocios .coll-grid1 dt{
	font-size: 1.3em;
	font-size: 1.3rem;
	padding:0 12px 0 0;
	margin-bottom:15px;
}
#mis-negocios .coll-grid1 dd{ border-bottom:none; padding:0; margin-bottom:15px;}

.coll-grid1.vista dt{ width:36%;}
.coll-grid1.vista dd{ width:54%;}
.maps iframe{ width:100%;}
.maps { border:9px solid #bbdbea;}
.youtube-iframe iframe{ width:100%;}


/**** TEXTOS ****/
h1,h2, h3, h4, h6, .text-h2, .text-18{
	color: #0a0b0b;
	font-weight: normal;
	margin-bottom: 15px;
}
h1, .text-h1{
	font-size: 3em;
	font-size: 3rem;
	margin-bottom:25px;
}
h2{
	font-size: 2.4em;
	font-size: 2.4rem;
}
h3{ padding-top:4px;}
h3, .text-18{
	font-size: 1.8em;
	font-size: 1.8rem;
}
h4, li, p, th, td, dt, dd{
	font-size: 11pt;
	font-size: 1.5rem;
	color: #434343;
	line-height: 18px;
}
p{	margin-bottom:20px;}
ul{	list-style: none;}
li{
	/*margin-bottom:15px;*/
}

table{
	margin: 0;
	border: 0;
	border-collapse: collapse;
}
.right{
	display: block;
	float: right;
}
.borrar{clear: both;}

.recuadro-info .text-fecha{ padding-top: 5px;}
.text-11{ font-size:1.1em; padding-top:5px;}
.text-13{ font-size:1.3em; font-size:1.3rem;}
.text-14{ font-size:1.4em; font-size:1.4rem;}
.text-14{ font-size:1.4em; font-size:1.4rem;}
.text-20 p{ font-size:2em; font-size:2rem; line-height:normal; }
.text-right, .editable .text-right{ text-align:right;}
.text-center,.editable .text-center{ text-align:center;}


/* 	CONTENIDO EDITABLE */
.editable img{ border:1px solid #cacaca; margin-bottom:4px;}
.editable ul {
	list-style-image: url(/imagenes/sitio/vineta.png);
	margin: 0 0 10px 30px;
}
.editable ul ol{
	list-style-image: none;
	list-style-type: decimal;
}
.editable ol {
	margin: 10px 0 10px 20px;
}
.editable ol ul,.editable ul ol {
	margin: 10px 5px 10px 30px;
}
.editable li, .editable p {
	line-height: 20px;
}
.editable table {
	width: 100%;
	margin: 0 0 20px 0;
}
.editable .noticia-right ul{
	list-style-image: none;
	list-style-type: none;
}
.tr-color{ background-color:#eeeeee;}
.editable table caption{
	font-size: 3em;
	font-size: 3rem;
	color:#0a0b0b;
	padding: 10px 20px;
	text-align: left;
}
.editable table th {
	padding: 10px 20px;
	font-size: 15px;
	font-weight: bold;
	border-bottom: 2px solid #fafdfe;
}
.editable table th, .editable table td {
	text-align: left;
	vertical-align:top;
	line-height:17px;
}
.editable table td {
	padding: 8px 20px;
	border-bottom: 1px solid #fafdfe;
}
.white-space{ white-space:nowrap;}
/*.editable table tr:last-child td{ border-bottom:none;}*/
.editable table tr:hover td { background: #fdf3e5;}
.editable table td a:visited { color: #660099;}
.editable td p,.editable li p{ font-size:13px;}
.editable td img{ border:none; padding:0;}
.th-coll{ width:180px;}
.destaca-empresa{ width:660px; margin:0 auto 60px;}
.destaca-empresa.editable h3, .destaca-empresa.editable img{ margin-bottom:20px;}
.table-responsive{}

.dibox{
	display:block;
	position:relative;
}
.ec-stars-wrapper {
	
	font-size: 0;
	margin-bottom:10px;
	
	display:block;
	text-align:center;
}
.ec-stars-wrapper a {
	text-decoration: none;
	display: inline-block;
	font-size: 32px;
	font-size: 2.5rem;	
	color: #888;
}
.ec-stars-wrapper:hover a { color:#e0c900;}
.ec-stars-wrapper > a:hover ~ a { color: #888;}
.star-fijas {
	font-size: 0;
	margin-bottom:10px;
	display:block;
}
.text-left-i{ text-align:left !important; margin-bottom:0 !important;   } 
.star-fijas a {
	text-decoration: none;
	display: inline-block;
	font-size: 32px;
	font-size: 2.5rem;	
	color: #e0c900;
}

.star-fijas span {
	text-decoration: none;
	display: inline-block;
	font-size: 32px;
	font-size: 2.5rem;
	line-height:19px;	
	color: #e0c900;
}
.spinfi{
	    font-size: 18px;
    display: inline-block;
    margin-right: 10px;
}

#iniciar-sesion img, #iniciar-sesion h1, #iniciar-sesion h3{
	animation-name: bounceIn;
  animation-duration: 450ms;
  animation-timing-function: linear;
  animation-fill-mode: forwards;
}

@keyframes bounceIn{
  0%{
    opacity: 0;
    transform: scale(0.3) translate3d(0,0,0);
  }
  50%{
    opacity: 0.9;
    transform: scale(1.1);
  }
  80%{
    opacity: 1;
    transform: scale(0.89);
  }
  100%{
    opacity: 1;
    transform: scale(1) translate3d(0,0,0);
  }
}

.cajas {
	width: 50%;
	float: left;
	text-align: center;
}
.cajas img {
	display: block;
	margin: 0 auto;
}

.item{
    display: inline-block;
    width: 21%;
    margin: 0 2% 35px;
    position: relative;
}
.item img{ width:100%; height:auto;}
.item .overlay{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 20px;
    background: rgba(27, 111, 182, 0.6);
	opacity: 0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	cursor: pointer;
	overflow: hidden;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
}
.item .overlay:hover{
	opacity: 1;
}
.overlay p, .overlay h3 a{
	color: #fff;
	text-align: left;
}
.overlay p{
	margin-bottom: 0;
	text-align: left;
}
.slick-slide h3{
	padding: 0 !important;
	text-align: left;
}

.pagination {
	display: block;
    margin: 0 auto;
    width: 320px;
}

.pagination a {
    color: black;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
    transition: background-color .3s;
    font-size: 14px;
}

.pagination a.active {
    background-color: #1168b3;
	color: white;
}

.pagination a:hover:not(.active) {background-color: #70b4df;}









/********** RESPONSIVE **********/

@media screen and (max-width: 1180px) {
.center {width: 960px;}
.formulario .input, .formulario .form-select, .formulario textarea {
    width: 260px;
}
.toogle-pointer .toogle-nota{ right:-16px;}
#block-inline .block-inline .btn-primary{ margin-bottom:0;}
.table-responsive{ overflow-x:scroll; margin-bottom:20px;}
.editable .table-responsive table{ min-width:600px; margin-bottom:0;}
.table-responsive thead th{ white-space:nowrap;}
.coll60, .coll40{ width:50%;}
#filtrar{ position:relative;}
#filtrar fieldset{ position:relative; display:block; width:100% !important; margin:5px 0;}
#filtrar fieldset select{ margin:0;}
#filtrar .btn-primary{ width:150px; display:block; margin:0 auto 10px;}
}

@media screen and (max-width: 1044px) {
.toogle-nota{
	width: 300px;
	top: 56px;
	left:-136px;
}
.indicador {
    background: url(../imagenes/portada/indicador-top.png) center 0 no-repeat;
    width: 100%;
    height: 12px;
    position: absolute;
    top: -12px;
    left: 0;
}
.toogle-pointer .toogle-nota{ right:-4px;}
}

@media (min-width: 768px) and (max-width: 959px) {
.center { width: 724px;}

.item{ width: 29.3%;}
}

@media screen and (max-width: 959px) {
	.group-btn .btn{
	margin-top:41px;
}
.group-btn{ top:8px; width:300px;}
.group-btn .login li span {
    padding-left: 0;
}

.toogle-nota{ width:300px;}
.formulario fieldset{ width: 48%;}
.formulario fieldset.last { width: 52%; padding-left: 5%;}
.coll-editable { width: 54%;}
.coll-foto { width: 42%;}
.listado{ width:100%;}
.listado .resumen{ padding-right:0;}
.background2 .listado{ padding-bottom:30px;}
.background2 .listado:last-child{ padding-bottom:0;}

.formulario .input, .formulario .form-select, .formulario textarea, .formulario label{ width:91%;}
.formulario label{ text-align:left;}

.coll-grid1 dt{ width:40%;}
.coll-grid1 dd{ width:60%;}

.coll40{ padding:20px 0;}
.coll60, .coll40{ width:100%; }
.coll60 .coll-grid1.last{ width:100%; padding-bottom:40px;}
}

@media (max-width: 767px) {
#wrapper{ padding-bottom:200px;}
.center { width: 660px;}
.coll-grid1,.coll-grid1.last{ display:block; width:100%;}
.coll-grid1 dt{ width:30%;}
.coll-grid1 dd{ width:70%;}

.coll60, .coll40{ padding:10px 0;}
.coll60, .coll40{ width:100%;}
.item{ width: 46%;}
/*.coll-grid1.vista dt{ text-align:left;}*/
}

@media screen and (max-width: 691px) {
footer .center{ height:auto;}
footer .contenido-empresa{ width:auto; float:none;}
footer .menu-footer{
	text-align: center;
	padding:26px 0 4px;
	float: none;
}
#recomendar-empresa{	
	left: -230px;	
}
.text-20 p{ font-size:1.8em; font-size:1.8rem; }
}

@media (max-width: 680px) {
.center { width:450px;}
.block h1{ font-size:4em; font-size:4rem;}
header .center {height: auto;}
#logo{
	padding-top: 20px;
    margin: 0 auto;
	position:static;
	box-sizing:content-box;
	padding-bottom:20px;
}

.login{ margin-top:0; text-align: left;}
.group-btn .login li span{ padding-right:0 !important;}
.group-btn .login li img{ display:none;}
.group-btn .btn{ margin-top:1px;}
.login ul{ top:34px;}

.login{ width:85%;}
.group-btn{ position:static; width:auto; text-align:center; padding-bottom:10px;}
#nav-toggle{ top:101px !important;}
.formulario fieldset,.formulario fieldset.last, .tab_content .listado{ width: 100%;}
.formulario fieldset.last { padding: 0;}
.background2{ margin-left:0;}
.formulario fieldset#iniciar-sesion { padding-bottom: 20px;}
.tab_content .listado .resumen{ margin-left:110px; padding-right:0;}
.tab_content .listado .resumen h3{ padding-top:0;}

#filtrar{ position:relative; margin-top:-30px;}
.coll-editable,.coll-foto { width: 100%; float: none;}
#grid5 .grid { width: 20%;}
.terminos{ width:100%;}
#block-inline .block-inline, .grid3 .grid{ width:50%;}
#block-inline .block-inline.web{ display:none;}

h2.separacion-m{ padding-top:40px;}
#grid5 .grid { width: 33.3%;}
.editable table td{ padding:8px 6px;}
.editable table th{ padding:10px 6px;}
.th-coll{ width:100px;}
.th-coll .btn-primary.sm{
	font-size: 1.3em;
	font-size: 1.3rem;
}
.editable table caption{
	font-size: 2.4em;
	font-size: 2.4rem;
	padding:5px 6px;
}
.coll-grid1 dt{ margin-bottom:4px;}
.coll-grid1 dt, .coll-grid1 dd{ text-align:left; display:block; width: 100%;}

#block-inline .block-inline{ width:100%; display:block;}
#block-inline .block-inline.text-right{ text-align:left;}
.block-inline.block-btn-primary .list-inline li, .list-inline.block-btn-primary li{ width:50%;}
.list-inline.block-btn-primary{ font-size:0;}
.list-inline.block-btn-primary li{ vertical-align:middle;}
.destaca-empresa{ width:auto;}
#contenido-adicional li{ float:none; margin-bottom:10px;}
.cajas {width: 100%; float:none; margin-bottom: 40px;}

}

@media (max-width: 550px) {
.toogle-nota {
    width: 200px;
	padding:15px;
	left:-86px;
}

.tab_content .listado img{ width:80px; height:auto;}
.tab_content .listado .resumen{ margin-left:100px;}

.listado img{ width:180px; height:auto;}
.listado .resumen { margin-left: 200px;	min-height: 130px;}
}
@media screen and (max-width: 500px) {
	#recomendar-empresa{	
		left: -230px;
		width:325px;	
	}
}
@media screen and (max-width: 460px) {
#wrapper { padding-bottom: 100px;}
.center { width:350px;}
.group-btn .btn{ padding:6px 10px;}
.toogle-nota{ left:-150px;}
.indicador{ background-position:86% 0;}
.block h1 { font-size: 3.3rem;}
#grid5 .grid { width: 33.3%;}

#block-inline { padding-bottom: 20px;}
#block-inline .block-inline{ width:100%; display:block;}
.block-inline.text-right{ text-align:left;}
.block-inline.text-right li{ margin-bottom:0;}

.text-h1 {
    font-size: 2.6em;
    font-size: 2.6rem;
}
.h1 .btn-primary{ margin-left:0;}

#block-inline .box-td{ display:block;}
#block-inline .box-td img{ max-width:100%; display:block; margin:0 auto 15px; border:1px solid #dbdbdb;}
#recomendar-empresa{ left:0;}
.como-finciona .grid2{ width:100%;}

.text-20 p{ font-size:1.6em; font-size:1.6rem; }
.item{ width: 100%;}
}

@media screen and (max-width: 400px) {
.center { width:340px;}
.listado img{ width:100px;}
.listado .resumen {
    margin-left: 115px;
    min-height: 60px;
}
#mis-negocios dd .coll70, #mis-negocios dd .coll30{ display:block;}
.coll70, .coll30{
	width: 100%;
	padding:0;
}
.coll30.text-center{
	padding-top: 10px;
	text-align: left;
}
.coll40 .block-inline.text-right li{ font-size:13px;}
.block h1 { font-size: 3rem;}
}

@media screen and (max-width: 359px) {
.center { width:310px;}
.block h1 { font-size: 2.4rem;}
#logo{ top:22px;}
#logo, #logo h1 { width: 150px; background-size:contain;}

.background1, .background2 { padding: 20px;}
}



/*
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically. */
@media only screen and (max-width: 660px)  {
td .star-fijas{ margin-bottom:0;}
/* Force table to not be like tables anymore */
.table-responsive.editable  table, .table-responsive.editable thead, .table-responsive.editable tbody, .table-responsive.editable th, .table-responsive.editable td, .table-responsive.editable tr {
	display: block;
}
.table-responsive.editable  table{ border-top:none;}

.editable table caption{
	display: block;
    width: 100%;
    padding: 2px 6px 10px;
}

/* Hide table headers (but not display: none;, for accessibility) */
.table-responsive.editable thead tr {
	position: absolute;
	top: -9999px;
	left: -9999px;
}
.table-responsive.editable tr { border: 1px solid #ccc; }
.table-responsive.editable td {
	/* Behave  like a "row" */
	border: none;
	border-bottom: 1px solid #ccc;
	position: relative;
	padding: 8px 5px 8px 41%;
	/*background:url(../imagenes/sitio/background-table.gif) center 0 repeat-y;*/
}
.table-responsive.editable tr:nth-of-type(odd) { background:rgba(115, 161, 206, 0.2);	}
.editable table tr:hover td { background-color: transparent;}
.table-responsive.editable td:before {
	font-weight:600;
	/* Now like a table header */
	position: absolute;
	/* Top/left values mimic padding */
	top: 8px;
	left: 8px;
	width: 40%;
	padding-right: 10px;
	white-space: nowrap;
}
td.descargar, td.eliminar{ width:auto;}
/*.peso{ padding-left:26px;}*/
}