/*Nuevos estilos*/	

*{
	margin:0;
	padding:0;
	border:0;
	font-family:Arial, Helvetica, sans-serif;
	box-sizing:border-box;
	}

body{
	 background-color:#f2f2f2;
	 background-attachment:fixed;
	 background-position:center;
	 background-repeat:no-repeat;
	 background-size:cover;
	 }

.clearfix{
	clear:both;
	float:none;}


/*Login*/

    	form#login{
			background-color:#f2f2f2;
			border:1px solid #cecece;		
			-webkit-box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.75);
			-moz-box-shadow:    2px 2px 6px 0px rgba(0, 0, 0, 0.75);
			box-shadow:         2px 2px 6px 0px rgba(0, 0, 0, 0.75);
			padding:2.5%;
			padding-bottom:1.25%;
			position:absolute;
			top:50%;
			left:50%;
			transform:translate(-50%,-50%);
			width:30%;
			}
			
		form#login p{
			font-size:1.25em;
			color:#666666;
			font-family:Arial, Helvetica, sans-serif;
			text-align:center;
			margin-bottom:7.5%;}
					
    	form#login label{
			width:40%;
			margin-right:2.5%;
			float:left;
			margin-top:1.25%;			
			margin-bottom:1.25%;
			padding:1.25% 0;
			font-family:Arial, Helvetica, sans-serif;
			font-size:.9em;
			}
			
    	form#login input[type="text"], form#login input[type="password"]{
			font-family:Arial, Helvetica, sans-serif;			
			width:100%;
			margin-right:0;
			float:left;
			margin-top:1.25%;						
			margin-bottom:1.25%;
			border:1px solid #cecece;
			padding:2.5%;
			outline:none;
			background-color:#FFFFFF;
			}

		form#login input[type="password"]{
			margin-bottom:5%;
			}
			
		form#login input[type="submit"]{
			font-size:1em;
			display:block;
			width:100%;
			background-color:#d8555b;
			text-shadow: 2px 2px 6px rgba(166, 65, 70, 1);
			padding:4%;
			text-align:center;
			color:#FFFFFF;
			font-family:Arial, Helvetica, sans-serif;
			cursor:pointer;
			}

		form#login input[type="submit"]:hover{
			background-color:#666;
			text-shadow: 2px 2px 6px rgba(0, 0, 0, 1);
				transition:all .5s;			
			}			

        form#login .logo{
                display: block;
                width: 90%;
                float: none;
                text-align: center;
                margin: 0 auto 25px;}

        form#login .logo img{
            width: auto;
            max-width: 100%;
}

			form#login a{
				font-family:Arial, Helvetica, sans-serif;				
				padding:5% 0 0 0;
				color:#666666;
				text-decoration:none;
				float:right;
				font-size:0.85em;
				}

			form#login a:hover{
				color:#414141;
				transition:all .5s;
				}	


/*Fin Login*/		

header{
	overflow:hidden;
	margin:0 auto 30px;}

.width{
	width:90%;
	margin:auto;}

header .width a.logo{
	width:180px;
	height:50px;
	display:block;
	background-position:center;
	float:left;
	background-repeat:no-repeat;
	background-size:contain;
	}

header .width .buscar, .botones .buscar{
	border:1px solid #cccccc;
	margin:10px 0 10px 10px;
	padding:5px 10px;
	border-radius:25px 0 0 25px;
	outline:none;
	border-right:none;
	float:left;
	}

.botones .buscar{
	margin:0}
	

header .width .icon-buscar, .botones .icon-buscar{
	height:26px;
	width:32px;
	border-radius:0 25px 25px 0;
	border:1px solid #cccccc;
	background-color:#cccccc;	
	margin:10px 10px 10px 0px;
	float:left;
	background-image:url(images/icon-search.jpg);
	background-position:center;
	background-repeat:no-repeat;
	outline:none;
	cursor:pointer;
	}

.botones .icon-buscar{
	margin:0}

/*Navbar Inicio - Usuario - Salir*/

header .width nav{
	font-size:0.9em;
	float:right;
	color:#666666;}

header .width nav a{
	text-decoration:none;}	

header .width nav a:hover{
	text-decoration:underline;}		

header .width nav ul{
	list-style:none;}	

header .width nav ul li{
	float:left;
	padding:5px 20px;
	margin:10px 0;
	}

header .width nav ul li:first-child{
	padding-left:0;}	
	
header .width nav ul li:last-child{
	padding-right:0;}	

header .width nav ul li a.inicio, header .width nav ul li a.salir {
	text-transform:capitalize;
	color:#666666;}

header .width nav ul li a.soporte{
	text-transform:capitalize;	
	color:#9a0928;}

header .width nav ul li .usuario{	
	font-size: 1em;
    font-weight: bold;
    line-height: normal;	
	}

header .width nav ul li a.calendario{
	display:block;
	height:16px;
	width:16px;
	background-image:url(images/calendario.png);
	float:left;}

header .width nav ul li .fecha{
	font-size:0.85em;
	margin-left:5px;
	float:left;
	line-height:18px;
	vertical-align:middle;}

/*Navbar gris*/

#subbar{
	background-color:#666666;
	margin:10px 0;
	padding:10px 0;
	overflow:hidden;}

#subbar nav{
	width:90%;
	margin:auto;
	font-size:0.8em;
	font-weight:bold;}	

#subbar nav ul{
	list-style:none;}	

#subbar nav ul li{
	float:left;
	padding:0 20px;
	border-left:1px solid #FFF;}

#subbar nav ul li:first-child{
	padding-left:0;
	border-left:none;}
	
#subbar nav ul li.finanzas{
	float:right;
	padding:0px 0 0 20px;
	border-left:1px solid #FFF;}

#subbar nav ul li a:link, #subbar nav ul li a:visited{
	color:#FFFFFF;
	text-decoration:none;
	text-transform:capitalize;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
	}

#subbar nav ul li a:hover, #subbar nav ul li a:active{
	color:#d84a38;
	text-decoration:none;}

#subbar nav ul li a.current{
	color:#d84a38;
	}	

/*Botones inferiores*/

.botones{
	margin:10px 0;
	padding:0;
	overflow:hidden;}

.botones ul{
	list-style:none;}

.botones li{
	float:left;
	margin-left:10px;}	

.botones li:first-child{
	margin-left:0;}	

.botones li a.btn-destacado:link, .botones li a.btn-destacado:visited {
	display:block;
	padding:10px 20px;
	height:auto;
	vertical-align:middle;
	text-align:center;
	background-color:#d84a38;
	border-radius:2px;
	font-size:0.75em;
	color:#FFFFFF;
	text-decoration:none;
	text-transform:capitalize;
	font-weight:bold;
	}

.botones li a.btn-destacado:hover, .botones li a.btn-destacado:active {
	background-color:rgba(102,6,27,1);
	transition:all .5s;
	}
.botones li a.btn-warning:link, .botones li a.btn-warning:visited {
	padding:10px 20px;
	height:auto;
	vertical-align:middle;
	text-align:center;
	background-color:red;
	font-size:0.75em;
	color:#FFFFFF;
	text-decoration:none;
	text-transform:capitalize;
	font-weight:bold;
	display:block;
	border-radius:2px;	
	}

.botones li a.btn-warning:hover, .botones li a.btn-warning:active {
	background-color: rgba(102,6,27,1);
	transition:all .5s;
	}

	
.botones li a.btn-sentient:link, .botones li a.btn-sentient:visited {
	padding:5px 10px;
	height:20px;
	line-height:26px;
	vertical-align:middle;
	text-align:center;
	background-color:#FC0;
	border-radius:25px;
	font-size:0.75em;
	color:#FFFFFF;
	text-decoration:none;
	text-transform:capitalize;
	font-weight:bold;

	}

.botones li a.btn-sentient:hover, .botones li a.btn-sentient:active {

	background-color: rgba(102,6,27,1);
	transition:all .5s;
	}

.botones li a.btn:link, .botones li a.btn:visited {
	background-color:#cccccc;
	color:#808080;
	display:block;
	padding:10px 20px;
	height:auto;
	vertical-align:middle;
	text-align:center;
	border-radius:2px;
	font-size:0.75em;
	text-decoration:none;
	text-transform:capitalize;
	font-weight:bold;	
	}

.botones li a.btn:hover, .botones li a.btn:active {
	background-color: rgba(128,128,128,.5);
	transition:all .5s;
	color:#FFFFFF;
	}


/*??????????????????????????????????????????????????????????????*/

a.txt:link, a.txt:visited {
	padding:8px 10px;
	height:20px;
	line-height:20px;
	vertical-align:middle;
	text-align:center;
	font-size:0.75em;
	color:#d84a38;
	text-decoration:none;
	text-transform:capitalize;
	font-weight:bold;
	}

a.txt:hover, a.txt:active {
	text-decoration:underline;
	}	

.fecha-input{
	padding:4px 10px;
	text-align:center;
	font-size:0.75em;	
	border:1px solid #d84a38;}

.fecha-input-btn{
		padding:4px 10px;}	

#filtros{
	background-color:#f0f0f0;
	padding:10px;}

#filtros ul{
	list-style:none;}

#filtros ul li{
	float:left;}

#filtros .filtro-busqueda{
	border:1px solid #666666;
	float:left;
	margin-right:10px;
	text-transform:capitalize;}
	
	
#filtros .input-busqueda{
	background-color: #d84a38;
	color: #FFFFFF;
	float: left;
	padding: 3px 23px;
	border-radius: 10px;
	font-size: 0.9em;
	text-transform: capitalize;
	transition:all linear 1s;}

#filtros .input-busqueda:hover{
	background-color: #666;}	

#filtros .input-reset{
	background-color: #666;
	color: #fff;
	float: left;
	padding: 3px 23px;
	border-radius: 10px;
	font-size: 0.9em;
	text-transform: capitalize;
	margin-left:10px;
	transition:all linear 1s;
	}	

#filtros .input-reset:hover{
	background-color: #d6d6d6;}		

		

#listado{
	width:100%;
	margin:5px auto;}    

#listado table, table{
	margin-bottom:5px;}

#listado table tr td {
	font-size:0.9em;
	padding:10px;}

#listado table tr:nth-child(even){
	background-color:#f3f3f3;}
#listado table tr:nth-child(odd){
	background-color:#e5e5e5;}	

table tr td{
	font-size:.9em;
	padding: 3px 10px;
	}

table tr td a:link, table tr td a:visited{
	color:#333333;
	text-decoration:none;}

table tr td a:hover, table tr td a:active{
	color:#d84a38;
	text-decoration:none;
	transition:all .5s;
	}	

	
#listado .pie-listado{
	background-color:#666666;
	padding:10px;
	overflow:hidden;}	

.botones .izq{
	float:left;}

.botones .der{
	float:right;}

#listado .pie-listado ul{
	list-style:none;}

#listado .pie-listado ul li{
	float:left;
	padding:0 20px;
	border-right:1px solid #ffffff;}	

#listado .pie-listado ul li:first-child{
	padding-left:0;}
	
#listado .pie-listado ul li:last-child{
	padding-right:0;
	border-right:none;}
	
#listado .pie-listado a.btn-pie:link, #listado .pie-listado a.btn-pie:visited{	
	padding:5px 10px;
	text-align:center;
	font-size:0.75em;
	color:#FFFFFF;
	text-decoration:none;
	text-transform:capitalize;
	font-weight:bold;
	}

#listado .pie-listado a.btn-pie:hover, #listado .pie-listado a.btn-pie:active{	
	text-decoration:underline;
	}

#listado .pie-listado a.btn-pie-destacado:link, #listado .pie-listado a.btn-pie-destacado:visited{	
	padding:5px 10px;
	text-align:center;
	font-size:0.75em;
	color:#BFDE50;
	text-decoration:none;
	text-transform:capitalize;
	font-weight:bold;
	}

#listado .pie-listado a.btn-pie-destacado:hover, #listado .pie-listado a.btn-pie-destacado:active{	
	text-decoration:underline;
	}				
.mensaje{
	padding:10px;
	background-color:#0F3;
	border-radius:5px;
	-webkit-box-shadow: 3px 3px 3px 0px rgba(50, 50, 50, 0.25);
-moz-box-shadow:    3px 3px 3px 0px rgba(50, 50, 50, 0.25);
box-shadow:         3px 3px 3px 0px rgba(50, 50, 50, 0.25);
margin-bottom:2.5%;
	}

/* estilos WICK*/	


.floater {
position:absolute;
z-index:2;
bottom:0;
right:0;
display:none;
padding:0;
}

.floater td {
font-family: Arial, sans-serif;
background-color:white;
border:1px inset #979797;
color:black;
}

.matchedSmartInputItem {
font-size:0.8em;
padding: 5px 10px 1px 5px;
margin:0;
cursor:pointer;
}

.selectedSmartInputItem {
color:white;
background-color:#3875D7;
}

#smartInputResults {
padding:0;margin:0;
}

.siwCredit {
margin:0;padding:0;margin-top:10px;font-size:0.7em;color:black;
}


/*Generales*/

	*{
		margin:0;
		padding:0;
		border:0;
		box-sizing:border-box;
		font-family:Arial, Helvetica, sans-serif;
		}

	a.editar{
		display:block;
		padding:5px;
		background-color:#d8555b;
		color:#FFF!important;
		text-align:center;
		text-decoration:none;}

	a.editar:hover{
		background-color:#bf373e;
		transition:all .3s;
		}

.width .modulos .col-fin .tabla_finanzas{
	width:100%;
	}		
	

/*tecsur*/	

#cartera-de-cheques h2{
	color:#666666;
	margin-bottom:.5em;}

#cartera-de-cheques table{
	border-radius:2px 2px 0 0;
	width:100%;}

#cartera-de-cheques table tr td{
	padding:1%;}	

#cartera-de-cheques a.buscar:link,#cartera-de-cheques a.buscar:visited{
	color:#666666;
	text-decoration:none;
	font-weight:bold;
	padding:1% 0;
	float:left;}

#cartera-de-cheques a.buscar:hover,#cartera-de-cheques a.buscar:active{
	color:#d84a38;
	text-decoration:none;}	

#cartera-de-cheques a.buscar:after{content:'\00BB';}

section .width{
	padding:0;}	

.header #calendario_cabecera{
	float:left;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);		
	}

.header a{
	color:#ffffff;
	text-decoration:none;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);		
	}	

.width .cp-inbox table tr.rojo{
	background-color:#ff4c4c;}	

.width .cp-inbox table tr.amarillo{
	background-color:#fff266;}	

.width .cp-inbox table tr{
	background-color:#ddffbf;}	

/*CHAT*/

#chat_window ul{	
	list-style:none;	
	display:block;
	width:100%;
	float:left;
	padding:10px 0 0;}

#chat_window ul li{
	display:block;
	width:60%;
	padding:10px;
	font-size:.9em;
	color:#ffffff;
	background-color:#4ba000;
	margin-bottom:10px;
	border:1px solid rgba(0,0,0,.25);
	}	

#chat_window ul li.chat_linea_inmobiliaria{
	float:right;
	border-radius:10px 10px 0px 10px;
	}	

#chat_window ul li.chat_linea_propia{
	color:#2c3326;
	background-color:#ffffff;
	float:left;
	border-radius:10px 10px 10px 0px;}

#chat_window+input[type="text"]{
	width:100%;
	margin:10px auto 0;
	padding:10px;
	color:#414141;
	border:1px solid #4ba000;
	background-color:#FFFFFF;}

#ibCotizador input, #ibCotizador select{
    padding: 10px;
    border: 1px solid #cccccc;
}

#ibCotizador table tr td{
    padding: 15px;
}

#ibCotizador p{
    margin-bottom: 15px;
}

#ibCotizador input[type="submit"]{
    background-color: #F21B90;
    color: #ffffff;
    font-weight: bold;
    border-radius: 4px;
    cursor: pointer;
}

#ibCotizador input[type="submit"]:hover{
    background-color: #542F65;
}

table#cotizacionValores{
    border: 1px solid #cccccc;
}

table#cotizacionValores td{
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    
}

table#cotizacionValores tr:last-of-type td{
    border-bottom:0;
}

table#cotizacionValores td:last-child{
    border-right: 0;
}

table.tablaIB{
    width: 100%;
    border: 1px solid #cccccc;
}

table.tablaIB th{
    text-align: left;
    padding: 5px;
    vertical-align: middle;
    color: #ffffff;
    background-color: #F21B90;
    font-weight: bold;
    text-transform: uppercase;
}

table.tablaIB th input[type="submit"]{
    padding: 15px;
    margin-left: 3px;
    border-radius: 2px;
    color: #ffffff;
    font-weight: normal;
    text-transform: uppercase;
    background-color: #542F65;
}

table.tablaIB tr td{
    padding: 5px;
}

table.tablaIB tr:nth-child(odd){
    background-color: #e5e5e5;
}

.cortinasPrint{
    width: 48.75%;
    float: left;
    margin-right: 2.5%;
    margin-bottom: 2.5%;
    border: 1px solid #cccccc;
}

.cortinasPrint:nth-child(2n){
    margin-right: 0;
}

h1{
	margin-bottom: 15px;
}


.tablaBlanca{
	border: 1px solid #cccccc;
	background-color: #ffffff
}

.tablaBlanca tr td{
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc; 
	padding: 0;
}

.tablaBlanca tr:first-child{
	background-color: #f24949;
	color: #ffffff;
	font-weight: bold;
	font-size: .8em;
}

.tablaBlanca tr:first-child td{
	border-right: none;
	border-bottom: none;
	padding: 10px;	
}

.tablaBlanca tr td:last-child{
	border-right: 0;
}

.tablaBlanca tr:last-child td{
	border-bottom: 0;
}

.tablaBlanca tr td input, .tablaBlanca tr td select, .tablaBlanca tr td a{
	width: 100%;
	padding: 10px;
}

.tablaAzul{
	background-color: #496c91;
	color: #ffffff;
	margin-bottom: 30px;
}

.tablaGris{
	background-color: #4d4d4d;
	color: #ffffff;
	margin-bottom: 30px;
}


.full-width{
	width:100%;
}

.btn{
	padding: 10px;
	text-align: center;
	display: block;
	border: 1px solid #cccccc;
	color: #999999;
	font-weight: bold;
	font-size: .8em;
	text-decoration: none;
	cursor: pointer;
}

.btn:hover{
	border: 1px solid #414141;
	color: #414141;
}

.float-left{
	float: left;
}

.float-right{
	float: right;
}

.mb-10{
	margin-bottom: 10px;
}

.mb-15{
	margin-bottom: 15px;
}

.mb-30{
	margin-bottom: 30px;
}

.p-10{
	padding: 10px;
}

.p-15{
	padding: 15px;
}

.confirmarPedido table{
	padding: 10px;
}

.confirmarPedido table tr td{
	padding: 0;
}

.confirmarPedido table tr td p, .confirmarPedido table tr td input, .confirmarPedido table tr td select{
	padding: 10px;
}

.inline{
	display: inline-block;
	height: 37px;
}

.confirmarPedido table tr{
	margin-bottom: 5px;
}

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

.btn-confirm{
	background-color: #2da852;
	color: #ffffff;
}

.btn-confirm:hover{
	background-color: #2da852;
	color: #000000;
}

.conBorde{
	border: 1px solid #cccccc;
}

@media only screen and (max-width:29.938em){	

/*Mobile 320 - 480*/

    	form#login{
			width:90%;
			padding:10% 5% 5% 5%;
			}

    	form#login label{
			width:100%;
			margin-right:0;
			}
			
    	form#login input[type="text"], form#login input[type="password"]{
			width:100%;
			padding:3% 2.5%;
			margin-top:0;
			}

	form#login a{
		margin-top:2.5%;
			padding:5% 0;
			color:#666666;
			text-decoration:none;
			float:right;
			font-size:0.85em;
			}
			

	.width{
		width:100%;
		margin:auto;
		padding:2.5%;
		}

/*2016*/

header{
	margin-bottom:0;}

header .width a.logo{
    width: 180px;
    height: 50px;
	display:block;
	margin: 2.5% auto;
	float:none;
	}

/*Busqueda*/

header .width .buscar{
	width:80%;}

header .width .icon-buscar{
	width:12%;
	}	

/*Header Nav*/
	
header .width nav{
	font-size: 0.9em;
    float: none;
    color: #666666;
    width: 100%;
    overflow: hidden;}

header .width nav ul{
    text-align: center;	
	}

header .width nav ul li{
    display: inline-block;
	float: none;
    padding: 5px 15px;
    margin: 10px 0;
    text-align: center;
	}	

#subbar{
	padding:5px;
	}	

#subbar nav ul li{
	width:100%;
	text-align:center;
	margin:0;
	padding:15px 0;
	border:0;
	border-bottom:1px solid #808080;}

#subbar nav ul li:last-child{
	border:0;}	


/*Mensaje*/	

.mensaje{
	box-shadow:0;
	padding:15px;
	border-radius:2px;
	text-align:center;
	margin-bottom:15px;	
	}

/*Botones*/

.width nav.botones{
	width:100%;
	padding:1.25%;}

.width nav.botones ul{
	list-style:none;}	

.width nav.botones ul li{
	float:none;
	margin:0;
	margin-bottom:2.5%;
	}

.width nav.botones ul li a.btn-destacado, .width nav.botones ul li a.btn {
	display:block;
	padding:5%;
	width:100%;
	line-height:normal;
	border-radius:2px;
	height:auto;
	}


/*Botones ABM*/	

.abm .botones{
	margin:2.5% 0 5%;}

.abm .botones .input_button, .abm .botones .input_button_big, .abm .botones input[type="button"] {	
	float:left;
	padding:5%;
	background-color:#e9e9e9;
	color:#414141;
	height:auto;
	margin-right:2.5%;
	border-radius:2px;
	cursor:pointer;
	border:1px solid rgba(156, 156, 156, 1);
	}	



.width .abm .botones .input_button_big.good{
	background-color:#3c948b;
	color:#ffffff;
	text-decoration:none;
	cursor:pointer;
	text-shadow: 1px 1px 2px rgba(40, 97, 91, 1);
	border:1px solid rgba(40, 97, 91, .5);
	}


.width .abm .botones .input_button_big.evil{
	background-color:#d8555b;
	color:#ffffff;
	text-decoration:none;
	cursor:pointer;
	text-shadow: 1px 1px 2px rgba(166, 65, 70, 1);
	border:1px solid rgba(166, 65, 70, .5);
	}

.width .abm .botones .especiales .input_button_big{
	width:33.33%;	
	float:right;
	background-color:#307BA5;
	color:#ffffff;
	cursor:pointer;	
	}


/*Tabs ABM*/	

.width .abm .tabs{
	overflow:hidden;
	position:relative;
	top:1px;
	}

.width .abm .tabs h2 a{
	display:block;
	padding:4%;
	border-radius:2px 2px 0 0;
	border:1px solid #ccc;
	border-bottom:0;
	float:left;
	margin-right:1%;
	text-decoration:none;
	background-color:#4d4d4d;
	color:#ffffff;
	font-size:0.6em;
	font-weight:normal;
	text-shadow: 1px 1px 2px rgba(26, 26, 26, 1);
	}

.width .abm .tabs h2 a.activo{
	background-color:#f9f9f9;
	color:#4d4d4d;
	text-shadow: none;	
	}

.width .abm .tabs h2:hover a{
	background-color:#d8555b;
	color:#ffffff;
	transition:all .3s;
	text-shadow: 1px 1px 2px rgba(166, 65, 70, 1);
	}	


/*Botones Casilla*/

.width .cp-inbox .botones{
	text-align:center;
	padding:0 2.5%;}


.width .cp-inbox .botones .input_button, .width .cp-inbox .botones .input_button_big{
	width:100%;
	float:none;
	padding:5%;
	background-color:#efefef;
	color:#333;
	height:auto;
	margin:2% auto;
	border-radius:2px;
	border:1px solid #cccccc;
	}

.width .cp-inbox .botones .input_button:hover, .width .cp-inbox .botones .input_button_big:hover{
	background-color:#d6d6d6;
	transition:all .3s;
}


.width .cp-inbox .botones h3{
	padding:1% 2%;
	margin:5% 0;
	}	

.width .cp-inbox .botones h3 a{
	color:#333333;
	text-decoration:none;
	}

.width .cp-inbox .botones h3 a:hover{
	color:#d84a38;
	text-decoration:none;
	transition:all .5s;
	}	

.width .cp-inbox .botones .input_text_small{
	width:100%;
	text-align:center;
	padding:1%;
	outline:none;
	height:40px;
	box-sizing:border-box;
	border:1px solid #ccc;
	}
	
/*ABM*/	

.width .abm{
	width:100%;
	margin:0 auto 1.25%;
	border:1px solid #ccc;
	padding:2%;
	}

.width .abm .contenido{
	background-color:rgba(255,255,255,.95);
	color:#4d4d4d;
	width:100%;
	padding:2.5%;
	border:1px solid #ccc;
	overflow:hidden;
	}

.width .abm .contenido h4{
	float:left;
	margin-bottom:1.25%;
	width:100%;
	padding:1.25%;
	border-left:1px solid #d8555b;
	border-bottom:2px solid #d8555b;
	}

.width .abm .contenido .campo, .width .abm .contenido .campocheck {
	width:100%;
	margin-bottom:2.5%;
	display:block;
	padding:1% 0;
	float:left;
	}

.width .abm .contenido .campo.full{
	width:100%;}

.width .abm .contenido .campocheck{
	width:100%;}

.width .abm .contenido .campo label, .width .abm .contenido .campocheck label{
	width:100%;
	margin-bottom:2.5%;
	float:left;
	line-height:40px;
	vertical-align:middle;
	color:#333;
	font-size:.9em;
	}	


.width .abm .contenido .campo.full label{
	color:#333;
	width:100%;
	font-size:.9em;	
	}

.width .abm .contenido .campo.full input{
	float:left;
	width:100%;}	

.width .abm .contenido .campo input, #editar\2f licencias\2f 103\2f cliente{
	width:100%;
	height:40px;
	padding:10px;
	float:right;
	outline:0;
	background-color:transparent;
	border:1px solid #cccccc;
	color:#4d4d4d;
	}

.width .abm .contenido .campo input[type="checkbox"]{
	width:10%;
	height:auto;
	padding:10px;
	float:left;
	outline:0;
	background-color:transparent;
	border:1px solid #cccccc;
	color:#4d4d4d;
	cursor:pointer;	
	}

.width .abm .contenido .campo select{
	width:100%;
	height:40px;
	padding:10px;
	float:right;
	outline:0;
	background-color:transparent;
	border:1px solid #cccccc;
	color:#4d4d4d;
	}

.width .abm .contenido .campo select:hover{
	background-color:#414141;
	color:#ffffff;
	transition:all .5s;
	}	


.width .abm .contenido .campocheck input{
	width:10%;
	height:auto;
	padding:2%;
	float:right;
	outline:0;
	background-color:transparent;
	border:1px solid #cccccc;
	color:#4d4d4d;
	}

.width .abm .contenido textarea {
	width:100%;
	height:40px;
	padding:10px;
	float:left;
	outline:0;
	background-color:transparent;
	border:1px solid #cccccc;
	color:#4d4d4d;
	}


.width .abm .contenido .campo input:hover, #editar\2f licencias\2f 103\2f cliente:hover, .width .abm .contenido .campocheck input:hover, .width .abm .contenido textarea:hover, .width .abm .contenido .campo input:focus, #editar\2f licencias\2f 103\2f cliente:focus, .width .abm .contenido .campocheck input:focus, .width .abm .contenido textarea:focus{
	background-color:#414141;
	transition:all .3s;
	color:#ffffff;
	}	

.width .abm .contenido .campocheck label{
	width:100%;}

.width .abm .contenido .campocheck input {
	vertical-align:middle;
	height:15px;
	margin:12.5px 0;
	width:10%;
	float:left;
	}

.campocheck+.campo{
	clear:left;}

.width .abm .contenido textarea {
	height:25vh;
	}

.width .abm .usuarios{
	width:100%;
	border:1px solid #ccc;
	padding:1%;
	float:left;
	}

.width .abm .usuarios .lista{
	background-color:#9c9c9c;
	margin:1% 0;
	padding:1%;
	line-height:1.5;	
	}	

.width .abm .usuarios img{
	line-height:17px;
	vertical-align:middle;}

.width .abm .usuarios a:link{
	color:#4d4d4d;
	text-decoration:none;
	line-height:17px;
	vertical-align:middle;
	margin-left:1%;
	font-weight:bold;
	}	

.width .abm .usuarios a:hover{
	color:#d8555b;
	text-decoration:none;
	line-height:17px;
	vertical-align:middle;
	margin-left:1%;}

.TextoChico{
	width:100%;
	float:left;
	text-align:left!important;
	padding:1% 0 0 0;
	font-size: .7em;
    line-height: 1.5;	
	}


/*Tabla anidada*/

.tabla_anidada, .tabla_separada{
	width:100%;
	float:left;
	padding:2.5% 0 1.25%;
	background-color:transparent;
	}
	
.tabla_anidada label {
	display:none;
	}	

a.btn-agregar{
    display: block;
    margin: 2.5% 0;
    color: #fff;
    padding:5%;
    background-color: #d8555b;
	text-decoration:none;
	float:left;
	cursor:pointer;
	text-shadow: 1px 1px 2px rgba(166, 65, 70, 1);
	border:1px solid rgba(166, 65, 70, .5);
	border-radius:2px;
	}	

a.btn-agregar:hover{
	transition:all .5s;
	background-color:#a6392b;
	
	}

.tabla_anidada table{
	width:100%;
	float:left;}

.tabla_anidada table tr:first-child td{
	padding:.5% 1%;}

.tabla_anidada table tr td{
	padding:0;
	width:auto;}

.tabla_anidada table tr td table{
	margin-bottom:0;
	}

.tabla_anidada table tr td input{
	height:40px;}

.tabla_anidada table tr td button{
	height:40px;
	width:40px;
	border:1px solid #cccccc;
	cursor:pointer;
	}		

.width .abm .contenido .tabla_anidada table tr td .campo{
	width:100%;
	margin:0;
	padding:0;
	}	

.width .abm .contenido .tabla_anidada table tr td:last-child{
	text-align:right;}	

.width .abm .contenido .tabla_anidada table tr:first-child td:last-child{
	text-align:left;}	
	

.width .abm .contenido .tabla_anidada table tr td .campo input[type="text"]{
	margin:0;
	width:100%;
	}

.width .abm .contenido .tabla_anidada table tr td .campo select{
	margin:0;
	width:100%;}

.width .abm .contenido .tabla_anidada table tr td.muy_corto{
	width:9%;}

.width .abm .contenido .tabla_anidada table tr td.corto{
	width:17%;}	

.width .abm .contenido .tabla_anidada table tr td .campo input[type="checkbox"]{
    width: 20px;
    position: relative;
    left: 50%;
    transform: translateX(-50%)}


/*¿Se Borra?*/	



.width .modulos .col-fin{
	width:100%;
	float:left;
	margin-bottom:2.5%
	}

.width .modulos .col-mail{
	float:left;
	width:100%;
	margin-bottom:2.5%
	}

.width .modulos .col-full{
	float:left;
	width:100%;
	margin-bottom:2.5%;
	}				


	.width .modulo{
		width:100%;
		margin-right:0;
		margin-bottom:5%;
		float:left;
		border:1px solid rgba(204,204,204,.75);
		border-radius:5px;}		

	.width .modulo h2{
		display:block;
		width:100%;
		padding:2.5%;
		background-color:#d8555b;
		border-radius:5px 5px 0 0;		
		color:#fff;
		font-size:1em;
		font-weight:normal;
		text-transform:uppercase;
		}		

	.width .modulo .imagen{
		width:25%;
		float:left;
		padding:2.5%;
		}		

	.width .modulo .imagen img{
		width:90%;}		

	.width .modulo .opciones{
		width:75%;
		float:right;
		padding:2.5%;		
		}		

	.width .modulo .opciones a{
		display:inline-block;
		line-height:1.5;
		font-size:0.9em;
		text-decoration:none;
		margin-bottom:5px;
		color:#4d4d4d;
		width:65%;
		}	

	.width .modulo .opciones a:hover{
		color:#d8555b;}

	.width .modulo .opciones a.lista:before{
	height: 18px;
	margin-right:5px;	
    vertical-align: middle;
    content: url(http://contactopuro.com/admin/images/icons/b_listado.gif);
    display: inline-block;}		

	.width .modulo .opciones a .valor{
		color:#333;
		font-size:0.9em;
		font-weight:bold;
		float:right}

	.width .modulo .opciones a.warning{
		color:#d8555b;
		font-weight:bold;}

	.width #devbar{
		width:100%;
		padding:2.5% 1%;
		float:left;
		background-color:#333;}

	.width #devbar ul li{
		float:left;
		margin:0 1%;
		margin-bottom:1%;}		
		
	.width #devbar nav ul li a:link, .width #devbar nav ul li a:visited{
		color:#fff;}

	.width #devbar nav ul li a:hover, .width #devbar nav ul li a:active{
		color:#d8555b;}

	.width #devbar nav ul .agregar-importar{
		width:100%;
		float:left;
		padding:1%;		

		}

	.width #devbar nav ul .agregar-importar a{
		color:#d8555b;
		text-decoration:none;
		margin-right:2.5%;
		font-weight:bold;
		}

.width a.agregar-modulo{
	float:right;
	display:block;
	padding:1%;
	border:1px solid #333;
	text-decoration:none;
	text-align:center;
	color:#333;
	margin-bottom:2.5%;
	}	

.width a.agregar-modulo:hover{
	background-color:#414141;
	color:#fff;
	transition:all .3s;}	

.width .cp-inbox{
	width:100%;
	margin:0 auto 1.25%;
	border:1px solid #ccc;}

.width .cp-inbox .header{
		display:block;
		width:100%;
		padding:2%;
		background-color:#d8555b;
		color:#fff;
		font-size:1em;
		font-weight:normal;
		text-transform:uppercase;	
	}	

.width .cp-inbox table{
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	}

.width .cp-inbox table tr td
{
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:2%;
	background-color:transparent;
		}		

.width .cp-inbox table tr td:last-child{
	border-right:0;
	}

.width .cp-inbox table tr td a:link, .width .cp-inbox table tr td a:visited{
	color:#333;
	text-decoration:none;
	}
	
.width .cp-inbox table tr td a:hover, .width .cp-inbox table tr td a:active{
	color:#d8555b;
	}

/*Tabla separada*/	

.width .abm .contenido .tabla_separada table{
	background-color:transparent;}

.width .abm .contenido .tabla_separada table td{
	background-color:transparent;
	border:1px solid #ccc;
	}

.width .abm .contenido .tabla_separada table td td{
	border:0;}	

.width .abm .contenido .tabla_separada table tr:hover{
	background-color:#414141;
	color:#fff;
	transition:all .5s;
}	

.width .abm .contenido .tabla_separada table tr:hover tr{
	background-color:transparent;
}	

.width .abm .contenido .tabla_separada .tabla_separada_registro{
	width:100%;
	border-bottom:1px dashed #ccc;
	padding:5% 2.5%;
	overflow:hidden;
	}


.width .abm .contenido .tabla_separada .tabla_separada_registro:nth-last-child(2){
	border-bottom:0;}	



.width .abm .contenido .tabla_separada .tabla_separada_registro .nombre{
	font-style:italic;
	float:left;
	width:70%;
	}

.width .abm .contenido .tabla_separada .tabla_separada_registro:hover .nombre{
	color:#d8555b;
	font-weight:bold;}


.width .abm .contenido .tabla_separada .tabla_separada_registro .botones{
	width:30%;
	float:right;
	text-align:right;
	margin:0;
	}

.width .abm .contenido .tabla_separada .tabla_separada_registro .botones a{
	display:inline-block;
	vertical-align:middle;
	margin-right:12.5%;}		

.width .abm .contenido .tabla_separada .tabla_separada_registro .botones a:last-child{
	margin-right:0;}	


.width .abm .botones .especiales{
	padding:5% 0;
	width:100%;
	overflow:hidden;
	}

.width .abm .botones .especiales input{
	float:left;
	margin-right:2.5%;
	cursor:pointer;		
	padding:4%;
	border:1px solid #ccc;
	height:auto;
	border-radius:2px;
	}

.width .abm .botones .especiales input.red, .botones input[type="button"].red{
	background-color:#bf373e;
	color:#FFFFFF;
	text-shadow: 1px 1px 2px rgba(140, 41, 46, 1);
	border:1px solid rgba(140, 41, 46, .5);		
	}

.width .abm .botones .especiales input.green, .botones input[type="button"].green{
	background-color:#4bbf58;
	color:#FFFFFF;
	text-shadow: 1px 1px 2px rgba(55, 141, 65, 1);
	border:1px solid rgba(55, 141, 65, .5);	
	}

.width .abm .botones .especiales input.blue{
	background-color:#584bbf;
	color:#FFFFFF;
	text-shadow: 1px 1px 2px rgba(65, 55, 140, 1);
	border:1px solid rgba(65, 55, 140, .5);
	}

.width .abm .botones .especiales input.yellow{
	background-color:#e5d35a;
	color:#FFFFFF;
	text-shadow: 1px 1px 2px rgba(179, 164, 70, 1);
	border:1px solid rgba(179, 164, 70, .5);
	}
	
	/*tecsur*/	

#cartera-de-cheques h2{
	color:#666666;
	margin-bottom:.5em;}

#cartera-de-cheques table{
	border-radius:2px 2px 0 0;
	width:100%;}

#cartera-de-cheques table tr td{
	padding:2%;}	

#cartera-de-cheques a.buscar:link,#cartera-de-cheques a.buscar:visited{
	color:#666666;
	text-decoration:none;
	font-weight:bold;
	padding:1% 0;
	float:left;}

#cartera-de-cheques a.buscar:hover,#cartera-de-cheques a.buscar:active{
	color:#d84a38;
	text-decoration:none;}	

#cartera-de-cheques a.buscar:after{content:'\00BB';}

/*Tabla de checkbox*/

.width .abm .contenido .grupo .tabla_anidada .tag{
    float: left;
    width: 100%;
	margin-right:0;
	margin-bottom:5%;
    display: block;
    vertical-align: middle;
	height:35px;
	}

.width .abm .contenido .grupo .tabla_anidada .tag input[type="checkbox"]{
	float:left;
    line-height: 18px;
    vertical-align: middle;
    height: 18px;
	width:18px;
	width:8%;
	}

.width .abm .contenido .grupo .tabla_anidada .tag label{
	display:block;
	float:left;
	width:80%;
	font-size: .8em;
    margin-left: 5px;
    line-height: 18px;
    vertical-align: middle;}


/*QUIEROMICASAYA*/

#QUIEROMICASAYA header {
    background-color: rgba(0,0,0,.5);
}

#QUIEROMICASAYA header .width nav ul li a.inicio, #QUIEROMICASAYA header .width nav ul li a.salir, #QUIEROMICASAYA header .width nav ul li p.usuario{
	color:#ffffff;}

#QUIEROMICASAYA header .width nav ul li a.soporte {
    color: #d8555b;
    font-weight: bold;}

.width nav.botones ul li{
	overflow:hidden;}	

#QUIEROMICASAYA .abm{	
	background-color:rgba(255,255,255,.9);}

#QUIEROMICASAYA .width .abm .contenido {
    background-color: rgba(102,102,102,.9);
}

#QUIEROMICASAYA header {
    background-color: rgba(0,0,0,.5);
}

#QUIEROMICASAYA header .width nav ul li a.inicio, #QUIEROMICASAYA header .width nav ul li a.salir, #QUIEROMICASAYA header .width nav ul li p.usuario{
	color:#ffffff;
	font-weight:bold;
	}


#QUIEROMICASAYA header .width nav ul li a.soporte{
	color:#d8555b;
	font-weight:bold;
	}

#QUIEROMICASAYA .width .abm .contenido .campo.full label, #QUIEROMICASAYA .width .abm .contenido .campo label, #QUIEROMICASAYA .width .abm .contenido .campocheck label {
    color: #ffffff;
    background-color: #4ba000;
    padding: 0;
    padding-left: 1.25%;
    margin-right: 0;
    border-radius: 4px 4px 0 0;
	margin-bottom:0;
}

#QUIEROMICASAYA .width .abm .contenido .campo.full input, #QUIEROMICASAYA .width .abm .contenido .campo input, #QUIEROMICASAYA .width .abm .contenido .campo.full textarea, #QUIEROMICASAYA .width .abm .contenido .campo.full select, #QUIEROMICASAYA .width .abm .contenido .campo select {
    background-color: #ffffff;
    color: #414141;
    width: 100%;
    border-radius: 0 0 4px 4px;
}

#QUIEROMICASAYA .width .abm h1, #QUIEROMICASAYA .width .abm .contenido h4 {
    color: #414141;
    border-left: 5px solid #4ba000;
    border-bottom: 3px solid #4ba000;
    font-weight: lighter;
    text-transform: uppercase;
    font-size: 1.5em;
    padding-left: 10px;
    padding-bottom: 5px;
    padding-top: 5px;
    margin-bottom: .5em;
}

#QUIEROMICASAYA .width .abm .contenido h4 {
    color: #ffffff;
    margin-top: 1em;
}

/*PACKS*/
#QUIEROMICASAYA section .width .pack{
	padding:5%;
	border-radius:5px;
	overflow:hidden;
	width:100%;
	margin:auto;
	color:#414141;	
	}

#QUIEROMICASAYA section .width .pack h5{
	width:100%;
	float:left;
	text-align:right;
	font-size:2em;
	font-weight:lighter;
	text-transform:uppercase;
	margin-bottom:2.5%
	}

#QUIEROMICASAYA section .width .pack .info{
	text-align:left;
	width:100%;
	float:right;
	}	

#QUIEROMICASAYA section .width .pack .info .precio{
	font-size:2em;
	font-weight:lighter;}	

#QUIEROMICASAYA section .width .pack .info .descripcion{
	font-size:.9em;
	line-height:1.5;
	font-weight:normal;
	text-transform:uppercase;}

#QUIEROMICASAYA section .width .pack .info .detalles{
	font-size:.9em;
	line-height:1.5;
	font-weight:normal;
	font-style:italic;
	color:#7ab55c;
	margin-bottom:2.5%;
	}

#QUIEROMICASAYA section .width .pack .info a.continuar{
	display:block;
	width:100%;
	padding:5%;
	color:#ffffff;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	border-radius:5px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#bcbcbc+0,757575+50,666666+51,666666+100 */
background: #bcbcbc; /* Old browsers */
background: -moz-linear-gradient(top,  #bcbcbc 0%, #757575 50%, #666666 51%, #666666 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #bcbcbc 0%,#757575 50%,#666666 51%,#666666 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #bcbcbc 0%,#757575 50%,#666666 51%,#666666 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bcbcbc', endColorstr='#666666',GradientType=0 ); /* IE6-9 */
	text-shadow: 1px 1px 2px rgba(63, 63, 63, 1);
	border:1px solid rgba(63, 63, 63, 1);	
	}

#QUIEROMICASAYA section .width .pack.oro .info a.continuar{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fceabb+0,fccd4d+50,f8b500+51,fbdf93+100;Orange+3D+%235 */
	background: #fceabb; /* Old browsers */
	background: -moz-linear-gradient(top,  #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93',GradientType=0 ); /* IE6-9 */	
	text-shadow: 1px 1px 2px rgba(252, 205, 77, 1);
	border:1px solid rgba(252, 205, 77, 1);
	}

#QUIEROMICASAYA section .width .pack.plata .info a.continuar{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b7deed+0,71ceef+50,21b4e2+51,b7deed+100;Shape+1+Style */
	background: #b7deed; /* Old browsers */
	background: -moz-linear-gradient(top,  #b7deed 0%, #71ceef 50%, #21b4e2 51%, #b7deed 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #b7deed 0%,#71ceef 50%,#21b4e2 51%,#b7deed 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #b7deed 0%,#71ceef 50%,#21b4e2 51%,#b7deed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7deed', endColorstr='#b7deed',GradientType=0 ); /* IE6-9 */
	text-shadow: 1px 1px 2px rgba(145, 178, 194, 1);
	border:1px solid #21b4e2;
	}

#QUIEROMICASAYA section .width .pack.bronce .info a.continuar{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#feccb1+0,f17432+50,ea5507+51,fb955e+100;Red+Gloss+%232 */
background: #feccb1; /* Old browsers */
background: -moz-linear-gradient(top,  #feccb1 0%, #f17432 50%, #ea5507 51%, #fb955e 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #feccb1 0%,#f17432 50%,#ea5507 51%,#fb955e 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #feccb1 0%,#f17432 50%,#ea5507 51%,#fb955e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feccb1', endColorstr='#fb955e',GradientType=0 ); /* IE6-9 */
	text-shadow: 1px 1px 2px rgba(235, 88, 11, 1);
	border:1px solid #eb580b;
	}	

#QUIEROMICASAYA section .width .pack .info a.continuar:hover, #QUIEROMICASAYA section .width .pack .info a.continuar:active{
	opacity:.75;
	}	

/*QUIEROMICASA PERFIL*/

.width .abm form{
	width:100%;
	overflow:hidden;
	}

.width .abm form label, .width .abm form p{
	display:block;
	width:100%;
	padding:5% 0;
	font-size:.9em;}	

.width .abm form p.mail{
	font-style:italic;
	color:#616161;
	margin-bottom:5%;
	}	

.width .abm form input[type="text"]{
	display:block;
	width:100%;
	padding:5%;
	color:#414141;
	margin-bottom:1.25%;
	font-style:italic;
	}

.width .abm form .nuevo-logo{
	margin-bottom:5%;}

.width .abm form input[type="submit"]{
	display:block;
	width:100%;
	float:left;
	padding:10% 5%;
	color:#ffffff;
	background-color:#4ba000;
	margin-bottom:1.25%;
	font-style:italic;
	border-radius:2px;
	cursor:pointer;
	text-shadow: 1px 1px 4px rgba(51, 110,0, 1);	
	}


.width .abm form input[type="submit"]:hover{
	background-color:rgba(51,110,0,1);
	transition:all .3s;
	}

.width .abm form img{
	max-width:200px;
	max-height:200px;}

table tr td{
    padding-top: 10px;
    padding-bottom: 10px;    
    } 
    
    .no_mobile{
        display: none;
    }
}

/*Mobile 480 - 800*/

@media only screen and (min-width:30.000em) and (max-width:49.938em) {

	

    	form#login{
			width:80%;
			}

    	form#login label{
			width:100%;
			margin-right:0;
			}
			
    	form#login input[type="text"], form#login input[type="password"]{
			width:100%;
			padding:3% 2.5%;
			margin-top:0;
			}			


.width{
		width:100%;
		margin:auto;
		padding:2.5%;
		}

/*2016*/

header{
	margin-bottom:0;}

header .width a.logo{
    width: 180px;
    height: 50px;
	display:block;
	margin: 2.5% auto;
	float:none;
	}

/*Busqueda*/

header .width .buscar{
	width:80%;}

header .width .icon-buscar{
	width:12%;
	}	

/*Header Nav*/
	
header .width nav{
	font-size: 0.9em;
    float: none;
    color: #666666;
    width: 100%;
    overflow: hidden;}

header .width nav ul{
    text-align: center;	
	}

header .width nav ul li{
    display: inline-block;
	float: none;
    padding: 5px 15px;
    margin: 10px 0;
    text-align: center;
	}	

#subbar{
	padding:5px;
	}	

#subbar nav ul li{
	width:100%;
	text-align:center;
	margin:0;
	padding:15px 0;
	border:0;
	border-bottom:1px solid #808080;}

#subbar nav ul li:last-child{
	border:0;}	


/*Mensaje*/	

.mensaje{
	box-shadow:0;
	padding:15px;
	border-radius:2px;
	text-align:center;
	margin-bottom:15px;	
	}

/*Botones*/

.width nav.botones{
	width:100%;
	padding:1.25%;}

.width nav.botones ul{
	list-style:none;}	

.width nav.botones ul li{
	overflow:hidden;
	float:none;
	margin:0;
	margin-bottom:2.5%;
	}

.width nav.botones ul li a.btn-destacado, .width nav.botones ul li a.btn {
	display:block;
	padding:3%;
	width:100%;
	line-height:normal;
	border-radius:2px;
	height:auto;
	}


/*Botones ABM*/	

.abm .botones{
	margin:2.5% 0 5%;}

.abm .botones .input_button, .abm .botones .input_button_big, .abm .botones input[type="button"] {	
	float:left;
	padding:3%;
	background-color:#e9e9e9;
	color:#414141;
	height:auto;
	margin-right:2.5%;
	border-radius:2px;
	cursor:pointer;
	border:1px solid rgba(156, 156, 156, 1);
	}	



.width .abm .botones .input_button_big.good{
	background-color:#3c948b;
	color:#ffffff;
	text-decoration:none;
	cursor:pointer;
	text-shadow: 1px 1px 2px rgba(40, 97, 91, 1);
	border:1px solid rgba(40, 97, 91, .5);
	}


.width .abm .botones .input_button_big.evil{
	background-color:#d8555b;
	color:#ffffff;
	text-decoration:none;
	cursor:pointer;
	text-shadow: 1px 1px 2px rgba(166, 65, 70, 1);
	border:1px solid rgba(166, 65, 70, .5);
	}

.width .abm .botones .especiales .input_button_big{
	width:33.33%;	
	float:right;
	background-color:#307BA5;
	color:#ffffff;
	cursor:pointer;	
	}


/*Tabs ABM*/	

.width .abm .tabs{
	overflow:hidden;
	position:relative;
	top:1px;
	}

.width .abm .tabs h2 a{
	display:block;
	padding:3%;
	border-radius:2px 2px 0 0;
	border:1px solid #ccc;
	border-bottom:0;
	float:left;
	margin-right:1%;
	text-decoration:none;
	background-color:#4d4d4d;
	color:#ffffff;
	font-size:0.6em;
	font-weight:normal;
	text-shadow: 1px 1px 2px rgba(26, 26, 26, 1);
	}

.width .abm .tabs h2 a.activo{
	background-color:#f9f9f9;
	color:#4d4d4d;
	text-shadow: none;	
	}

.width .abm .tabs h2:hover a{
	background-color:#d8555b;
	color:#ffffff;
	transition:all .3s;
	text-shadow: 1px 1px 2px rgba(166, 65, 70, 1);
	}	


/*Botones Casilla*/

.width .cp-inbox .botones{
	text-align:center;
	padding:0 2.5%;}


.width .cp-inbox .botones .input_button, .width .cp-inbox .botones .input_button_big{
	width:100%;
	float:none;
	padding:3%;
	background-color:#efefef;
	color:#333;
	height:auto;
	margin:2% auto;
	border-radius:2px;
	border:1px solid #cccccc;
	}

.width .cp-inbox .botones .input_button:hover, .width .cp-inbox .botones .input_button_big:hover{
	background-color:#d6d6d6;
	transition:all .3s;
}


.width .cp-inbox .botones h3{
	padding:1% 2%;
	margin:5% 0;
	}	

.width .cp-inbox .botones h3 a{
	color:#333333;
	text-decoration:none;
	}

.width .cp-inbox .botones h3 a:hover{
	color:#d84a38;
	text-decoration:none;
	transition:all .5s;
	}	

.width .cp-inbox .botones .input_text_small{
	width:100%;
	text-align:center;
	padding:1%;
	outline:none;
	height:40px;
	box-sizing:border-box;
	border:1px solid #ccc;
	}
	
/*ABM*/	

.width .abm{
	width:100%;
	margin:0 auto 1.25%;
	border:1px solid #ccc;
	padding:2%;
	}

.width .abm .contenido{
	
	background-color:rgba(255,255,255,.95);
	color:#4d4d4d;
	width:100%;
	padding:2.5%;
	border:1px solid #ccc;
	overflow:hidden;
	}

.width .abm .contenido h4{
	float:left;
	width:100%;
	margin-bottom:5%;
	padding:2.5%;
	border-left:1px solid #d8555b;
	border-bottom:2px solid #d8555b;	
	}

.width .abm .contenido .campo, .width .abm .contenido .campocheck {
	width:100%;
	margin-bottom:2.5%;
	display:block;
	padding:1% 0;
	float:left;
	}

.width .abm .contenido .campo.full{
	width:100%;}

.width .abm .contenido .campocheck{
	width:100%;}

.width .abm .contenido .campo label, .width .abm .contenido .campocheck label{
	width:100%;
	margin-bottom:2.5%;
	float:left;
	line-height:40px;
	vertical-align:middle;
	color:#333;
	font-size:.9em;
	}	


.width .abm .contenido .campo.full label{
	color:#333;
	width:100%;
	font-size:.9em;	
	}

.width .abm .contenido .campo.full input{
	float:left;
	width:100%;}	

.width .abm .contenido .campo input, #editar\2f licencias\2f 103\2f cliente{
	width:100%;
	height:40px;
	padding:10px;
	float:right;
	outline:0;
	background-color:transparent;
	border:1px solid #cccccc;
	color:#4d4d4d;
	}

.width .abm .contenido .campo input[type="checkbox"]{
	width:10%;
	height:auto;
	padding:10px;
	float:left;
	outline:0;
	background-color:transparent;
	border:1px solid #cccccc;
	color:#4d4d4d;
	cursor:pointer;	
	}

.width .abm .contenido .campo select{
	width:100%;
	height:40px;
	padding:10px;
	float:right;
	outline:0;
	background-color:transparent;
	border:1px solid #cccccc;
	color:#4d4d4d;
	}

.width .abm .contenido .campo select:hover{
	background-color:#414141;
	color:#ffffff;
	transition:all .5s;
	}	


.width .abm .contenido .campocheck input{
	width:10%;
	height:auto;
	padding:2%;
	float:right;
	outline:0;
	background-color:transparent;
	border:1px solid #cccccc;
	color:#4d4d4d;
	}

.width .abm .contenido textarea {
	width:100%;
	height:40px;
	padding:10px;
	float:left;
	outline:0;
	background-color:transparent;
	border:1px solid #cccccc;
	color:#4d4d4d;
	}


.width .abm .contenido .campo input:hover, #editar\2f licencias\2f 103\2f cliente:hover, .width .abm .contenido .campocheck input:hover, .width .abm .contenido textarea:hover, .width .abm .contenido .campo input:focus, #editar\2f licencias\2f 103\2f cliente:focus, .width .abm .contenido .campocheck input:focus, .width .abm .contenido textarea:focus{
	background-color:#414141;
	transition:all .3s;
	color:#ffffff;
	}	

.width .abm .contenido .campocheck label{
	width:100%;}

.width .abm .contenido .campocheck input {
	vertical-align:middle;
	height:15px;
	margin:12.5px 0;
	width:10%;
	float:left;
	}

.campocheck+.campo{
	clear:left;}

.width .abm .contenido textarea {
	height:25vh;
	}

.width .abm .usuarios{
	width:100%;
	border:1px solid #ccc;
	padding:1%;
	float:left;
	}

.width .abm .usuarios .lista{
	background-color:#9c9c9c;
	margin:1% 0;
	padding:1%;
	line-height:1.5;	
	}	

.width .abm .usuarios img{
	line-height:17px;
	vertical-align:middle;}

.width .abm .usuarios a:link{
	color:#4d4d4d;
	text-decoration:none;
	line-height:17px;
	vertical-align:middle;
	margin-left:1%;
	font-weight:bold;
	}	

.width .abm .usuarios a:hover{
	color:#d8555b;
	text-decoration:none;
	line-height:17px;
	vertical-align:middle;
	margin-left:1%;}

.TextoChico{
	width:100%;
	float:left;
	text-align:left!important;
	padding:1% 0 0 0;
	font-size: .7em;
    line-height: 1.5;	
	}


/*Tabla anidada*/

.tabla_anidada, .tabla_separada{
	width:100%;
	float:left;
	padding:2.5% 0 1.25%;
	background-color:transparent;
	}
	
.tabla_anidada label {
	display:none;
	}	

a.btn-agregar{
    display: block;
    margin: 2.5% 0;
    color: #fff;
    padding:3%;
    background-color: #d8555b;
	text-decoration:none;
	float:left;
	cursor:pointer;
	text-shadow: 1px 1px 2px rgba(166, 65, 70, 1);
	border:1px solid rgba(166, 65, 70, .5);
	border-radius:2px;
	}	

a.btn-agregar:hover{
	transition:all .5s;
	background-color:#a6392b;
	
	}

.tabla_anidada table{
	width:100%;
	float:left;}

.tabla_anidada table tr:first-child td{
	padding:.5% 1%;}

.tabla_anidada table tr td{
	padding:0;
	width:auto;}

.tabla_anidada table tr td table{
	margin-bottom:0;
	}

.tabla_anidada table tr td input{
	height:40px;}

.tabla_anidada table tr td button{
	height:40px;
	width:40px;
	border:1px solid #cccccc;
	cursor:pointer;
	}		

.width .abm .contenido .tabla_anidada table tr td .campo{
	width:100%;
	margin:0;
	padding:0;
	}	

.width .abm .contenido .tabla_anidada table tr td:last-child{
	text-align:right;}	

.width .abm .contenido .tabla_anidada table tr:first-child td:last-child{
	text-align:left;}	
	

.width .abm .contenido .tabla_anidada table tr td .campo input[type="text"]{
	margin:0;
	width:100%;
	}

.width .abm .contenido .tabla_anidada table tr td .campo select{
	margin:0;
	width:100%;}

.width .abm .contenido .tabla_anidada table tr td.muy_corto{
	width:9%;}

.width .abm .contenido .tabla_anidada table tr td.corto{
	width:17%;}	

.width .abm .contenido .tabla_anidada table tr td .campo input[type="checkbox"]{
    width: 20px;
    position: relative;
    left: 50%;
    transform: translateX(-50%)}


/*¿Se Borra?*/	



.width .modulos .col-fin{
	width:100%;
	float:left;
	margin-bottom:2.5%
	}

.width .modulos .col-mail{
	float:left;
	width:100%;
	margin-bottom:2.5%
	}

.width .modulos .col-full{
	float:left;
	width:100%;
	margin-bottom:2.5%;
	}				


	.width .modulo{
		width:100%;
		margin-right:0;
		margin-bottom:5%;
		float:left;
		border:1px solid rgba(204,204,204,.75);
		border-radius:5px;}		

	.width .modulo h2{
		display:block;
		width:100%;
		padding:2.5%;
		background-color:#d8555b;
		border-radius:5px 5px 0 0;		
		color:#fff;
		font-size:1em;
		font-weight:normal;
		text-transform:uppercase;
		}		

	.width .modulo .imagen{
		width:25%;
		float:left;
		padding:2.5%;
		}		

	.width .modulo .imagen img{
		width:90%;}		

	.width .modulo .opciones{
		width:75%;
		float:right;
		padding:2.5%;		
		}		

	.width .modulo .opciones a{
		display:inline-block;
		line-height:1.5;
		font-size:0.9em;
		text-decoration:none;
		margin-bottom:5px;
		color:#4d4d4d;
		width:65%;
		}	

	.width .modulo .opciones a:hover{
		color:#d8555b;}

	.width .modulo .opciones a.lista:before{
	height: 18px;
	margin-right:5px;	
    vertical-align: middle;
    content: url(http://contactopuro.com/admin/images/icons/b_listado.gif);
    display: inline-block;}		

	.width .modulo .opciones a .valor{
		color:#333;
		font-size:0.9em;
		font-weight:bold;
		float:right}

	.width .modulo .opciones a.warning{
		color:#d8555b;
		font-weight:bold;}

	.width #devbar{
		width:100%;
		padding:2.5% 1%;
		float:left;
		background-color:#333;}

	.width #devbar ul li{
		float:left;
		margin:0 1%;
		margin-bottom:1%;}		
		
	.width #devbar nav ul li a:link, .width #devbar nav ul li a:visited{
		color:#fff;}

	.width #devbar nav ul li a:hover, .width #devbar nav ul li a:active{
		color:#d8555b;}

	.width #devbar nav ul .agregar-importar{
		width:100%;
		float:left;
		padding:1%;		

		}

	.width #devbar nav ul .agregar-importar a{
		color:#d8555b;
		text-decoration:none;
		margin-right:2.5%;
		font-weight:bold;
		}

.width a.agregar-modulo{
	float:right;
	display:block;
	padding:1%;
	border:1px solid #333;
	text-decoration:none;
	text-align:center;
	color:#333;
	margin-bottom:2.5%;
	}	

.width a.agregar-modulo:hover{
	background-color:#414141;
	color:#fff;
	transition:all .3s;}	

.width .cp-inbox{
	width:100%;
	margin:0 auto 1.25%;
	border:1px solid #ccc;}

.width .cp-inbox .header{
		display:block;
		width:100%;
		padding:2%;
		background-color:#d8555b;
		color:#fff;
		font-size:1em;
		font-weight:normal;
		text-transform:uppercase;	
	}	

.width .cp-inbox table{
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	}

.width .cp-inbox table tr td
{
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:2%;
	background-color:transparent;
		}		

.width .cp-inbox table tr td:last-child{
	border-right:0;
	}

.width .cp-inbox table tr td a:link, .width .cp-inbox table tr td a:visited{
	color:#333;
	text-decoration:none;
	}
	
.width .cp-inbox table tr td a:hover, .width .cp-inbox table tr td a:active{
	color:#d8555b;
	}

/*Tabla separada*/	

.width .abm .contenido .tabla_separada table{
	background-color:transparent;}

.width .abm .contenido .tabla_separada table td{
	background-color:transparent;
	border:1px solid #ccc;
	}

.width .abm .contenido .tabla_separada table td td{
	border:0;}	

.width .abm .contenido .tabla_separada table tr:hover{
	background-color:#414141;
	color:#fff;
	transition:all .5s;
}	

.width .abm .contenido .tabla_separada table tr:hover tr{
	background-color:transparent;
}	

.width .abm .contenido .tabla_separada .tabla_separada_registro{
	width:100%;
	border-bottom:1px dashed #ccc;
	padding:5% 2.5%;
	overflow:hidden;
	}


.width .abm .contenido .tabla_separada .tabla_separada_registro:nth-last-child(2){
	border-bottom:0;}	



.width .abm .contenido .tabla_separada .tabla_separada_registro .nombre{
	font-style:italic;
	float:left;
	width:70%;
	}

.width .abm .contenido .tabla_separada .tabla_separada_registro:hover .nombre{
	color:#d8555b;
	font-weight:bold;}


.width .abm .contenido .tabla_separada .tabla_separada_registro .botones{
	width:30%;
	float:right;
	text-align:right;
	margin:0;
	}

.width .abm .contenido .tabla_separada .tabla_separada_registro .botones a{
	display:inline-block;
	vertical-align:middle;
	margin-right:12.5%;}		

.width .abm .contenido .tabla_separada .tabla_separada_registro .botones a:last-child{
	margin-right:0;}	


.width .abm .botones .especiales{
	padding:0;
	width:100%;
	overflow:hidden;
	}

.width .abm .botones .especiales input{
	float:left;
	margin-top:2.5%;
	margin-right:2.5%;
	margin-bottom:2.5%;
	cursor:pointer;		
	padding:3%;
	border:1px solid #ccc;
	height:auto;
	border-radius:2px;
	}

.width .abm .botones .especiales input.red, .botones input[type="button"].red{
	background-color:#bf373e;
	color:#FFFFFF;
	text-shadow: 1px 1px 2px rgba(140, 41, 46, 1);
	border:1px solid rgba(140, 41, 46, .5);		
	}

.width .abm .botones .especiales input.green, .botones input[type="button"].green{
	background-color:#4bbf58;
	color:#FFFFFF;
	text-shadow: 1px 1px 2px rgba(55, 141, 65, 1);
	border:1px solid rgba(55, 141, 65, .5);	
	}

.width .abm .botones .especiales input.blue{
	background-color:#584bbf;
	color:#FFFFFF;
	text-shadow: 1px 1px 2px rgba(65, 55, 140, 1);
	border:1px solid rgba(65, 55, 140, .5);
	}

.width .abm .botones .especiales input.yellow{
	background-color:#e5d35a;
	color:#FFFFFF;
	text-shadow: 1px 1px 2px rgba(179, 164, 70, 1);
	border:1px solid rgba(179, 164, 70, .5);
	}

/*
	.width{
		width:100%;
		margin:auto;
		background-color:#e5e5e5;
		padding:2.5%;
		}

.width .modulos .col-fin{
	width:100%;
	float:left;
	margin-bottom:2.5%
	}

.width .modulos .col-mail{
	float:left;
	width:100%;
	margin-bottom:2.5%
	}

.width .modulos .col-full{
	float:left;
	width:100%;
	margin-bottom:2.5%;
	}		


	.width .modulo{
		width:100%;
		margin-right:0;
		margin-bottom:5%;
		float:left;
		border:1px solid rgba(204,204,204,.75);
		border-radius:5px;}		

	.width .modulo h2{
		display:block;
		width:100%;
		padding:2.5%;
		background-color:#d8555b;
		border-radius:5px 5px 0 0;		
		color:#fff;
		font-size:1em;
		font-weight:normal;
		text-transform:uppercase;
		}		

	.width .modulo .imagen{
		width:30%;
		float:left;
		padding:2.5%;
		}		

	.width .modulo .imagen img{
		width:90%;}		

	.width .modulo .opciones{
		width:65%;
		float:right;
		padding:2.5%;		
		}		

	.width .modulo .opciones a{
		display:inline-block;
		line-height:1.5;
		font-size:0.9em;
		text-decoration:none;
		margin-bottom:5px;
		color:#4d4d4d;
		width:65%;
		}	

	.width .modulo .opciones a:hover{
		color:#d8555b;}

	.width .modulo .opciones a.lista:before{
	height: 18px;
	margin-right:5px;	
    vertical-align: middle;
    content: url(http://contactopuro.com/admin/images/icons/b_listado.gif);
    display: inline-block;}		

	.width .modulo .opciones a .valor{
		color:#333;
		font-size:0.9em;
		font-weight:bold;
		float:right}

	.width .modulo .opciones a.warning{
		color:#d8555b;
		font-weight:bold;}

	.width #devbar{
		width:100%;
		padding:2.5% 1%;
		float:left;
		background-color:#333;}

	.width #devbar ul li{
		float:left;
		margin:0 1%;
		margin-bottom:1%;}		
		
	.width #devbar nav ul li a:link, .width #devbar nav ul li a:visited{
		color:#fff}

	.width #devbar nav ul li a:hover, .width #devbar nav ul li a:active{
		color:#d8555b;}

	.width #devbar nav ul .agregar-importar{
		width:100%;
		float:left;
		padding:1%;		

		}

	.width #devbar nav ul .agregar-importar a{
		color:#d8555b;
		text-decoration:none;
		margin-right:2.5%;
		font-weight:bold;
		}

.width a.agregar-modulo{
	float:right;
	display:block;
	padding:1%;
	border:1px solid #333;
	text-decoration:none;
	text-align:center;
	color:#333;
	margin-bottom:2.5%;
	}	

.width a.agregar-modulo:hover{
	background-color:#414141;
	color:#fff;
	transition:all .3s;}	

.width .cp-inbox{
	width:100%;
	margin:0 auto 1.25%;
	border:1px solid #ccc;}

.width .cp-inbox .header{
		display:block;
		width:100%;
		padding:1%;
		background-color:#d8555b;
		color:#fff;
		font-size:1em;
		font-weight:normal;
		text-transform:uppercase;	
	}	

.width .cp-inbox table{
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	}

.width .cp-inbox table tr td
{
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:2%;
	background-color:transparent;
		}		

.width .cp-inbox table tr td:last-child{
	border-right:0;
	}

.width .cp-inbox table tr td a:link, .width .cp-inbox table tr td a:visited{
	color:#333;
	text-decoration:none;
	}
	
.width .cp-inbox table tr td a:hover, .width .cp-inbox table tr td a:active{
	color:#d8555b;
	}

.width .cp-inbox .botones{
	text-align:center;
	padding:0 1%;}

.width .cp-inbox .botones .input_button, .width .cp-inbox .botones .input_button_big{
	width:90%;
	margin:2% auto;
	padding:2.5%;
	background-color:#efefef;
	color:#333;
	height:auto;
	box-sizing:border-box;
	border-radius:2px;
}

.width .cp-inbox .botones .input_button:hover, .width .cp-inbox .botones .input_button_big:hover{
	background-color:#d6d6d6;
	transition:all .3s;
}


.width .cp-inbox .botones h3{
	padding:1% 2%;
	margin:2% auto;	
	float:none;
	}	

.width .cp-inbox .botones .input_text_small{
	width:90%;
	padding:1%;
	outline:none;
	height:40px;
	box-sizing:border-box;
	border:1px solid #ccc;
	text-align:center;
	}
*/

/*tecsur*/	

#cartera-de-cheques h2{
	color:#666666;
	margin-bottom:.5em;}

#cartera-de-cheques table{
	border-radius:2px 2px 0 0;
	width:100%;}

#cartera-de-cheques table tr td{
	padding:2.5%;}	

#cartera-de-cheques a.buscar:link,#cartera-de-cheques a.buscar:visited{
	color:#666666;
	text-decoration:none;
	font-weight:bold;
	padding:1% 0;
	float:left;}

#cartera-de-cheques a.buscar:hover,#cartera-de-cheques a.buscar:active{
	color:#d84a38;
	text-decoration:none;}	

#cartera-de-cheques a.buscar:after{content:'\00BB';}


/*Tabla de checkbox*/

.width .abm .contenido .grupo .tabla_anidada .tag{
    float: left;
    width: 48.75%;
	margin-right:2.5%;
	margin-bottom:5%;
    display: block;
    vertical-align: middle;
	height:35px;
	}

.width .abm .contenido .grupo .tabla_anidada .tag:nth-child(2n+1){
	margin-right:0;}	

.width .abm .contenido .grupo .tabla_anidada .tag input[type="checkbox"]{
	float:left;
    line-height: 18px;
    vertical-align: middle;
    height: 18px;
	width:18px;
	width:8%;
	}

.width .abm .contenido .grupo .tabla_anidada .tag label{
	display:block;
	float:left;
	width:80%;
	font-size: .8em;
    margin-left: 5px;
    line-height: 18px;
    vertical-align: middle;}


/*QUIEROMICASAYA*/

#QUIEROMICASAYA .abm{	
	background-color:rgba(255,255,255,.9);}

#QUIEROMICASAYA header {
    background-color: rgba(0,0,0,.5);
}

#QUIEROMICASAYA header .width nav ul li a.inicio, #QUIEROMICASAYA header .width nav ul li a.salir, #QUIEROMICASAYA header .width nav ul li p.usuario{
	color:#ffffff;
	font-weight:bold;
	}


#QUIEROMICASAYA header .width nav ul li a.soporte{
	color:#d8555b;
	font-weight:bold;
	}

#QUIEROMICASAYA .width .abm .contenido .campo.full label, #QUIEROMICASAYA .width .abm .contenido .campo label, #QUIEROMICASAYA .width .abm .contenido .campocheck label {
    color: #ffffff;
    background-color: #4ba000;
    padding: 0;
    padding-left: 1.25%;
    margin-right: 0;
    border-radius: 4px 4px 0 0;
	margin-bottom:0;
}

#QUIEROMICASAYA .width .abm .contenido .campo.full input, #QUIEROMICASAYA .width .abm .contenido .campo input, #QUIEROMICASAYA .width .abm .contenido .campo.full textarea, #QUIEROMICASAYA .width .abm .contenido .campo.full select, #QUIEROMICASAYA .width .abm .contenido .campo select {
    background-color: #ffffff;
    color: #414141;
    width: 100%;
    border-radius: 0 0 4px 4px;
}

#QUIEROMICASAYA .width .abm h1, #QUIEROMICASAYA .width .abm .contenido h4 {
    color: #414141;
    border-left: 5px solid #4ba000;
    border-bottom: 3px solid #4ba000;
    font-weight: lighter;
    text-transform: uppercase;
    font-size: 1.5em;
    padding-left: 10px;
    padding-bottom: 5px;
    padding-top: 5px;
    margin-bottom: .5em;
}

#QUIEROMICASAYA .width .abm .contenido h4 {
    color: #ffffff;
    margin-top: 1em;
}


#QUIEROMICASAYA section .width .pack{
	padding:5%;
	border-radius:5px;
	overflow:hidden;
	width:100%;
	margin:auto;
	color:#414141;	
	}

#QUIEROMICASAYA section .width .pack h5{
	width:47.5%;
	float:left;
	text-align:right;
	font-size:2em;
	font-weight:lighter;
	text-transform:uppercase;
	}

#QUIEROMICASAYA section .width .pack .info{
	text-align:left;
	width:47.5%;
	float:right;
	}	

#QUIEROMICASAYA section .width .pack .info .precio{
	font-size:2em;
	font-weight:lighter;}	

#QUIEROMICASAYA section .width .pack .info .descripcion{
	font-size:.9em;
	line-height:1.5;
	font-weight:normal;
	text-transform:uppercase;}

#QUIEROMICASAYA section .width .pack .info .detalles{
	font-size:.9em;
	line-height:1.5;
	font-weight:normal;
	font-style:italic;
	color:#7ab55c;
	margin-bottom:2.5%;
	}

#QUIEROMICASAYA section .width .pack .info a.continuar{
	display:block;
	width:100%;
	padding:5%;
	color:#ffffff;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	border-radius:5px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#bcbcbc+0,757575+50,666666+51,666666+100 */
background: #bcbcbc; /* Old browsers */
background: -moz-linear-gradient(top,  #bcbcbc 0%, #757575 50%, #666666 51%, #666666 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #bcbcbc 0%,#757575 50%,#666666 51%,#666666 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #bcbcbc 0%,#757575 50%,#666666 51%,#666666 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bcbcbc', endColorstr='#666666',GradientType=0 ); /* IE6-9 */
	text-shadow: 1px 1px 2px rgba(63, 63, 63, 1);
	border:1px solid rgba(63, 63, 63, 1);	
	}

#QUIEROMICASAYA section .width .pack.oro .info a.continuar{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fceabb+0,fccd4d+50,f8b500+51,fbdf93+100;Orange+3D+%235 */
	background: #fceabb; /* Old browsers */
	background: -moz-linear-gradient(top,  #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93',GradientType=0 ); /* IE6-9 */	
	text-shadow: 1px 1px 2px rgba(252, 205, 77, 1);
	border:1px solid rgba(252, 205, 77, 1);
	}

#QUIEROMICASAYA section .width .pack.plata .info a.continuar{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b7deed+0,71ceef+50,21b4e2+51,b7deed+100;Shape+1+Style */
	background: #b7deed; /* Old browsers */
	background: -moz-linear-gradient(top,  #b7deed 0%, #71ceef 50%, #21b4e2 51%, #b7deed 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #b7deed 0%,#71ceef 50%,#21b4e2 51%,#b7deed 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #b7deed 0%,#71ceef 50%,#21b4e2 51%,#b7deed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7deed', endColorstr='#b7deed',GradientType=0 ); /* IE6-9 */
	text-shadow: 1px 1px 2px rgba(145, 178, 194, 1);
	border:1px solid #21b4e2;
	}

#QUIEROMICASAYA section .width .pack.bronce .info a.continuar{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#feccb1+0,f17432+50,ea5507+51,fb955e+100;Red+Gloss+%232 */
background: #feccb1; /* Old browsers */
background: -moz-linear-gradient(top,  #feccb1 0%, #f17432 50%, #ea5507 51%, #fb955e 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #feccb1 0%,#f17432 50%,#ea5507 51%,#fb955e 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #feccb1 0%,#f17432 50%,#ea5507 51%,#fb955e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feccb1', endColorstr='#fb955e',GradientType=0 ); /* IE6-9 */
	text-shadow: 1px 1px 2px rgba(235, 88, 11, 1);
	border:1px solid #eb580b;
	}	

#QUIEROMICASAYA section .width .pack .info a.continuar:hover, #QUIEROMICASAYA section .width .pack .info a.continuar:active{
	opacity:.75;
	}		


/*QUIEROMICASA PERFIL*/

#QUIEROMICASAYA .width .abm .contenido {
    background-color: rgba(102,102,102,.9);
}

#QUIEROMICASAYA .width .abm form label, #QUIEROMICASAYA .width .abm form p {
    display: block;
    width: 100%;
    padding: 1.25% 0;
    font-size: .9em;
}

.width .abm form{
	width:100%;
	overflow:hidden;
	}

.width .abm form label, .width .abm form p{
	display:block;
	width:100%;
	padding:2.5% 0;
	font-size:.9em;}	

.width .abm form p.mail{
	font-style:italic;
	color:#616161;
	margin-bottom:2.5%;
	}	

.width .abm form input[type="text"]{
	display:block;
	width:100%;
	padding:2.5%;
	color:#414141;
	margin-bottom:1.25%;
	font-style:italic;
	}

.width .abm form .nuevo-logo{
	margin-bottom:3.75%;}

.width .abm form input[type="submit"]{
	display:block;
	width:100%;
	float:left;
	padding:5%;
	color:#ffffff;
	background-color:#4ba000;
	margin-bottom:1.25%;
	font-style:italic;
	border-radius:2px;
	cursor:pointer;
	text-shadow: 1px 1px 4px rgba(51, 110,0, 1);	
	}


.width .abm form input[type="submit"]:hover{
	background-color:rgba(51,110,0,1);
	transition:all .3s;
	}

.width .abm form img{
	max-width:200px;
	max-height:200px;}		

table tr td{
    padding-top: 10px;
    padding-bottom: 10px;    
    }
    
.no_mobile{
display: none;
}
	}

/*Mobile 800 - 1024*/

@media only screen and (min-width:50.000em) and (max-width:63.938em) {

    	form#login{
			width:50%;
			}

    	form#login label{
			width:17.5%;
			}
			
    	form#login input[type="text"], form#login input[type="password"]{
			width:80%;
			}



	.width{
		width:90%;
		margin:auto;
		padding:2.5% 0;
		}

.width .modulos .col-fin{
	width:27.5%;
	float:left;
	margin-right:2.5%
	}

.width .modulos .col-mail{
	width:70%;
	float:left;
	}

.width .modulos .col-full{
	width:100%;
	}		


	.width .modulo{
		width:48.75%;
		margin-right:2.5%;
		margin-bottom:2.5%;
		float:left;
		border:1px solid rgba(204,204,204,.75);
		border-radius:5px;}		

	.width .modulo:nth-child(2n){
		margin-right:0;}

	.width .modulo h2{
		display:block;
		width:100%;
		padding:2.5%;
		background-color:#d8555b;
		border-radius:5px 5px 0 0;		
		color:#fff;
		font-size:1em;
		font-weight:normal;
		text-transform:uppercase;
		}		

	.width .modulo .imagen{
		width:30%;
		float:left;
		padding:2.5%;
		}		

	.width .modulo .imagen img{
		width:90%;}		

	.width .modulo .opciones{
		width:65%;
		float:right;
		padding:2.5%;		
		}		

	.width .modulo .opciones a{
		display:inline-block;
		line-height:1.5;
		font-size:0.9em;
		text-decoration:none;
		margin-bottom:5px;
		color:#4d4d4d;
		width:65%;
		}	

	.width .modulo .opciones a:hover{
		color:#d8555b;}

	.width .modulo .opciones a.lista:before{
	height: 18px;
	margin-right:5px;	
    vertical-align: middle;
    content: url(http://contactopuro.com/admin/images/icons/b_listado.gif);
    display: inline-block;}		

	.width .modulo .opciones a .valor{
		color:#333;
		font-size:0.9em;
		font-weight:bold;
		float:right}

	.width .modulo .opciones a.warning{
		color:#d8555b;
		font-weight:bold;}

	.width #devbar{
		width:100%;
		padding:2.5% 1%;
		float:left;
		background-color:#333;}

	.width #devbar ul li{
		float:left;
		margin:0 1%;
		margin-bottom:1%;}		
		
	.width #devbar nav ul li a:link, .width #devbar nav ul li a:visited{
		color:#fff!important;}

	.width #devbar nav ul li a:hover, .width #devbar nav ul li a:active{
		color:#d8555b;}

	.width #devbar nav ul .agregar-importar{
		width:100%;
		float:left;
		padding:1%;		

		}

	.width #devbar nav ul .agregar-importar a{
		color:#d8555b;
		text-decoration:none;
		margin-right:2.5%;
		font-weight:bold;
		}

.width a.agregar-modulo{
	float:right;
	display:block;
	padding:1%;
	border:1px solid #333;
	text-decoration:none;
	text-align:center;
	color:#333;
	margin-bottom:2.5%;
	}	

.width a.agregar-modulo:hover{
	background-color:#414141;
	color:#fff;
	transition:all .3s;}	

.width .cp-inbox{
	width:100%;
	margin:0 auto 1.25%;
	border:1px solid #ccc;}

.width .cp-inbox .header{
		display:block;
		width:100%;
		padding:1%;
		background-color:#d8555b;
		color:#fff;
		font-size:1em;
		font-weight:normal;
		text-transform:uppercase;	
	}	

.width .cp-inbox table{
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	}

.width .cp-inbox table tr td
{
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:1%;
	background-color:transparent;
		}		

.width .cp-inbox table tr td:last-child{
	border-right:0;
	}

.width .cp-inbox table tr td a:link, .width .cp-inbox table tr td a:visited{
	color:#333;
	text-decoration:none;
	}
	
.width .cp-inbox table tr td a:hover, .width .cp-inbox table tr td a:active{
	color:#d8555b;
	}

.width .cp-inbox .botones{
	padding:0 1%;}

.width .cp-inbox .botones .input_button, .width .cp-inbox .botones .input_button_big{
	float:left;
	padding:1% 2%;
	background-color:#efefef;
	color:#333;
	height:auto;
	margin-right:1%;
	border-radius:2px;
	}
	
.width .cp-inbox .botones .input_button:hover, .width .cp-inbox .botones .input_button_big:hover{
	background-color:#d6d6d6;
	transition:all .3s;
}
	

.width .cp-inbox .botones h3{
	padding:1% 2%;
	margin-right:1%;
	float:left;
	}	

.width .cp-inbox .botones .input_text_small{
	padding:1%;
	outline:none;
	height:40px;
	box-sizing:border-box;
	border:1px solid #ccc;
	}

.width .abm{
	width:100%;
	margin:0 auto 1.25%;
	border:1px solid #ccc;
	padding:2%;
	background-color:rgba(0,0,0,.25);
	}

.width .abm h1{
	font-size:1.5em;}	

.abm .botones{
	margin:1% 0;}

.abm .botones .input_button, .abm .botones .input_button_big, .botones input[type="button"] {
	float:left;
	padding:1% 2%;
	background-color:#e9e9e9;
	color:#414141;
	height:auto;
	margin-right:1%;
	border-radius:2px;
	cursor:pointer;	
	border:1px solid rgba(156, 156, 156, 1);
	}	



.width .abm .botones .input_button_big.good{
	background-color:#3c948b;
	color:#ffffff;
	text-decoration:none;
	cursor:pointer;
	text-shadow: 1px 1px 2px rgba(40, 97, 91, 1);
	border:1px solid rgba(40, 97, 91, .5);
	}


.width .abm .botones .input_button_big.evil{
	background-color:#d8555b;
	color:#ffffff;
	text-decoration:none;
	cursor:pointer;
	text-shadow: 1px 1px 2px rgba(166, 65, 70, 1);
	border:1px solid rgba(166, 65, 70, .5);
	}

.width .abm .botones .especiales .input_button_big{
	float:right;
	background-color:#307BA5;
	color:#ffffff;
	cursor:pointer;	
	}

.width .abm .botones .especiales input{
	float:right;
	cursor:pointer;		
	padding:1% 2%;
	border:1px solid #ccc;
	height:auto;
	border-radius:2px;
	margin-right:10px;
	}

.width .abm .botones .especiales input:first-child{
	margin-right:0;
	}	

.width .abm .botones .especiales input.red, .botones input[type="button"].red{
	background-color:#bf373e;
	color:#FFFFFF;
	text-shadow: 1px 1px 2px rgba(140, 41, 46, 1);
	border:1px solid rgba(140, 41, 46, .5);		
	}

.width .abm .botones .especiales input.green, .botones input[type="button"].green{
	background-color:#4bbf58;
	color:#FFFFFF;
	text-shadow: 1px 1px 2px rgba(55, 141, 65, 1);
	border:1px solid rgba(55, 141, 65, .5);	
	}

.width .abm .botones .especiales input.blue{
	background-color:#584bbf;
	color:#FFFFFF;
	text-shadow: 1px 1px 2px rgba(65, 55, 140, 1);
	border:1px solid rgba(65, 55, 140, .5);
	}

.width .abm .botones .especiales input.yellow{
	background-color:#e5d35a;
	color:#FFFFFF;
	text-shadow: 1px 1px 2px rgba(179, 164, 70, 1);
	border:1px solid rgba(179, 164, 70, .5);
	}				

.width .abm .tabs{
	overflow:hidden;
	position:relative;
	top:1px;
	}

.width .abm .tabs h2 a{
	display:block;
	padding:1%;
	border-radius:2px 2px 0 0;
	border:1px solid #ccc;
	border-bottom:0;
	float:left;
	margin-right:1%;
	text-decoration:none;
	background-color:#4d4d4d;
	color:#ffffff;
	font-size:0.6em;
	font-weight:normal;
	text-shadow: 1px 1px 2px rgba(26, 26, 26, 1);
	}

.width .abm .tabs h2 a.activo{
	background-color:#f9f9f9;
	color:#4d4d4d;
	text-shadow: none;	
	}

.width .abm .tabs h2:hover a{
	background-color:#d8555b;
	color:#ffffff;
	transition:all .3s;
	text-shadow: 1px 1px 2px rgba(166, 65, 70, 1);
	}	

.width .abm .contenido{
	background-color:rgba(0,0,0,.25);	
	color:#ffffff;
	width:100%;
	padding:1%;
	border:1px solid #ccc;
	overflow:hidden;
	}

.width .abm .contenido h4{
	float:left;
	margin-bottom:2.5%;
	width:100%;
	padding:1.25%;
	border-left:3px solid #d8555b;
	border-bottom:4px solid #d8555b;
}

.width .abm .contenido .campo, .width .abm .contenido .campocheck {
	width:47.5%;
	margin-right:2.5%;
	display:block;
	padding:1% 0;
	float:left;
	}

.width .abm .contenido .campo.full{
	width:100%;}

.width .abm .contenido .campocheck{
	width:30%;}

.width .abm .contenido .campo label, .width .abm .contenido .campocheck label{
	width:32.5%;
	margin-right:2.5%;
	float:left;
	line-height:40px;
	vertical-align:middle;
	color:#333;
	font-size:.9em;
	}	


.width .abm .contenido .campo.full label{
	color:#333;
	width:14%;
	font-size:.9em;	
	}

.width .abm .contenido .campo.full input{
	float:left;
	width:31%;}	

.width .abm .contenido .campo input, #editar\2f licencias\2f 103\2f cliente{
	width:65%;
	height:40px;
	padding:10px;
	float:right;
	outline:0;
	background-color:transparent;
	border:1px solid #cccccc;
	color:#4d4d4d;
	}

.width .abm .contenido .campo input[type="checkbox"]{
	width:4%;
	height:40px;
	padding:10px;
	float:left;
	outline:0;
	background-color:transparent;
	border:1px solid #cccccc;
	color:#4d4d4d;
	cursor:pointer;	
	}

.width .abm .contenido .campo select{
	width:65%;
	height:40px;
	padding:10px;
	float:right;
	outline:0;
	background-color:transparent;
	border:1px solid #cccccc;
	color:#4d4d4d;
	}

.width .abm .contenido .campo select:hover{
	background-color:#414141;
	color:#ffffff;
	transition:all .5s;
	}	


.width .abm .contenido .campocheck input{
	width:5%;
	height:40px;
	padding:2%;
	float:right;
	outline:0;
	background-color:transparent;
	border:1px solid #cccccc;
	color:#4d4d4d;
	}

.width .abm .contenido textarea {
	width:81%;
	height:40px;
	padding:10px;
	float:left;
	outline:0;
	background-color:transparent;
	border:1px solid #cccccc;
	color:#4d4d4d;
	}


.width .abm .contenido .campo input:hover, #editar\2f licencias\2f 103\2f cliente:hover, .width .abm .contenido .campocheck input:hover, .width .abm .contenido textarea:hover, .width .abm .contenido .campo input:focus, #editar\2f licencias\2f 103\2f cliente:focus, .width .abm .contenido .campocheck input:focus, .width .abm .contenido textarea:focus{
	background-color:#414141;
	transition:all .3s;
	color:#ffffff;
	}	

.width .abm .contenido .campocheck label{
	width:40%;}

.width .abm .contenido .campocheck input {
	vertical-align:middle;
	height:15px;
	margin:12.5px 0;
	width:10%;
	float:left;
	}

.campocheck+.campo{
	clear:left;}

.width .abm .contenido textarea {
	height:25vh;
	}

.width .abm .usuarios{
	width:100%;
	border:1px solid #ccc;
	padding:1%;
	float:left;
	}

.width .abm .usuarios .lista{
	background-color:#9c9c9c;
	margin:1% 0;
	padding:1%;
	line-height:1.5;	
	}	

.width .abm .usuarios img{
	line-height:17px;
	vertical-align:middle;}

.width .abm .usuarios a:link{
	color:#4d4d4d;
	text-decoration:none;
	line-height:17px;
	vertical-align:middle;
	margin-left:1%;
	font-weight:bold;
	}	

.width .abm .usuarios a:hover{
	color:#d8555b;
	text-decoration:none;
	line-height:17px;
	vertical-align:middle;
	margin-left:1%;}

.TextoChico{
	width:100%;
	float:left;
	text-align:left!important;
	padding:1% 0 0 0;}

/*Tabla anidada*/

.tabla_anidada, .tabla_separada{
	width:100%;
	float:left;
	padding:2.5% 0 1.25%;
	background-color:transparent;
	}
	
.tabla_anidada label {
	display:none;
	}	

a.btn-agregar{
    width: 10%;
    display: block;
    margin: 1% 0 2.5%;
    color: #fff;
    padding: 1.25% 2.5%;
    background-color: #d8555b;
	text-decoration:none;
	float:left;
	cursor:pointer;
	text-shadow: 1px 1px 2px rgba(166, 65, 70, 1);
	border:1px solid rgba(166, 65, 70, .5);
	border-radius:2px;
	}	

a.btn-agregar:hover{
	transition:all .5s;
	background-color:#a6392b;
	
	}

.tabla_anidada table{
	width:100%;
	float:left;}

.tabla_anidada table tr:first-child td{
	padding:.5% 1%;}

.tabla_anidada table tr td{
	padding:0;
	width:auto;}

.tabla_anidada table tr td table{
	margin-bottom:0;
	}

.tabla_anidada table tr td input{
	height:40px;}

.tabla_anidada table tr td button{
	height:40px;
	width:40px;
	border:1px solid #cccccc;
	cursor:pointer;
	}		

.width .abm .contenido .tabla_anidada table tr td .campo{
	width:100%;
	margin:0;
	padding:0;
	}	

.width .abm .contenido .tabla_anidada table tr td:last-child{
	text-align:right;}	

.width .abm .contenido .tabla_anidada table tr:first-child td:last-child{
	text-align:left;}	
	

.width .abm .contenido .tabla_anidada table tr td .campo input[type="text"]{
	margin:0;
	width:100%;
	}

.width .abm .contenido .tabla_anidada table tr td .campo select{
	margin:0;
	width:100%;}

.width .abm .contenido .tabla_anidada table tr td.muy_corto{
	width:9%;}

.width .abm .contenido .tabla_anidada table tr td.corto{
	width:17%;}	

.width .abm .contenido .tabla_anidada table tr td .campo input[type="checkbox"]{
    width: 20px;
    position: relative;
    left: 50%;
    transform: translateX(-50%)}
	

.width .abm .contenido .tabla_separada table{
	background-color:transparent;}

.width .abm .contenido .tabla_separada table td{
	background-color:transparent;
	border:1px solid #ccc;
	}

.width .abm .contenido .tabla_separada table td td{
	border:0;}	

.width .abm .contenido .tabla_separada table tr:hover{
	background-color:#414141;
	color:#fff;
	transition:all .5s;
}	

.width .abm .contenido .tabla_separada table tr:hover tr{
	background-color:transparent;
}	

.width .abm .contenido .tabla_separada .tabla_separada_registro{
	width:100%;
	border-bottom:1px dashed #ccc;
	padding:1.25% 1%;
	overflow:hidden;
	}


.width .abm .contenido .tabla_separada .tabla_separada_registro:nth-last-child(2){
	border-bottom:0;}	



.width .abm .contenido .tabla_separada .tabla_separada_registro .nombre{
	font-style:italic;
	float:left;
	width:70%;
	}

.width .abm .contenido .tabla_separada .tabla_separada_registro:hover .nombre{
	color:#d8555b;
	font-weight:bold;}


.width .abm .contenido .tabla_separada .tabla_separada_registro .botones{
	width:30%;
	float:right;
	text-align:right;
	margin:0;
	}

.width .abm .contenido .tabla_separada .tabla_separada_registro .botones a{
	display:inline-block;
	vertical-align:middle;
	margin-right:1%;}		

.width .abm .contenido .tabla_separada .tabla_separada_registro .botones a:last-child{
	margin-right:0;}	


.width .modulos .botones table tr td{
	padding:0 10px 0 0;}

.width .modulos .botones select{
    padding: 10px 2%;
    border: 1px solid #ccc;
	outline:none;
	border-radius:2px;
	}


.width .modulos .botones table input[type="submit"]{
    width: 35px;
    height: 100%;
    border: 1px solid #ccc;	
	outline:none;
	cursor:pointer;
	border-radius:2px;	
	}

.botones input[type="button"]{
	margin-bottom:20px;}

.width .TextoChico{
	font-size:.75em;
	font-style:italic;}

.width .modulos table.alertas, .width .modulos table.sospechosas{
	width:100%;
	border-radius:5px 5px 0 0;
	border:1px solid #ccc;
	}

.width .modulos table.alertas tr:first-child{
	background-color:#4bbf58;
	color:#FFFFFF;
	text-shadow: 1px 1px 2px rgba(55, 141, 65, 1);
	border:1px solid rgba(55, 141, 65, .5);	
	}	

.width .modulos table.sospechosas tr:first-child{
	background-color:#bf373e;
	color:#FFFFFF;
	text-shadow: 1px 1px 2px rgba(140, 41, 46, 1);
	border:1px solid rgba(140, 41, 46, .5);
	}	

	
.width .modulos table.alertas tr:first-child td, .width .modulos table.sospechosas tr:first-child td{
	border-bottom:none;}

.width .modulos table.alertas tr td, .width .modulos table.sospechosas tr td{
	background-color:#f9f9f9;
	border-bottom:1px solid #ccc;
	padding:1%;}
	
.width .modulos table.alertas tr:first-child td, .width .modulos table.sospechosas tr:first-child td{
	background-color:transparent;
	border-bottom:1px solid #ccc;
	padding:1%;}	

.width .modulos table.alertas tr td:last-child, .width .modulos table.sospechosas tr td:last-child{
	text-align:center;}	

.width .modulos table.alertas tr td a{
	margin-right:10px;}

.width .modulos table.alertas tr td a:last-child{
	margin-right:0;}
	
.cke{
	width:100%!important;
	float:left!important;}

/*tecsur*/	

#cartera-de-cheques h2{
	color:#666666;
	margin-bottom:.5em;}

#cartera-de-cheques table{
	border-radius:2px 2px 0 0;
	width:100%;}

#cartera-de-cheques table tr td{
	padding:1%;}	

#cartera-de-cheques a.buscar:link,#cartera-de-cheques a.buscar:visited{
	color:#666666;
	text-decoration:none;
	font-weight:bold;
	padding:1% 0;
	float:left;}

#cartera-de-cheques a.buscar:hover,#cartera-de-cheques a.buscar:active{
	color:#d84a38;
	text-decoration:none;}	

#cartera-de-cheques a.buscar:after{content:'\00BB';}

/*Tabla de checkbox*/

.width .abm .contenido .grupo .tabla_anidada .tag{
    float: left;
    width: 31.66%;
	margin-right:2.5%;
	margin-bottom:2.5%;
    display: block;
    vertical-align: middle;
	height:25px;
	}

.width .abm .contenido .grupo .tabla_anidada .tag:nth-child(3n+1){
	margin-right:0;}	

.width .abm .contenido .grupo .tabla_anidada .tag input[type="checkbox"]{
	float:left;
    line-height: 18px;
    vertical-align: middle;
    height: 18px;
	width:18px;
	width:8%;
	}

.width .abm .contenido .grupo .tabla_anidada .tag label{
	display:block;
	float:left;
	width:80%;
	font-size: .8em;
    margin-left: 5px;
    line-height: 18px;
    vertical-align: middle;}

/*QUIEROMICASAYA*/

#QUIEROMICASAYA header{
	background-color:rgba(0,0,0,.5);}

#QUIEROMICASAYA header .width{
	margin:0 auto;}	

#QUIEROMICASAYA header .width a.logo{
	width:248px;
	height:43px;
	text-align:center;
	display:block;
	float:none;
	margin:auto;}	

#QUIEROMICASAYA header nav{
	width:100%;
	float:none;}	

#QUIEROMICASAYA header nav ul{
	text-align:center;}	

#QUIEROMICASAYA header nav ul li{
	display:inline-block;
	float:none;
	text-align:center;
	font-weight:bold;
	}			

#QUIEROMICASAYA header .width nav ul li a.inicio, #QUIEROMICASAYA header .width nav ul li a.salir, #QUIEROMICASAYA header .width nav ul li p.usuario{
	color:#ffffff;}

#QUIEROMICASAYA header .width nav ul li a.soporte{
    color: #d8555b;}	

#QUIEROMICASAYA #subbar nav ul li{
	text-align:center;
	padding:0 19px;
	}

#QUIEROMICASAYA #subbar nav ul li img{
	width:40px;
	margin:auto;}

#QUIEROMICASAYA #subbar nav ul li p{
    font-size: .9em;
    margin-top: 5px;}

#QUIEROMICASAYA .width .abm {
    background-color: rgba(255,255,255,.9);
    border: 1px solid #cccccc;}	

#QUIEROMICASAYA .width .abm .contenido{
	background-color:rgba(102,102,102,.9);}

#QUIEROMICASAYA .width .abm .contenido .campo.full label, #QUIEROMICASAYA .width .abm .contenido .campo label, #QUIEROMICASAYA .width .abm .contenido .campocheck label{
	color: #ffffff;
	background-color: #4ba000;
	padding:0;
	padding-left: 1.25%;
	margin-right: 0;
	border-radius: 4px 4px 0 0;
}

#QUIEROMICASAYA .width .abm .contenido .campo.full input, #QUIEROMICASAYA .width .abm .contenido .campo input, #QUIEROMICASAYA .width .abm .contenido .campo.full textarea, #QUIEROMICASAYA  .width .abm .contenido .campo.full select, #QUIEROMICASAYA .width .abm .contenido .campo select	{
    background-color: #ffffff;
    color: #414141;
    width: 100%;
    border-radius: 0 0 4px 4px;	
	}

.width .abm .contenido .campo select	


/*PACKS*/
#QUIEROMICASAYA section .width .pack{
	padding:5%;
	border-radius:5px;
	overflow:hidden;
	width:100%;
	margin:auto;
	color:#414141;	
	}

#QUIEROMICASAYA section .width .pack h5{
	width:100%;
	float:left;
	text-align:left;
	font-size:2em;
	font-weight:lighter;
	text-transform:uppercase;
	margin-bottom:2.5%
	}

#QUIEROMICASAYA section .width .pack .info{
	text-align:left;
	width:100%;
	float:right;
	}	

#QUIEROMICASAYA section .width .pack .info .precio{
	font-size:2em;
	font-weight:lighter;}	

#QUIEROMICASAYA section .width .pack .info .descripcion{
	font-size:.9em;
	line-height:1.5;
	font-weight:normal;
	text-transform:uppercase;}

#QUIEROMICASAYA section .width .pack .info .detalles{
	font-size:.9em;
	line-height:1.5;
	font-weight:normal;
	font-style:italic;
	color:#7ab55c;
	margin-bottom:2.5%;
	}

#QUIEROMICASAYA section .width .pack .info a.continuar{
	display:block;
	width:100%;
	padding:5%;
	color:#ffffff;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	border-radius:5px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#bcbcbc+0,757575+50,666666+51,666666+100 */
background: #bcbcbc; /* Old browsers */
background: -moz-linear-gradient(top,  #bcbcbc 0%, #757575 50%, #666666 51%, #666666 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #bcbcbc 0%,#757575 50%,#666666 51%,#666666 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #bcbcbc 0%,#757575 50%,#666666 51%,#666666 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bcbcbc', endColorstr='#666666',GradientType=0 ); /* IE6-9 */
	text-shadow: 1px 1px 2px rgba(63, 63, 63, 1);
	border:1px solid rgba(63, 63, 63, 1);	
	}

#QUIEROMICASAYA section .width .pack.oro .info a.continuar{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fceabb+0,fccd4d+50,f8b500+51,fbdf93+100;Orange+3D+%235 */
	background: #fceabb; /* Old browsers */
	background: -moz-linear-gradient(top,  #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93',GradientType=0 ); /* IE6-9 */	
	text-shadow: 1px 1px 2px rgba(252, 205, 77, 1);
	border:1px solid rgba(252, 205, 77, 1);
	}

#QUIEROMICASAYA section .width .pack.plata .info a.continuar{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b7deed+0,71ceef+50,21b4e2+51,b7deed+100;Shape+1+Style */
	background: #b7deed; /* Old browsers */
	background: -moz-linear-gradient(top,  #b7deed 0%, #71ceef 50%, #21b4e2 51%, #b7deed 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #b7deed 0%,#71ceef 50%,#21b4e2 51%,#b7deed 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #b7deed 0%,#71ceef 50%,#21b4e2 51%,#b7deed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7deed', endColorstr='#b7deed',GradientType=0 ); /* IE6-9 */
	text-shadow: 1px 1px 2px rgba(145, 178, 194, 1);
	border:1px solid #21b4e2;
	}

#QUIEROMICASAYA section .width .pack.bronce .info a.continuar{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#feccb1+0,f17432+50,ea5507+51,fb955e+100;Red+Gloss+%232 */
background: #feccb1; /* Old browsers */
background: -moz-linear-gradient(top,  #feccb1 0%, #f17432 50%, #ea5507 51%, #fb955e 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #feccb1 0%,#f17432 50%,#ea5507 51%,#fb955e 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #feccb1 0%,#f17432 50%,#ea5507 51%,#fb955e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feccb1', endColorstr='#fb955e',GradientType=0 ); /* IE6-9 */
	text-shadow: 1px 1px 2px rgba(235, 88, 11, 1);
	border:1px solid #eb580b;
	}	

#QUIEROMICASAYA section .width .pack .info a.continuar:hover, #QUIEROMICASAYA section .width .pack .info a.continuar:active{
	opacity:.75;
	}	

/*QUIEROMICASA PERFIL*/

#QUIEROMICASAYA .width .abm form{
	width:100%;
	overflow:hidden;
	}

#QUIEROMICASAYA .width .abm form label, #QUIEROMICASAYA .width .abm form p{
	display:block;
	width:100%;
	padding:1.25% 0;
	font-size:.9em;}	

#QUIEROMICASAYA .width .abm form p.mail{
	font-style:italic;
	color:#616161;
	margin-bottom:2.5%;
	}	

#QUIEROMICASAYA .width .abm form input[type="text"]{
	display:block;
	width:100%;
	padding:1.25%;
	color:#414141;
	margin-bottom:1.25%;
	font-style:italic;
	}

#QUIEROMICASAYA .width .abm form .nuevo-logo{
	margin-bottom:2.5%;}

#QUIEROMICASAYA .width .abm form input[type="submit"]{
	display:block;
	width:50%;
	float:left;
	padding:2.5%;
	color:#ffffff;
	background-color:#4ba000;
	margin-bottom:1.25%;
	font-style:italic;
	border-radius:2px;
	cursor:pointer;
	text-shadow: 1px 1px 4px rgba(51, 110,0, 1);	
	}


#QUIEROMICASAYA .width .abm form input[type="submit"]:hover{
	background-color:rgba(51,110,0,1);
	transition:all .3s;
	}

#QUIEROMICASAYA .width .abm form img{
	max-width:200px;
	max-height:200px;}		

#QUIEROMICASAYA .width .abm h1, #QUIEROMICASAYA .width .abm .contenido h4{
color: #414141;
    border-left: 5px solid #4ba000;
    border-bottom: 3px solid #4ba000;		
	font-weight: lighter;
    text-transform: uppercase;
    font-size: 1.5em;
    padding-left: 10px;
    padding-bottom: 5px;
    padding-top: 5px;
    margin-bottom: .5em;	
	}

#QUIEROMICASAYA .width .abm .contenido h4{
	color:#ffffff;
	margin-top:1em;}	

#QUIEROMICASAYA a.btn-agregar{
	width:auto;}
	}

/*Desktop*/

@media only screen and (min-width:64.000em){
	
    	form#login{
			width:30%;
			}

	

	.width{
		width:90%;
		margin:auto;
		padding:2.5% 0;
		}	

	.width .modulo{
		width:31.66%;
		margin-right:2.5%;
		margin-bottom:2.5%;
		float:left;
		border:1px solid rgba(204,204,204,.75);
		border-radius:5px;}		

	.width .modulo:nth-child(3n){
		margin-right:0;}


	.width .modulo h2{
		display:block;
		width:100%;
		padding:2.5%;
		background-color:#d8555b;
		border-radius:5px 5px 0 0;		
		color:#fff;
		font-size:1em;
		font-weight:normal;
		text-transform:uppercase;
		}		

	.width .modulo .imagen{
		width:30%;
		float:left;
		padding:2.5%;
		}		

	.width .modulo .imagen img{
		width:90%;}		

	.width .modulo .opciones{
		width:70%;
		float:right;
		padding:2.5%;		
		}		

	.width .modulo .opciones a{
		display:inline-block;
		line-height:1.5;
		font-size:.9em;
		text-decoration:none;
		margin-bottom:5px;
		color:#4d4d4d;
		width:100%;
		}	

	.width .modulo .opciones a.modulo-valor{
		display:inline-block;
		line-height:1.5;
		font-size:.9em;
		text-decoration:none;
		margin-bottom:5px;
		color:#4d4d4d;
		width:60%;
		}	


		

	.width .modulo .opciones a:hover, 	.width .modulo .opciones a:hover b{
		color:#d8555b;}

	.width .modulo .opciones a:before {
	height: 18px;
	margin-right:5px;	
    vertical-align: middle;
    content: '\2022';
    display: inline-block;}	


	.width .modulo .opciones a.lista:before {
	height: 18px;
	margin-right:5px;	
    vertical-align: middle;
    content: url(http://contactopuro.com/admin/images/icons/b_listado.gif);
    display: inline-block;}		

	.width .modulo .opciones a .valor{
		color:#333;
		font-size:0.9em;
		font-weight:bold;
		float:right}

	.width .modulo .opciones a.warning{
		color:#d8555b;
		font-weight:bold;}

	.width #devbar{
		width:100%;
		padding:2.5% 1%;
		float:left;
		background-color:#333;}

	.width #devbar ul li{
		float:left;
		margin:0 1%;
		margin-bottom:1%;}		
		
	.width #devbar nav ul li a:link, .width #devbar nav ul li a:visited{
		color:#fff!important;}

	.width #devbar nav ul li a:hover, .width #devbar nav ul li a:active{
		color:#d8555b;}

	.width #devbar nav ul .agregar-importar{
		width:100%;
		float:left;
		padding:1%;		

		}

	.width #devbar nav ul .agregar-importar a{
		color:#d8555b!important;
		text-decoration:none;
		margin-right:2.5%;
		font-weight:bold;
		}

.width a.agregar-modulo{
	float:right;
	display:block;
	padding:1%;
	border:1px solid #333;
	text-decoration:none;
	text-align:center;
	color:#333;
	margin-bottom:2.5%;
	}	

.width a.agregar-modulo:hover{
	background-color:#414141;
	color:#fff;
	transition:all .3s;}	


.width .modulos .col-fin{
	width:27.5%;
	float:left;
	margin-right:2.5%
	}

.width .modulos .col-mail{
	width:70%;
	float:left;
	}

.width .modulos .col-full{
	width:100%;
	}		




.width .cp-inbox{
	width:100%;
	margin:0 auto 1.25%;
	border:1px solid #ccc;}

.width .cp-inbox .header{
		display:block;
		width:100%;
		padding:1%;
		background-color:#d8555b;
		color:#fff;
		font-size:1em;
		font-weight:normal;
		text-transform:uppercase;	
	}	

.width .cp-inbox table{
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	}

.width .cp-inbox table tr td
{
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:1%;
	background-color:transparent;
		}		

.width .cp-inbox table tr td:last-child{
	border-right:0;
	}

.width .cp-inbox table tr td a:link, .width .cp-inbox table tr td a:visited{
	color:#333;
	text-decoration:none;
	}
	
.width .cp-inbox table tr td a:hover, .width .cp-inbox table tr td a:active{
	color:#d8555b;
	}

.width .cp-inbox .botones{
	padding:0 1%;}

.width .cp-inbox .botones .input_button, .width .cp-inbox .botones .input_button_big{
	float:left;
	padding:1% 2%;
	background-color:#efefef;
	color:#333;
	height:auto;
	margin-right:1%;
	border-radius:2px;
	border:1px solid #cccccc;
	}

.width .cp-inbox .botones .input_button:hover, .width .cp-inbox .botones .input_button_big:hover{
	background-color:#d6d6d6;
	transition:all .3s;
}


.width .cp-inbox .botones h3{
	padding:1% 2%;
	margin-right:1%;
	float:left;
	}	

.width .cp-inbox .botones h3 a{
	color:#333333;
	text-decoration:none;
	}

.width .cp-inbox .botones h3 a:hover{
	color:#d84a38;
	text-decoration:none;
	transition:all .5s;
	}	

.width .cp-inbox .botones .input_text_small{
	text-align:center;
	padding:1%;
	outline:none;
	height:40px;
	box-sizing:border-box;
	border:1px solid #ccc;
	}

.width .abm{
	width:100%;
	margin:0 auto 1.25%;
	/*border:1px solid #ccc;*/
	padding:2%;
	}

.width .abm h1{
	font-weight:lighter;
	text-transform:uppercase;	
	font-size:1.5em;
    border-left: 5px solid #4ba000;
    border-bottom: 3px solid #4ba000;
    padding-left: 10px;
    padding-bottom: 5px;
    padding-top: 5px;
    margin-bottom: .5em;
	}	

.abm .botones{
	margin:1% 0;}

.abm .botones .input_button, .abm .botones .input_button_big, .botones input[type="button"] {
	float:left;
	padding:1% 2%;
	background-color:#e9e9e9;
	color:#414141;
	height:auto;
	margin-right:1%;
	border-radius:2px;
	cursor:pointer;	
	border:1px solid rgba(156, 156, 156, 1);
	}	

.width .abm .botones .input_button_big.good{
	background-color:#3c948b;
	color:#ffffff;
	text-decoration:none;
	cursor:pointer;
	text-shadow: 1px 1px 2px rgba(40, 97, 91, 1);
	border:1px solid rgba(40, 97, 91, .5);
	}


.width .abm .botones .input_button_big.evil{
	background-color:#d8555b;
	color:#ffffff;
	text-decoration:none;
	cursor:pointer;
	text-shadow: 1px 1px 2px rgba(166, 65, 70, 1);
	border:1px solid rgba(166, 65, 70, .5);
	}

.width .abm .botones .especiales .input_button_big{
	float:right;
	background-color:#307BA5;
	color:#ffffff;
	cursor:pointer;	
	}

.width .abm .botones .especiales input{
	float:right;
	cursor:pointer;		
	padding:1% 2%;
	border:1px solid #ccc;
	height:auto;
	border-radius:2px;
	margin-right:10px;
	}

.width .abm .botones .especiales input:first-child{
	margin-right:0;
	}	

.width .abm .botones .especiales input.red, .botones input[type="button"].red{
	background-color:#bf373e;
	color:#FFFFFF;
	text-shadow: 1px 1px 2px rgba(140, 41, 46, 1);
	border:1px solid rgba(140, 41, 46, .5);		
	}

.width .abm .botones .especiales input.green, .botones input[type="button"].green{
	background-color:#4bbf58;
	color:#FFFFFF;
	text-shadow: 1px 1px 2px rgba(55, 141, 65, 1);
	border:1px solid rgba(55, 141, 65, .5);	
	}

.width .abm .botones .especiales input.blue{
	background-color:#584bbf;
	color:#FFFFFF;
	text-shadow: 1px 1px 2px rgba(65, 55, 140, 1);
	border:1px solid rgba(65, 55, 140, .5);
	}

.width .abm .botones .especiales input.yellow{
	background-color:#e5d35a;
	color:#FFFFFF;
	text-shadow: 1px 1px 2px rgba(179, 164, 70, 1);
	border:1px solid rgba(179, 164, 70, .5);
	}				

.width .abm .tabs{
	overflow:hidden;
	position:relative;
	top:1px;
	}

.width .abm .tabs h2 a{
	display:block;
	padding:1%;
	border-radius:4px 4px 0 0;
	border:1px solid #ccc;
	border-bottom:0;
	float:left;
	margin-right:1%;
	text-decoration:none;
	background-color:#4d4d4d;
	color:#ffffff;
	font-size:0.6em;
	font-weight:normal;
	text-shadow: 1px 1px 2px rgba(26, 26, 26, 1);
	}

.width .abm .tabs h2 a.activo{
	background-color:#f9f9f9;
	color:#4d4d4d;
	text-shadow: none;	
	}

.width .abm .tabs h2:hover a{
	background-color:#d8555b;
	color:#ffffff;
	transition:all .3s;
	text-shadow: 1px 1px 2px rgba(166, 65, 70, 1);
	border-radius:4px 4px 0 0;
	}	

.width .abm .contenido{
	background-color:rgba(255,255,255,.95);
	color:#4d4d4d;
	width:100%;
	padding:4%;
	border:1px solid #ccc;
	overflow:hidden;
	}

.width .abm .contenido h4{
	float:left;
	margin-bottom:2.5%;
	width:100%;
	padding:1.25%;
	border-left:3px solid #d8555b;
	border-bottom:4px solid #d8555b;
}	

.width .abm .contenido .campo, .width .abm .contenido .campocheck {
	width:47.5%;
	margin-right:2.5%;
	display:block;
	padding:1.5% 0;
	float:left;
	}

.width .abm .contenido .campo.full{
	width:100%;}


.width .abm .contenido .subgrupo{
	width:100%;}


.width .abm .contenido .campocheck{
	width:30%;}

.width .abm .contenido .campo label, .width .abm .contenido .campocheck label{
	width:32.5%;
	margin-right:2.5%;
	float:left;
	line-height:40px;
	vertical-align:middle;
	color:#333;
	font-size:.9em;
	}	


.width .abm .contenido .campo.full label{
	color:#333;
	width:14%;
	font-size:.9em;	
	}

.width .abm .contenido .campo.full input{
	float:left;
	width:81%;}	

.width .abm .contenido .campo input, #editar\2f licencias\2f 103\2f cliente{
	width:65%;
	height:40px;
	padding:10px;
	float:right;
	outline:0;
	background-color:transparent;
	border:1px solid #cccccc;
	color:#4d4d4d;
	}

.width .abm .contenido .campo input[type="checkbox"]{
	width:4%;
	height:40px;
	padding:10px;
	float:left;
	outline:0;
	background-color:transparent;
	border:1px solid #cccccc;
	color:#4d4d4d;
	cursor:pointer;	
	}

.width .abm .contenido .campo select{
	width:65%;
	height:40px;
	padding:10px;
	float:right;
	outline:0;
	background-color:transparent;
	border:1px solid #cccccc;
	color:#4d4d4d;
	}

.width .abm .contenido .campo select:hover{
	background-color:#414141;
	color:#ffffff;
	transition:all .5s;
	}	


.width .abm .contenido .campocheck input{
	width:5%;
	height:40px;
	padding:2%;
	float:right;
	outline:0;
	background-color:transparent;
	border:1px solid #cccccc;
	color:#4d4d4d;
	}

.width .abm .contenido textarea {
	width:81%;
	height:40px;
	padding:10px;
	float:left;
	outline:0;
	background-color:transparent;
	border:1px solid #cccccc;
	color:#4d4d4d;
	}


.width .abm .contenido .campo input:hover, #editar\2f licencias\2f 103\2f cliente:hover, .width .abm .contenido .campocheck input:hover, .width .abm .contenido textarea:hover, .width .abm .contenido .campo input:focus, #editar\2f licencias\2f 103\2f cliente:focus, .width .abm .contenido .campocheck input:focus, .width .abm .contenido textarea:focus{
	background-color:#414141;
	transition:all .3s;
	color:#ffffff;
	}	

.width .abm .contenido .campocheck label{
	width:40%;}

.width .abm .contenido .campocheck input {
	vertical-align:middle;
	height:15px;
	margin:12.5px 0;
	width:10%;
	float:left;
	}

.campocheck+.campo{
	clear:left;}

.width .abm .contenido textarea {
	height:25vh;
	}

.width .abm .usuarios{
	width:100%;
	border:1px solid #ccc;
	padding:1%;
	float:left;
	}

.width .abm .usuarios .lista{
	background-color:#9c9c9c;
	margin:1% 0;
	padding:1%;
	line-height:1.5;	
	}	

.width .abm .usuarios img{
	line-height:17px;
	vertical-align:middle;}

.width .abm .usuarios a:link{
	color:#4d4d4d;
	text-decoration:none;
	line-height:17px;
	vertical-align:middle;
	margin-left:1%;
	font-weight:bold;
	}	

.width .abm .usuarios a:hover{
	color:#d8555b;
	text-decoration:none;
	line-height:17px;
	vertical-align:middle;
	margin-left:1%;}

.TextoChico{
	width:100%;
	float:left;
	text-align:left!important;
	padding:1% 0 0 0;}

/*Tabla anidada*/

.tabla_anidada, .tabla_separada{
	width:100%;
	float:left;
	padding:2.5% 0 1.25%;
	background-color:transparent;
	}
	
.tabla_anidada label {
	display:none;
	}	

a.btn-agregar{
    width: auto;
    display: block;
    margin: 1% 0 2.5%;
    color: #fff;
    padding: .5% 1%;
    background-color: #d8555b;
	text-decoration:none;
	float:left;
	cursor:pointer;
	text-shadow: 1px 1px 2px rgba(166, 65, 70, 1);
	border:1px solid rgba(166, 65, 70, .5);
	border-radius:2px;
	}	

a.btn-agregar:hover{
	transition:all .5s;
	background-color:#a6392b;
	
	}

.tabla_anidada table{
	width:100%;
	float:left;}

.tabla_anidada table tr:first-child td{
	padding:.5% 1%;}

.tabla_anidada table tr td{
	padding:0;
	width:auto;}

.tabla_anidada table tr td table{
	margin-bottom:0;
	}

.tabla_anidada table tr td input{
	height:40px;}

.tabla_anidada table tr td button{
	height:40px;
	width:40px;
	border:1px solid #cccccc;
	cursor:pointer;
	}		

.width .abm .contenido .tabla_anidada table tr td .campo{
	width:100%;
	margin:0;
	padding:0;
	}	

.width .abm .contenido .tabla_anidada table tr td:last-child{
	text-align:right;}	

.width .abm .contenido .tabla_anidada table tr:first-child td:last-child{
	text-align:left;}	
	

.width .abm .contenido .tabla_anidada table tr td .campo input[type="text"]{
	margin:0;
	width:100%;
	}

.width .abm .contenido .tabla_anidada table tr td .campo select{
	margin:0;
	width:100%;}

.width .abm .contenido .tabla_anidada table tr td.muy_corto{
	width:9%;}

.width .abm .contenido .tabla_anidada table tr td.corto{
	width:17%;}	

.width .abm .contenido .tabla_anidada table tr td .campo input[type="checkbox"]{
    width: 20px;
    position: relative;
    left: 50%;
    transform: translateX(-50%)}
	

.width .abm .contenido .tabla_separada table{
	background-color:transparent;}

.width .abm .contenido .tabla_separada table td{
	background-color:transparent;
	border:1px solid #ccc;
	}

.width .abm .contenido .tabla_separada table td td{
	border:0;}	

.width .abm .contenido .tabla_separada table tr:hover{
	background-color:#414141;
	color:#fff;
	transition:all .5s;
}	

.width .abm .contenido .tabla_separada table tr:hover tr{
	background-color:transparent;
}	

.width .abm .contenido .tabla_separada .tabla_separada_registro{
	width:100%;
	border-bottom:1px dashed #ccc;
	padding:1.25% 1%;
	overflow:hidden;
	}


.width .abm .contenido .tabla_separada .tabla_separada_registro:nth-last-child(2){
	border-bottom:0;}	



.width .abm .contenido .tabla_separada .tabla_separada_registro .nombre{
	font-style:italic;
	float:left;
	width:70%;
	}

.width .abm .contenido .tabla_separada .tabla_separada_registro:hover .nombre{
	color:#d8555b;
	font-weight:bold;}


.width .abm .contenido .tabla_separada .tabla_separada_registro .botones{
	width:30%;
	float:right;
	text-align:right;
	margin:0;
	}

.width .abm .contenido .tabla_separada .tabla_separada_registro .botones a{
	display:inline-block;
	vertical-align:middle;
	margin-right:1%;}		

.width .abm .contenido .tabla_separada .tabla_separada_registro .botones a:last-child{
	margin-right:0;}	


.width .modulos .botones table tr td{
	padding:0 10px 0 0;}

.width .modulos .botones select{
    padding: 10px 2%;
    border: 1px solid #ccc;
	outline:none;
	border-radius:2px;
	}


.width .modulos .botones table input[type="submit"]{
    width: 35px;
    height: 100%;
    border: 1px solid #ccc;	
	outline:none;
	cursor:pointer;
	border-radius:2px;	
	}

.botones input[type="button"]{
	margin-bottom:20px;}

.width .TextoChico{
	font-size:.75em;
	font-style:italic;}

.width .modulos table.alertas, .width .modulos table.sospechosas{
	width:100%;
	border-radius:5px 5px 0 0;
	border:1px solid #ccc;
	}

.width .modulos table.alertas tr:first-child{
	background-color:#4bbf58;
	color:#FFFFFF;
	text-shadow: 1px 1px 2px rgba(55, 141, 65, 1);
	border:1px solid rgba(55, 141, 65, .5);	
	}	

.width .modulos table.sospechosas tr:first-child{
	background-color:#bf373e;
	color:#FFFFFF;
	text-shadow: 1px 1px 2px rgba(140, 41, 46, 1);
	border:1px solid rgba(140, 41, 46, .5);
	}	

	
.width .modulos table.alertas tr:first-child td, .width .modulos table.sospechosas tr:first-child td{
	border-bottom:none;}

.width .modulos table.alertas tr td, .width .modulos table.sospechosas tr td{
	
	border-bottom:1px solid #ccc;
	padding:1%;}
	
.width .modulos table.alertas tr:first-child td, .width .modulos table.sospechosas tr:first-child td{
	background-color:transparent;
	border-bottom:1px solid #ccc;
	padding:1%;}	

.width .modulos table.alertas tr td:last-child, .width .modulos table.sospechosas tr td:last-child{
	text-align:center;}	

.width .modulos table.alertas tr td a{
	margin-right:10px;}

.width .modulos table.alertas tr td a:last-child{
	margin-right:0;}
	
.cke{
	width:100%!important;
	float:left!important;}
	
/*tecsur*/	

#cartera-de-cheques h2{
	color:#666666;
	margin-bottom:.5em;}

#cartera-de-cheques table{
	border-radius:2px 2px 0 0;
	width:100%;}

#cartera-de-cheques table tr td{
	padding:1%;}	

#cartera-de-cheques a.buscar:link,#cartera-de-cheques a.buscar:visited{
	color:#666666;
	text-decoration:none;
	font-weight:bold;
	padding:1% 0;
	float:left;}

#cartera-de-cheques a.buscar:hover,#cartera-de-cheques a.buscar:active{
	color:#d84a38;
	text-decoration:none;}	

#cartera-de-cheques a.buscar:after{content:'\00BB';}

/*Tabla de checkbox*/

.width .abm .contenido .grupo .tabla_anidada .tag{
    float: left;
    width: 23.125%;
	margin-right:2.5%;
	margin-bottom:2.5%;
    display: block;
    vertical-align: middle;
	height:25px;
	}

.width .abm .contenido .grupo .tabla_anidada .tag:nth-child(4n+1){
	margin-right:0;}	

.width .abm .contenido .grupo .tabla_anidada .tag input[type="checkbox"]{
	float:left;
    line-height: 18px;
    vertical-align: middle;
    height: 18px;
	width:18px;
	width:8%;
	}

.width .abm .contenido .grupo .tabla_anidada .tag label{
	display:block;
	float:left;
	width:80%;
	font-size: .8em;
    margin-left: 5px;
    line-height: 18px;
    vertical-align: middle;}


/*QUIEROMISASAYA*/

#QUIEROMICASAYA .botones li a.btn-destacado:link, #QUIEROMICASAYA .botones li a.btn-destacado:visited,#QUIEROMICASAYA .botones li a.btn:link,#QUIEROMICASAYA .botones li a.btn:visited, #QUIEROMICASAYA .abm .botones .input_button, #QUIEROMICASAYA .abm .botones .input_button_big, #QUIEROMICASAYA  .botones input[type="button"], #QUIEROMICASAYA .width .abm .botones .especiales input.green, .botones input[type="button"].green{
	padding:10px 40px;}

#QUIEROMICASAYA .width .abm{
	background-color:rgba(255,255,255,.9);
	border:1px solid #cccccc;
	overflow:hidden;
	}

#QUIEROMICASAYA .width .abm h1, #QUIEROMICASAYA .width .abm .contenido h4{
	color:#414141;
    border-left: 5px solid #4ba000;
    border-bottom: 3px solid #4ba000;
	}

#QUIEROMICASAYA .width .abm .contenido h4{
	color:#ffffff;
	margin-top:1em;}	

#QUIEROMICASAYA .width .abm .contenido{
	background-color:rgba(102,102,102,.9);	
	}

#QUIEROMICASAYA .width .abm .contenido .grupo .tabla_anidada .tag label{
	color:#ffffff;}

#QUIEROMICASAYA .width .abm .contenido .campo.full label, #QUIEROMICASAYA .width .abm .contenido .campo label, #QUIEROMICASAYA .width .abm .contenido .campocheck label{
	color:#ffffff;
	background-color:#4ba000;
	padding-left:2.5%;
	margin-right:0;
	border-radius:4px 0 0 4px;
	}

#QUIEROMICASAYA .width .abm .contenido .campo input, #QUIEROMICASAYA .width .abm .contenido textarea, #QUIEROMICASAYA  .width .abm .contenido .campo select{
	background-color:#ffffff;
	color:#414141;
	width:67.5%;
	border-radius:0 4px 4px 0;	
	}
	

#QUIEROMICASAYA .width .abm .contenido .campo.full input, #QUIEROMICASAYA .width .abm .contenido .campo.full textarea, #QUIEROMICASAYA  .width .abm .contenido .campo.full select{	
	width:83.5%;}

#QUIEROMICASAYA .width .abm .contenido .campo input:focus, #QUIEROMICASAYA .width .abm .contenido textarea:focus, #QUIEROMICASAYA  .width .abm .contenido .campo select:focus{
	border:4px solid #4ba000;}

#QUIEROMICASAYA header{
	overflow:hidden;
	margin:0 auto 30px;
	padding-bottom:30px;
	background-color:rgba(0,0,0,.5);
	font-weight:bold;}

#QUIEROMICASAYA header .width nav ul li a.inicio, #QUIEROMICASAYA header .width nav ul li a.salir, #QUIEROMICASAYA header .width nav ul li p.usuario{
	color:#ffffff;}

#QUIEROMICASAYA header .width nav ul li a.inicio, #QUIEROMICASAYA header .width nav ul li a.salir, #QUIEROMICASAYA header .width nav ul li p.usuario{
	color:#ffffff;}	

#QUIEROMICASAYA header .width nav ul li a.soporte{
	color:#d8555b;}

#QUIEROMICASAYA #subbar{
    width: 24%;
	float:left;
    padding:0;
	margin:0;
	padding-bottom: 10000em;
    margin-bottom: -10000em;
	}
#QUIEROMICASAYA #subbar nav{
	width:100%;
	margin:0;
	padding:0;}

#QUIEROMICASAYA #subbar nav ul li{
	float:none;
	padding:0;
	border:0;	
	}

#QUIEROMICASAYA #subbar nav ul li a:link, #QUIEROMICASAYA #subbar nav ul li a:visited{
	color:#fff;
	display:block;
	text-align:center;
	width:100%;
	padding:7.5% 0;
	}

#QUIEROMICASAYA #subbar nav ul li a:hover, #subbar nav ul li a:active{
	color:#ffffff;
	background-color:#333333;
	background-image:url(images/subbar-active.png);
	background-position:center right;
	background-repeat:no-repeat;
	}		

#QUIEROMICASAYA #subbar nav ul li a img{
	width:30px;
	margin-bottom:10px;}

#QUIEROMICASAYA section{
	width:76%;
	float:right;}	

#QUIEROMICASAYA section .width{
    width: 92.5%;
    padding: 0;
    margin-left: 2.5%;}

#QUIEROMICASAYA section .width .botones{
	margin-top:0;
	}

section .width .botones .pag{
    padding: 10px;
	display:block;
    font-size: .8em;
    font-weight: normal;
    color: #919191;}

section .width .botones #pag_-1 li:first-child{
	margin-left:10px;
	margin-right:10px;}

#QUIEROMICASAYA section .width .pack{
	padding:5%;
	border-radius:5px;
	overflow:hidden;
	width:100%;
	margin:auto;
	color:#414141;
	border-bottom:1px dashed #414141;
	}

#QUIEROMICASAYA section .width .pack:last-child{
	border-bottom:0;}

#QUIEROMICASAYA section .width .pack h5{
	width:47.5%;
	float:left;
	text-align:right;
	font-size:2em;
	font-weight:lighter;
	text-transform:uppercase;
	}

#QUIEROMICASAYA section .width .pack .info{
	text-align:left;
	width:47.5%;
	float:right;
	}	

#QUIEROMICASAYA section .width .pack .info .precio{
	font-size:2em;
	font-weight:lighter;}	

#QUIEROMICASAYA section .width .pack .info .descripcion{
	font-size:.9em;
	line-height:1.5;
	font-weight:normal;
	text-transform:uppercase;}

#QUIEROMICASAYA section .width .pack .info .detalles{
	font-size:.9em;
	line-height:1.5;
	font-weight:normal;
	font-style:italic;
	color:#7ab55c;
	margin-bottom:2.5%;
	}

#QUIEROMICASAYA section .width .pack .info a.continuar{
	display:block;
	width:100%;
	padding:5%;
	color:#ffffff;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	border-radius:5px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#bcbcbc+0,757575+50,666666+51,666666+100 */
background: #bcbcbc; /* Old browsers */
background: -moz-linear-gradient(top,  #bcbcbc 0%, #757575 50%, #666666 51%, #666666 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #bcbcbc 0%,#757575 50%,#666666 51%,#666666 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #bcbcbc 0%,#757575 50%,#666666 51%,#666666 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bcbcbc', endColorstr='#666666',GradientType=0 ); /* IE6-9 */
	text-shadow: 1px 1px 2px rgba(63, 63, 63, 1);
	border:1px solid rgba(63, 63, 63, 1);	
	}

#QUIEROMICASAYA section .width .pack.oro .info a.continuar{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fceabb+0,fccd4d+50,f8b500+51,fbdf93+100;Orange+3D+%235 */
	background: #fceabb; /* Old browsers */
	background: -moz-linear-gradient(top,  #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93',GradientType=0 ); /* IE6-9 */	
	text-shadow: 1px 1px 2px rgba(252, 205, 77, 1);
	border:1px solid rgba(252, 205, 77, 1);
	}

#QUIEROMICASAYA section .width .pack.plata .info a.continuar{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b7deed+0,71ceef+50,21b4e2+51,b7deed+100;Shape+1+Style */
	background: #b7deed; /* Old browsers */
	background: -moz-linear-gradient(top,  #b7deed 0%, #71ceef 50%, #21b4e2 51%, #b7deed 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #b7deed 0%,#71ceef 50%,#21b4e2 51%,#b7deed 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #b7deed 0%,#71ceef 50%,#21b4e2 51%,#b7deed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7deed', endColorstr='#b7deed',GradientType=0 ); /* IE6-9 */
	text-shadow: 1px 1px 2px rgba(145, 178, 194, 1);
	border:1px solid #21b4e2;
	}

#QUIEROMICASAYA section .width .pack.bronce .info a.continuar{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#feccb1+0,f17432+50,ea5507+51,fb955e+100;Red+Gloss+%232 */
background: #feccb1; /* Old browsers */
background: -moz-linear-gradient(top,  #feccb1 0%, #f17432 50%, #ea5507 51%, #fb955e 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #feccb1 0%,#f17432 50%,#ea5507 51%,#fb955e 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #feccb1 0%,#f17432 50%,#ea5507 51%,#fb955e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feccb1', endColorstr='#fb955e',GradientType=0 ); /* IE6-9 */
	text-shadow: 1px 1px 2px rgba(235, 88, 11, 1);
	border:1px solid #eb580b;
	}	

#QUIEROMICASAYA section .width .pack .info a.continuar:hover, #QUIEROMICASAYA section .width .pack .info a.continuar:active{
	opacity:.75;
	}

#QUIEROMICASAYA table tr td{
	padding:5px 10px;}

#QUIEROMICASAYA section .width .botones{
	margin:0;
	padding:0;
	overflow:hidden;}

#QUIEROMICASAYA .botones input[type="button"].green{
    margin-bottom: 0;
    padding: 10px;
    width: 100%;	
	}

/*QUIEROMICASA PERFIL*/

.width .abm.perfil{
	overflow:hidden;}

.width .abm.perfil form{
	width:100%;
	overflow:hidden;
	float:left;
	position:relative;	
	}


.width .abm.perfil form .imagen{
	width:30%;
	height:500px;
	position:absolute;
	top:0;
	right:0;
	background-image:url(custom/quieromicasaya/explicacion.png);
	background-position:center;
	background-size:contain;
	background-repeat:no-repeat;
	transition:all .3s;
	}

.width .abm.perfil form label, .width .abm.perfil form input{
	width:67.5%;
	display:block;
	position:relative;
	left:0;
	clear:both;
	margin-bottom:.5%;
	font-size:.9em;	
    padding: 1.25% 0 0;	
}

.width .abm.perfil form input{
	width:67.5%;
	display:block;
	position:relative;
	left:0;
	clear:both;
	font-size:.9em;
    padding: 1.25%;
    color: #414141;
    margin-bottom: 2%;
    font-style: italic;
    border: 1px solid #cccccc;	
	}

.width .abm.perfil form p{
    display: block;
    width: 100%;
    padding: 1.25% 0 1%;
    font-size: .9em;		
	margin-bottom:.5%;
}

.width .abm form p.mail{font-style: italic;
    color: #616161;
    margin-bottom: 2.5%;}

.width .abm.perfil form select{
	width:100%;
	display:block;
	position:relative;
	left:0;
	clear:both;
	font-size:.9em;	
    padding: 1.25%;
    color: #414141;
    margin-bottom: 2%;
    font-style: italic;
    border: 1px solid #cccccc;	
}

.width .abm.perfil form .logo, .width .abm.perfil form .perfil, .width .abm.perfil form .color, .width .abm.perfil form .mail{
	width:23.75%;
	float:left;
	margin:2.5% 2.5% 2.5% 0;}

.width .abm.perfil form .nuevo-logo, .width .abm.perfil form .nuevo-perfil{
	width:100%;
	float:left;
	}	

.width .abm.perfil form .perfil, .width .abm.perfil form .color, .width .abm form .mail{
	clear:left;}

.width .abm.perfil form input[type="submit"]{
	display:block;
	width:23.75%;
	float:left;
	padding:1.25%;
	color:#ffffff;
	background-color:#4ba000;
	margin-bottom:1.25%;
	font-style:italic;
	border-radius:2px;
	cursor:pointer;
	text-shadow: 1px 1px 4px rgba(51, 110,0, 1);	
	}


.width .abm.perfil form input[type="submit"]:hover{
	background-color:rgba(51,110,0,1);
	transition:all .3s;
	}

.width .abm.perfil form img{
	width:125px;}	

	
/*
.width .abm form input[type="text"]{
	display:block;
	width:100%;
	padding:1.25%;
	color:#414141;
	margin-bottom:1.25%;
	font-style:italic;
	}

.width .abm form .nuevo-logo{
	margin-bottom:2.5%;}

.width .abm form img{
	max-width:200px;
	max-height:200px;}	
*/

.width .abm .perfil:hover ~ .imagen, .width .abm .nuevo-perfil:hover ~ .imagen{
	background-image:url(custom/quieromicasaya/explicacion-2.png);}
	
.width .abm form #nombre:hover ~ .imagen{
		background-image:url(custom/quieromicasaya/explicacion-3.png);}

.width .abm form #telefono:hover ~ .imagen{
		background-image:url(custom/quieromicasaya/explicacion-4.png);}

.width .abm form .nuevo-logo:hover ~ .imagen, .width .abm form .logo:hover ~ .imagen{
		background-image:url(custom/quieromicasaya/explicacion-5.png);}

.width .abm .color:hover ~ .imagen{
	background-image:url(custom/quieromicasaya/explicacion-6.png);}


/*Mail*/	
form .mail{
	width:70%!important;
	float:left;
	}

form .relacionados{
	width:27.5%;
	float:right;}	
	
form .mail label{
	width:17.5%;
	margin-bottom:1.25%;	
	float:left;
	padding:0 1%;
	height:40px;
	line-height:40px;
	vertical-align:middle;	
	}

form .mail input[type="text"]{
	width:80%;
	margin-left:2.5%;
	margin-bottom:1.25%;
	float:left;
	border:1px solid #cccccc;
	padding:0 1%;
	height:40px;
	line-height:40px;	
	vertical-align:middle;
}


form .mail .selected {
	width:100%;}

form .mail .selected input[type="text"]{
	margin:0 1%;
	width:auto;
	height:40px;
	line-height:40px;
	vertical-align:middle;
	}

form .mail .selected img{
	float:left;
	height:40px;
	line-height:40px;
	vertical-align:middle;	
	margin:0 1%;	
	}

form .mail .selected p{
	float:left;
	height:40px;
	line-height:40px;
	vertical-align:middle;	
	margin:0 1%;	
	}		
form .mail .botones{
    width: 100%;
    float: left;
    margin: 1%;}

form .mail #botones_recibido, form .mail #botones_nuevo{
	width:100%;
	float:left;
	margin-bottom: .5%;	
	}

form .mail input[type="submit"]{
	min-width:100px;
	padding:.5% 2%;
	border:1px solid #999;
	cursor:pointer;
	color:#858504;
	}

form .mail input[type="submit"]:hover{
	background-color:#ffffb2;
		}	

form .mail #botones_recibido input[type="submit"]{
	display:block;
	padding:.5% 2%;
	background-color:#ff3232;
	color:#ffffff;
	border:1px solid #cc2929;
	cursor:pointer;
	border-radius:2px;
	text-shadow: 1px 1px 4px rgba(204, 41, 41, 1);	
	}

form .mail #botones_recibido input[type="submit"]:hover{
	background-color:#cc2929;}

form .mail #botones_nuevo input[type="submit"]{
	display:block;
	padding:.5% 2%;
	background-color:#0dc143;
	color:#ffffff;
	border:1px solid #028f00;
	border-radius:2px;	
	cursor:pointer;
	text-shadow: 1px 1px 4px rgba(2, 143, 0, 1);
	float:left;
	margin-right:.5%;
	}

form .mail #botones_nuevo input[type="submit"]:hover{
	background-color:#028f00;
	}	
	
form .mail input[type="button"]{
	display:inline-block;
	padding:.5% 2%;
	background-color:#8a87ff;
	color:#ffffff;
	border:1px solid #6e6ccc;
	border-radius:2px;	
	cursor:pointer;
	text-shadow: 1px 1px 4px rgba(110, 108, 204, 1);
	margin-right:.5%;
	min-width:100px;
	}

form .mail input[type="button"]:hover{
	background-color:#6e6ccc;
	}

form .mail a{
	display:block;
	float:left;
	color:#414141;
	text-decoration:none;
	padding:1%;
	}

form .mail #attachs{
	width:100%;
	float:left;
	padding:1%;}

form .relacionados{
	padding:1%;
	border:1px solid #fefefe;
	}

form .relacionados a.persona, form .relacionados a.sugerencias{
	display:block;
	color:#ff3232;
	text-decoration:none;
	font-weight:bold;
	text-transform:uppercase;
	padding-bottom:2%;
	}

form .relacionados ul{
	margin:2% 0 4%;
	list-style:none;
	}

form .relacionados ul li{
	line-height:1.5;}

form .relacionados ul li:before{
	content:'\2022 ';
	color:#ff3232;}

form .relacionados ul li a{
	text-decoration:none;
	font-style:italic;
	color:#919191;
	font-size:.9em;
	}

form .relacionados ul li a:hover{
	color:#414141;}

form .relacionados p{
	font-weight:bold;
	}

#cke_1_toolbox{
	width:100%;}



}
.importe {text-align:right;} 

* label.obligatorio{
	font-weight:bold;}
	
.options{
	float:left;
	width:100%;}

.options #uploader_div .ax-main-container{
	text-align:left;}
	
	
.options #drop_here{
    border: 1px dashed #ffffff!important;
    color: #ffffff;
    font-weight: normal;
	padding:5% 0 10%;
	position:relative;
	text-align:center;
	background-color:rgba(0,0,0,.25);
	}

.options #drop_here img{
	width:70px;}

.options #drop_here p{
	font-size:.9em;}

.options ul.ax-file-list{
	width:100%;
	}

.ax-file-list li{
	border-top:0;
	border-bottom:1px dashed #ffffff;}


/*QUIEROMICASAYA CHAT*/
#QUIEROMICASAYA #chats, #QUIEROMICASAYA #chats-actuales{
	width:100%;
	overflow:hidden;
	background-color:rgba(255,255,255,.25);
	}
	
#QUIEROMICASAYA #chats-actuales{
	margin-bottom:1.25%;}	

#QUIEROMICASAYA #chats .consultas{
	width:35%;
	float:left;
    border: 1px solid #cccccc;
    overflow: hidden;
	}

#QUIEROMICASAYA #chats .consultas ul{
	list-style:none;
	padding:0;
	border:0;
	}

#QUIEROMICASAYA #chats .consultas li{
	width:100%;
	padding:15px;
	border:0;
	border-bottom:1px dashed #cccccc;
	cursor:pointer;
	background-color:transparent;
	color:#414141;
	margin-bottom:0;	
	}

#QUIEROMICASAYA #chats .consultas li:last-child{
	border-bottom:none;}

#QUIEROMICASAYA #chats .consultas li:hover{
	background-color:rgba(0,0,0,.05);}	

#QUIEROMICASAYA #chats .consultas li p.en-propiedad{
	font-weight:bold;
	margin-bottom:5px;
	}

#QUIEROMICASAYA #chats .consultas li p.ultimo-msg{
	font-size:.9em;
	font-style:italic;}

#QUIEROMICASAYA #chats #ventana_derecha.active-chat{
	width:65%;
	float:right;
    bottom:0;
	position:relative;
    z-index: 10;
	background-color:#e5e5e5;
	font-family:Arial, Helvetica, sans-serif;
	padding:0 10px;
}

#QUIEROMICASAYA #chats #ventana_derecha.active-chat h2{
	padding:10px;
	color:#414141;
	border-bottom:1px solid #cccccc;
	font-size:1.25em;
	font-weight:normal;}

#QUIEROMICASAYA #chats #ventana_derecha.active-chat ul{
	overflow:scroll;
	overflow-x:hidden;	
	list-style:none;	
	display:block;
	width:100%;
	max-height:70vh;
	float:left;
	padding:10px 0;}

#QUIEROMICASAYA #chats #ventana_derecha.active-chat ul li{
	display:block;
	width:60%;
	padding:15px;
	font-size:.9em;
	color:#ffffff;
	background-color:#4ba000;
	margin-bottom:20px;	
	}	

#QUIEROMICASAYA #chats #ventana_derecha.active-chat ul li.guest{
	color:#2c3326;
	background-color:#ffffff;
	float:left;
	border-radius:20px 20px 20px 0px;	
	}	

#QUIEROMICASAYA #chats #ventana_derecha.active-chat ul li.admin{
	float:right;
	border-radius:20px 20px 0px 20px;
	}

#QUIEROMICASAYA #chats textarea{
	border-top:1px solid #cccccc;
	width:65%;
	float:right;
	height:15vh;
	padding:10px;
	color:#414141;
	position:relative;}
	
#QUIEROMICASAYA #chats-actuales #visitantes ul{
	list-style:none;}
	
#QUIEROMICASAYA #chats-actuales #visitantes ul li{
	background-image:url(http://quieromicasaya.com/img/visitor.png);
	background-position:10px center;
	background-repeat:no-repeat;
	display:block;
	float:left;
	margin-right:1.25%;
	margin-bottom:1.25%;
	border-radius:50px;
	padding:10px 20px 10px 40px;
	background-color:#06F;
	font-size:.8em;
	color:#ffffff;
	line-height:1.25;
	cursor:pointer;
	}	

#QUIEROMICASAYA #chats-actuales #visitantes ul li:hover{
	opacity:.5;
	transition:all .5s;}	

#QUIEROMICASAYA #chats-actuales #visitantes ul li:nth-child(4n){
	margin-right:0;
	}