#dhtmltooltip{
    position: absolute;
    width: 150px;
    border: 2px solid black;
    padding: 2px;
    background-color: lightyellow;
    visibility: hidden;
    z-index: 100;
    font-weight:bold;
    /*Remove below line to remove shadow. Below line should always appear last within this CSS*/
    filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}


body {
    padding: 0px;
    margin: 0px;
    background: #FFFCF4;
    color: #000;
    font: 12px sans-serif;
}

div,p,ul,form,input,h2,h3,h4,img {
	padding: 0px;
	margin: 0px;
}

ul {
	list-style-type: none;
}

br.salto {
	clear: both;
	line-height: 0px;
}

* .floatLeft {
	float: left;
}

* .floatRight {
	float: right;
}

#superContenedor {
	position: relative;
	width: 996px;
	margin: 0 auto;
}

#cabecera {
	width: 100%;
}

#cabecera img {
	float: right;
}

#cabecera img.first {
	float: left;
}

#menuCabCont {
	float: left;
	width: 100%;
	height: 31px;
	border-top: 1px solid #EFEADE;
	border-bottom: 1px solid #BDAF8B;
}

#menuCabCont span {
	float: left;
	width: 156px;
	text-align: center;
}

#menuCabCont span a {
	color: #000;
	text-decoration: none;
}

#menuCabCont span img {
	position: relative;
	top: 5px;
}

#menuCabCont #menuCab {
	display: inline;
	position: relative;
	float: left;
	width: 600px;
	top: 8px;
}

#menuCabCont #menuCab li {
	display: inline;
	float: left;
	width: 150px;
	text-align: center;
}

#menuCabCont #menuCab li img {
	margin-right: 10px;
}

#menuCabCont #menuCab li a {
	color: #000;
	text-decoration: none;
}

#menuCabCont #menuCab li.liEspecial {
	width: 450px;
}

#menuCabCont form {
	float: left;
	display: inline;
	position: relative;
	top: 6px;
}

#menuCabCont form input.first {
	position: relative;
	top: 0;
	float: left;
	width: 120px;
	border: 1px solid #BDAF8B;
	margin-right: 7px;
}

#menuCabCont form input {
	position: relative;
	top: -2px;
}

#menuCabCont2 {
	float: left;
	width: 100%;
	height: 35px;
	border-top: 1px solid #EFEADE;
	border-bottom: 1px solid #BDAF8B;
}

#menuCabCont2 span {
	float: left;
	text-align: center;
}

#menuCabCont2 span a {
	color: #000;
	text-decoration: none;
}

#menuCabCont2 span a#linkcerrar{
           color: #31a675;
	font-size: 12px;
	text-decoration: none;
           font-weight: bold;
}

#menuCabCont2 span img {
	position: relative;
	top: 5px;
}

#menuCabCont2 form input.first {
	position: relative;
	top: 0;
	float: left;
	width: 120px;
	border: 1px solid #BDAF8B;
     border-radius: 4px;
     color: #BDAF8B;
	margin-right: 7px;
}

#menuCabCont2 form input.firstpass {
	position: relative;
	top: 0;
	float: left;
	width: 60px;
	border: 1px solid #BDAF8B;
	margin-right: 7px;
}

#contenido {
	float: left;
	display: inline;
	width: 100%;
	background: #f0ece2;
}

#menuLatCont {
	float: left;
	display: inline;
	width: 156px;
	border-right: 1px solid #BDAF8B;
	background: #FFFCF4;
	height:100%;
}

#menuLatCont #menuLat {
	display: inline;
	position: relative;
	float: left;
	left: 15px;
}

#menuLatCont #menuLat li {
	display: inline;
	float: left;
	width: 150px;
	margin-top: 15px;
	font-weight:bold;
	color:blue;
}

#menuLatCont #menuLat li img {
	margin-right: 10px;
}

#menuLatCont #menuLat li a {
/*	color: #000;*/
	color:blue;
	text-decoration: none;
	font-weight:bold;
}

#menuLatCont #menuLat li.sub {
	display: inline;
	float: left;
	width: 150px;
	margin-top: 0px;
	margin-left: 12px;
}

#menuLatCont #menuLat li.sub a {
/*	color: #194D41;*/
	color: #31a675;
	font-size: 11px;
	text-decoration: none;
}

#menuLatCont img.tel {
	float: left;
	display: inline;
	margin-top: 40px;
}

#menuLatCont span.PDF {
	display: inline;
	float: left;
	margin: 240px 0 150px 8px;
}

#menuLatCont span.PDF a {
	position: relative;
	float: left;
	color: #000;
	text-decoration: none;
}

#menuLatCont span.PDF img {
	float: left;
	position: relative;
	margin: -2px 0 0 5px;
}

/*
.marcoInt tiene el ancho mas ajustado que el resto
ver ejemplo contacto.php
*/
.marcoInt {
	float: left;
	margin: 25px 0 25px 150px;
	width: 550px;
	background: #fff;
	border: 2px solid #31a675;
}

.marcoInt p.tit {
	text-align: center;
	background: #31a675;
	height: 35px;
	line-height: 35px;
	color: #fff;
	font-weight: bold;
	font-size:19px;
}

.marcoInt > div {
	/*width: 481px;*/
    width: auto;
	/*background: #fff;*/
	padding: 40px 30px 40px 10px;
}

.marcoInt div.nuestrosCl {
	width: 331px;
	padding: 75px 75px 75px 100px;
}

.marcoInt div.mapa {
        width: 650px;
        height: 560px;
        padding: 0px;
        text-align: center;
}

.marcoInt div.mapa div {
    padding: 0px;
}

.marcoInt div.prod {
	width: 525px;
	padding: 0;
	font-size: 11px;
           min-height: 200px;
}

.marcoInt div p {
	margin: 0 0 15px 0;
}

.marcoInt div img {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}

.marcoInt div.mapa img {
	float: none;
	margin: 0;
}

.marcoIntAnt {
	float: left;
	margin: 25px 0 25px 150px;
	/*width: 525px;*/
    width: 545px;
	background: #fff;
	border: 2px solid #31a675;
}

.marcoIntAnt p.tit {
	text-align: center;
	background: #31a675;
	height: 35px;
	line-height: 35px;
	color: #fff;
	font-weight: bold;
	font-size:19px;
}

.marcoIntAnt div {
	/*width: 481px;*/
    width: 520px;
	background: #fff;
	padding: 40px 0 40px 10px;
}

.marcoIntAnt div.nuestrosCl {
	width: 331px;
	padding: 75px 75px 75px 100px;
}

.marcoIntAnt div.mapa {
	width: 481px;
	padding: 22px;
}

.marcoIntAnt div.prod {
	width: 525px;
	padding: 0;
	font-size: 11px;
}

.marcoIntAnt div p {
	margin: 0 0 15px 0;
}

.marcoIntAnt div img {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}

.marcoIntAnt div.mapa img {
	float: none;
	margin: 0;
}

.tit_deseo {
	float: left;
	margin: 15px 0 10px 15px;
	color: red;
	font-weight: bold;
	font-size:15px;
	
}

/*
Marco interno para mostrar los articulos
para que el cliente seleccione
la diferencia con el resto es el ancho de 800px 
*/
.marcoInt_Ancho {
	float: left;
	margin: 15px 0 10px 15px;
	width: 800px;
	background: #fff;
	border: 2px solid #31a675;
}

.marcoInt_Ancho p.tit {
	text-align: center;
	background: #31a675;
	height: 35px;
	line-height: 35px;
	color: #fff;
	font-weight: bold;
	font-size:19px;
}

.marcoInt_Ancho p.tit_nuevo {
	background: #31a675;
	height: 35px;
	line-height: 35px;
	color: #990000;
	font-weight: bold;
	font-size:15px;
}

.marcoInt_Ancho p.sub_tit {
	text-align: left;
	background: #31a675;
	color: #fff;
	height: 35px;
	line-height: 35px;
}

.marcoInt_Ancho div {
	
}

.marcoInt_Ancho div.nuestrosCl {
	background: #fff;
	width: 331px;
	padding: 75px 75px 75px 100px;
}

.marcoInt_Ancho div.mapa {
	background: #fff;
	width: 481px;
	padding: 22px;
}

.marcoInt_Ancho div p {
	margin: 0 0 15px 0;
}

.marcoInt_Ancho div img {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}

.marcoInt_Ancho div.mapa img {
	float: none;
	margin: 0;
}

.marcoInt_Ancho div.prod {
	background: #fff;
	width: 780px;
	padding-left: 10px;
	padding-bottom: 10px;
        padding-top: 20px;
	font-size: 11px;
}

.prod > form > div {
	float: left;
	padding: 0;
	width: 100%;
	margin: 5px 0 0 0;
	height: auto !important;
}

.prod form div span {
	float: left;
}

.prod form div span input.texto {
	width: 247px;
	/*border: 1px solid black;*/
	border: 1px solid #31a675;
}

.prod form.infoForm {
	margin: 30px 0 10px 30px;
	width: 500px !important;
}

.prod form.infoForm img {
	float: left;
	margin: -5px 3px 0 0;
}

.productContainer {
	float: left;
	width: 224px;
	height: 240px;
	margin: 5px;
	padding: 10px 13px;
	background: #cccccc;
	text-align: center;
}

.productContainer p { /*IE7*/
	position: relative;
	width: 100px;
	height: 18px;
	line-height: 18px;
	color: #fff;
	background: #000;
}

html> /**/ body .productContainer p { /*FF*/
	left: 60px;
}

.productContainer img.fotoProd {
	float: left !important;
	margin: 0 0 10px 0 !important;
	width: 212px;
	height: 137px;
}

.productContainer img.fotoProdV1 {
	float: none !important;
	margin: 0 0 0px 0 !important;
}

.productContainer form {
	margin-top: 10px;
	position: relative;
	left: -10px;
}

.productContainer form a {
	border: 1px solid red;
	padding: 0px 3px;
	position: relative;
	left: 4px;
	text-decoration: none;
	font-size: 10px !important;
	color: red;
	background: #eeeeee;
}

.productContainerVacio {
	float: left;
	width: 224px;
	height: 240px;
	margin: 5px;
	padding: 10px 13px;
	text-align: center;
}

.input_cantidad_articulo {
	width: 35px;
	margin-right: 17px;
	border: 1px solid #000000;
	font-size: 11px;
	padding-top: 1px;
	height: 15px;
	margin-bottom: 2px;
}


.productDescriptor {
	float: left;
	width: 100%;
	margin-bottom: 30px;
}

.productDescriptor img {
	float: left !important;
	margin: 10px 15px 10px 0;
}

.productDescriptor p {
	float: left;
	margin-top: 10px !important;
	width: 100px;
	height: 18px;
	line-height: 18px;
	color: #fff;
	background: #000;
	text-align: center;
}

.productDescriptor span {
	float: left;
	width: 250px;
	height: 190px;
	margin-left: 10px;
}

.productDescriptor form {
	float: left;
	position: relative;
	left: 20px;
}

.productDescriptor form input {
	width: 25px;
	margin-right: 17px;
	border: 1px solid #000000;
	font-size: 11px;
	padding-top: 1px;
	height: 15px;
}

.productDescriptor form a {
	border: 1px solid red;
	padding: 0px 3px;
	position: relative;
	left: 8px;
	text-decoration: none;
	color: red;
}

.titOtros {
	margin-left: 10px;
	clear: both;
	font-size: 12px;
}

* .txtVioleta {
	font-style: italic;
	color: #666699;
}

* .col2 {
  float: left;
}

* .col1 {
	float: left;
  width: 190px;
}

* .alquiler_aux {
	width: 10px;
	height: 10px;
}

* .botEnviar {
	border: 1px solid black;
	padding: 1px 5px;
	float: right;
	text-decoration: none;
	color: white;
	background: #999999;
}

/*23/09/2008*/
* .txtRojo {
	color: red !important;
}

* .txt11Px {
	font-size: 11px;
}

* .titSec {
	color: #000000;
	float: left;
	width: 90%;
	text-align: left;
	margin-bottom: 25px;
	font-weight: normal;
	font-size: 11px;
}

* .titSec-max-width {
    color: #000000;
    float: left;
    text-align: left;
    font-weight: normal;
    font-size: 11px;
}

* .rangos {
	width: 95% !important;
	text-align: center;
	font-size: 12px;
	color: #999999;
	font-weight: bold;
	margin-top: -15px;
	margin-right: -13px;
	padding-top: 0px !important;
}

* .rangos-max-width {
    text-align: center;
    font-size: 12px;
    color: #999999;
    font-weight: bold;
    margin-top: -15px;
    padding-top: 0px !important;
}

* .rangosV1 {
	width: 95% !important;
	text-align: center;
	font-size: 12px;
	color: #999999;
	font-weight: bold;
	margin-top: 15px;
	margin-right: -13px;
	padding-top: 0px !important;
}

* .rangosV2 {
	width: 95% !important;
	text-align: center;
	font-size: 12px;
	color: #999999;
	font-weight: bold;
	margin-top: -5px;
	margin-right: -13px;
	padding-top: 0px !important;
}

* .rec {
	float: left;
	margin-left: 55px;
}

* .rango {
	float: left;
	display: inline;
	background: #999999;
	font-size: 9px;
	color: #fff;
}

* .rango span {
	display: inline;
	float: left;
	padding: 3px;
	text-align: center;
}

* .rango span select {
	font-size: 9px;
}

/** .botonera {
	width: 515px;
	float: left;
	display: inline;
	padding: 10px;
	background: #999999;
	margin-top: 15px;
	margin-left: -20px;
	margin-right: -30px;
	margin-bottom: -40px;
}*/

* .botonera {
    float: left;
    display: inline;
    padding: 10px;
    /*background: #999999;*/
    /*background: #31a675;*/
    /*background: #009966;*/
    margin-top: 15px;
    margin-left: -20px;
    margin-right: -30px;
    margin-bottom: -40px;
    border-top: 1px solid #096;
}

html>body * .botonera {
	width: 525px;
	margin-left: -10px;
}

html> /**/ body * .botonera {
	margin-bottom: 0;
}

* .botonForm:hover{
    color: #FFF;
    background-color: #245032;
}

/** .botonForm {
	float: right;
	clear: both;
	margin: 3px;
	width: 150px;
	height: 18px;
	border: 1px solid white;
	text-align: center;
	color: #ffffff;
	background: #111111;
	font-size: 10px;
	text-decoration: none;
	line-height: 18px;
}*/

* .botonForm {
    float: right;
    clear: both;
    margin: 3px;
    min-width: 150px;
    /*height: 18px;*/
    min-height: 25px;
    border-radius: 4px;
    text-align: center;
    color: #ffffff;
    /*background: #12578b;*/
    background: #096;
    font-size: 12px;
    text-decoration: none;
    line-height: 25px;
    padding: 7px 17px;
    cursor: pointer;
}

.botonForm-dialog-products {
	float: right;
	text-align: center;
	color: #ffffff;
	background: #096;
	font-size: 14px;
	padding: 1px 1px;
	cursor: pointer;
	border-color:#096;
}

* .botonForm-factura {
	clear: both;
	margin: 3px;
	min-width: 150px;
	/*height: 18px;*/
	min-height: 25px;
	border-radius: 4px;
	text-align: center;
	color: #ffffff;
	/*background: #12578b;*/
	background: #096;
	font-size: 12px;
	text-decoration: none;
	line-height: 25px;
	padding: 7px 17px;
	cursor: pointer;
}

* .botonFormIzq {
	float: right;
	clear: both;
	margin: 3px;
	width: 150px;
	height: 18px;
	border: 1px solid white;
	text-align: center;
	color: #ffffff;
	background: #111111;
	font-size: 10px;
	text-decoration: none;
	line-height: 18px;
}

* .botonFormV3 {
    float: right;
    clear: both;
    margin: 3px 10px 5px 0;
    width: 180px;
    min-height: 25px;
    border-radius: 4px;
    text-align: center;
    color: #ffffff;
    background: #096;
    font-size: 12px;
    text-decoration: none;
    line-height: 25px;
    padding: 7px 17px;
    cursor: pointer;
}

* .botonFormV2 {
    float: right;
    clear: both;
    margin: 3px 0 5px 0;
    width: 180px;
    min-height: 25px;
    border-radius: 4px;
    text-align: center;
    color: #ffffff;
    background: #096;
    font-size: 12px;
    text-decoration: none;
    line-height: 25px;
    padding: 7px 17px;
    cursor: pointer;
}

.botonFormV2:hover{
    color: #FFF;
    background-color: #245032;
}

* .botonFormV1 {
	margin: 5px 0 0 0;
	width: 20px;
	height: 20px;
	text-align: center;
	font-size: 10px;
	text-decoration: none;
}

* .line {
	float: left;
	width: 548px !important;
	margin-left: -10px;
	margin-right: -30px;
	margin-top: 25px;
	border-top: 2px solid #31a675;
	height: 20px !important;
	padding: 0 !important;
}

html>body * .line {
	width: 545px !important;
	margin-left: -10px;
}

* .colAlquiler {
	width: 90% !important;
	clear: both;
	text-align: right;
	margin-right: 5px;
	height: 80px;
	line-height: 25px;
	color: #000000;
	font-size: 10px;
	font-weight: normal;
}

* .colAlquilerV1 {
	width: 90% !important;
	clear: both;
	text-align: right;
	margin-right: 5px;
	line-height: 25px;
	color: #000000;
	font-size: 10px;
	font-weight: normal;
}

* .alquiler {
	text-align: left;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
}

* .colAlquiler2 {
	float: left;
	text-align: left;
	line-height: 25px;
	width: 45% !important;
	height: 25px;
	color: #000000;
	font-size: 10px;
	font-weight: normal;
}

* .colAlquiler3 {
	float: left;
	text-align: left;
	line-height: 25px;
	width: 45% !important;
	height: 10px;
	color: #000000;
	font-size: 10px;
	font-weight: normal;
}

* .colAlquiler2 select {
	font-size: 10px;
}

* .corrector {
	float: left;
	margin-top: -30px;
}

* .colPresu1,* .colPresu2,* .colPresu3,* .colPresu4 , * .colPresu5{
	float: left;
	text-align: right;
	/*color: #a9a7a2;*/
    color: #0066CC;
	font-size: 10px;
    font-weight: bold;
	padding: 0;
	margin-right: 5px;
}

* .colPresu1 {
	margin-right: 15px;
	width: 69px;
}

* .colPresu1 img {
	border: 1px solid black;
}

* .colPresu2 {
	width: 242px;
	text-align: left !important;
	/*padding-top: 7px;*/
    min-height: 20px;
}

* .colPresu3 {
	width: 79px;
	/*padding-top: 7px;*/
    min-height: 20px;
}

* .colPresu4 {
	width: 61px;
	/*padding-top: 7px;*/
    min-height: 20px;
}

* .colPresu5 {
    width: 30px;
    /*padding-top: 7px;*/
}

form div.pres2 {
	float: left;
	margin: 0 !important;
	padding: 0 !important;
	clear: both;
}


/*form div.pres2 * .colPresu3 input {
	border: 1px solid black;
	width: 30px;
	font-size: 11px;
}*/

form div.pres2  * .colPresu4 img {
	position: relative;
	top: -3px;
}

* .txt12Px {
	font-size: 12px;
}

* .resumenTabla {
	border-collapse: collapse;
	width: 450px;
	font-size: 10px;
	margin: 25px auto;
}

* .resumenTabla thead *,* .resumenTabla tbody * {
	margin: 0;
}

* .resumenTablaImprimir {
	border-collapse: collapse;
	width: 580px;
	font-size: 10px;
	margin: 25px auto;
}

* .resumenTablaImprimir thead *,* .resumenTablaImprimir tbody * {
	margin: 0;
}

* .resumenTablaImprimirV1 {
	border-collapse: collapse;
	width: 700px;
	font-size: 14px;
	margin: 25px auto;
}

* .resumenTablaImprimirV1 thead *,* .resumenTablaImprimirV1 tbody * {
	margin: 0;
}

* .titTable {
	background: #000000;
	font-size: 20px;
	color: #ffffff;
}

* .titCol {
	font-weight: normal;
	border: 1px solid #d4d0c8;
	background: #e0e0e0;
	margin: 0;
	height: 28px;
}

* .precio {
	font-size: 15px;
	font-weight: bold;
}

* .resumenTabla tbody tr td {
	border: 1px solid #d4d0c8;
}

* .C {
	text-align: center;
}

#pie {
	float: left;
	width: 100%;
	border-top: 1px solid #BDAF8B;
	font-size: 11px;
	font-weight: bold;
	height: 40px;
	text-align: center;
	padding-top: 7px;
}

#menuCabCont1 {
	float: left;
	width: 100%;
	height: 75px;
	border-top: 1px solid #EFEADE;
	border-bottom: 1px solid #BDAF8B;
}

#menuCabCont1 span {
	float: left;
	text-align: center;
}

#menuCabCont1 span a {
	color: #000;
	text-decoration: none;
}

#menuCabCont1 span img {
	position: relative;
	top: 5px;
}

#menuCabCont1 form input.first {
	position: relative;
	top: 0;
	float: left;
	width: 120px;
	border: 1px solid #BDAF8B;
	margin-right: 7px;
}

* .tablaAux {
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
        text-align: center;
        padding-left: 20px;
}

* .tablaAux1 {
	font-size: 12px;
	text-decoration: none;
        text-align: center;
        vertical-align: top;
        line-height: 20px;
}

* .tablaAux2 {
	width: 30px;
}

* .colAlquilerAux1 {
	text-align: left;
	line-height: 25px;
	width: 45% !important;
	height: 10px;
	color: #000000;
	font-size: 10px;
	font-weight: normal;
}

.boton {
	clear: both;
	margin: 3px 0 5 0;
	text-align: center;
	font-size: 10px;
	font-weight: bold;
	width: 78px;
	background: #666;
	color: #fff;
	height: 25px;
}

a.rojo:link {
	color: #CC0000;
	font-weight: bold;
	text-decoration: underline;
}

a.rojo:visited {
	color: #CC0000;
	font-weight: bold;
	text-decoration: underline;
}

a.rojo:active {
	color: #CC0000;
	font-weight: bold;
	text-decoration: underline;
}

a.rojo:hover {
	color: #CC0000;
	font-weight: bold;
	text-decoration: underline;
}

a.azul:link {
	color: #0000FF;
     font-weight: bold;
	text-decoration: none;
	
}

a.azul:visited {
	color: #0000FF;
     font-weight: bold;
	text-decoration: none;
}

a.azul:active {
	color: #0000FF; 
     font-weight: bold;
	text-decoration: none;
}

a.azul:hover {
	color: #0000FF;
     font-weight: bold;
	text-decoration: none;
	
}

.img-shadow {
float:left;
background: url(shadowAlpha.png) no-repeat bottom right !important;
background: url(shadow.gif) no-repeat bottom right;
margin: 50px 0px 0px 50px !important;
margin: 50px 0px 0px 45px;
}

.img-shadow img{
display: block;
position: relative;
background-color: #fff;
border: 1px solid #a9a9a9;
margin: -6px 6px 6px -6px;
padding: 4px;
}

.marcoInt_Ambientes {
	float: left;
	margin: 15px 0 25px 15px;
	width: 800px;
	background: #fff;
	border: 2px solid #31a675;
}

.marcoInt_Ambientes p.tit {
	text-align: center;
	background: #31a675;
	height: 35px;
	line-height: 35px;
	color: #fff;
	font-weight: bold;
	font-size:19px;
}

.marcoInt_Ambientes div.prod {
	width: 525px;
	padding: 0;
	font-size: 11px;
}

.marcoInt_Ambientes div p {
	margin: 0 0 15px 0;
}

.pagina_web_contacto{
	width: 400px;
	background: #fff;
	border: 9px solid #567065;
	margin: 10px 0 10px 5px;
}

.marcoInt div.pagina_web_contacto {
	padding: 10px 30px 40px 10px;
	margin: 10px 0 10px 5px;
}

.marcoInt div.pagina_web_contacto img {
	float: none;
	margin-bottom: 10px;
	margin-top: 0px;
}

* .link_pag{
	width: 800px;
	float: left;
}

* .link_pag_ant{
	float: left;
	margin: 10px 0 10px 5px;
	color: #0000FF;
	font-weight: bold;
	font-size:14px;
	text-decoration:none;
}

* .link_pag_sig{
	float: right;
	margin:10px 8px 10px 0;
	color: #0000FF;
	font-weight: bold;
	font-size:14px;
	text-decoration:none;
}


.productos_Articulo {
	float: left;
	width: 224px;
	height: 300px;
	margin: 5px;
	padding: 10px 13px;
	background: #cccccc;
	text-align: center;
}

.productos_Articulo p { /*IE7*/
	position: relative;
	width: 150px;
	height: 20px;
	line-height: 20px;
	color: #fff;
	background: #13731A;
	left: 36px;
        font-size: 14px;
        font-weight: bolder;
        font-style: italic;
}

.productos_Articulo img {
	float: none !important;
	margin: 0 0 0px 0 !important;
	cursor: url(../img/zoom-in.cur), pointer;
}

.productos_Articulo form {
	margin-top: 10px;
	position: relative;
	left: 10px;
}

.productos_Articulo form a {
	border: 1px solid red;
	padding: 0px 13px 10 10px;
	position: relative;
	left: 4px;
	text-decoration: none;
	font-size: 10px !important;
	color: red;
	background: #eeeeee;
}

.tipo_VerPedido{
	padding: 0px 0px 0px 0px;

}
.fila_VerPedido{
	float: left;
	padding: 0 !important;
	clear: both;	
	color: #000000;
	border: 0px;
	width: 30px;
	font-size: 11px;
	position: relative;
	top: -3px;
	
}

.texto_descripcion_VerPedido {
	color:blue;
	text-decoration: none;
	font-weight:bold;
}

.descripcion_Solicitud {
	font-size:15px;
	font-weight:bold;
}



.productos_Articulo_Busq {
	float: left;
	width: 224px;
	height: 320px;
	margin: 5px;
	padding: 10px 13px;
	background: #cccccc;
	text-align: center;
}

.productos_Articulo_Busq p { /*IE7*/
	position: relative;
	width: 150px;
	height: 20px;
	line-height: 20px;
	color: #fff;
	background: #000;
	background: #13731A;
	left: 36px;
        font-size: 14px;
        font-weight: bolder;
        font-style: italic;
}

.productos_Articulo_Busq img {
	float: none !important;
	margin: 0 0 0px 0 !important;
	cursor: url(../img/zoom-in.cur), pointer;
}

.productos_Articulo_Busq form {
	margin-top: 10px;
	position: relative;
	left: 10px;
}

.productos_Articulo_Busq form a {
	border: 1px solid red;
	padding: 0px 13px 10px 10px;
	position: relative;
	left: 4px;
	text-decoration: none;
	font-size: 10px !important;
	color: red;
	background: #eeeeee;
}

#content {
    width: 200px;
    height: 80px;
}

#divSesion{
    margin-top: 0.5em;
    width: 120px;
}

#avisoLegal {
    display: none;
    background-color: #31a675;
    color: white;
    font-weight: bold;
    line-height: 1.5em;
    padding: 3px;
}

#avisoLegal #btn{
    background-color: #2F8000;
    text-align: center;
    color: #fff;
    border: 1px solid #308561;
    cursor: pointer;
    font-size: 13px;
    font-weight: bold;
}
#avisoLegal #btn:hover{
    color: #fff;
    background-color: #0065a2;
    border-color: #204d74;
}

.container-imagenes{
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    /*width: 97%;*/
}

.container-pagina_principal{
    border-radius: 50px 0 25px 25px;
    margin-bottom: 5px;
    /*background: -webkit-linear-gradient(left, #31a675 , #24A16B);
    background: -o-linear-gradient(right, #31a675, #24A16B);
    background: -moz-linear-gradient(right, #31a675, #24A16B);
    background: linear-gradient(to right, #31a675 , #24A16B);*/
}

.imagen-principal {
    text-align: center;
    /*border-radius: 150px;
    -webkit-border-radius: 150px;
    -moz-border-radius: 150px;*/
    display: inline-block;
    padding:0;
    margin:0;
}

.imagen-principal a img{
   /* width: 202px;
    height: 127px;*/
    /*width: 182px;
    height: 137px;*/
    /*width: 180px;
    height: 180px;*/
    /*border-radius: 3px;*/
    border-bottom: 2px solid #31a675;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    display: inline-block;
    /*border-radius: 50%;*/
}

.imagen-principal a{
    padding:0;
    margin:0;
    text-decoration: none;
}

.imagen-principal a:hover img{
    -webkit-transform: translate3d(0,-2px,0);
    transform: translate3d(0,-4px,0);
    box-shadow: 0 4px 4px rgba(0,0,0,0.24),0 0 4px rgba(0,0,0,0.12),0 6px 18px rgba(2,98,194,0.12);
    border: #31a675 solid 1px;
    transition: all 0.5s;
    /*border: 1px solid #31a675;*/
}

 .tit_plantilla_entrada {
    color: #fff;
    padding: 15px;
    text-align: center;
}

 .table-content{
     display: block;
 }

 .row{
     display: block;
 }

 .col-left{
     display: table-cell;
     width: 220px;
     vertical-align: middle;
     padding-bottom: 10px;
 }
 .col-right{
     display: table-cell;
     padding-bottom: 5px;
 }

 .color-red{
     color: red;
     font-weight: bold;
 }

 .datos_factura {
     /*font-size: 11pt;*/
     font-family: Verdana, Geneva, sans-serif;
     font-size: 1.3em;
     color: #333333;
 }

 .label-radiobox {
     font-size: 9pt;
     font-family: Verdana, Geneva, sans-serif;
     font-weight: bold;
     height: 20px;
     line-height: 20px;
     min-height: 20px;
 }

.campo_info {
    /*font-size: 11pt;*/
    font-family: Verdana, Geneva, sans-serif;
    font-size: 1.3em;
    color: #333333;
}

 input.texto{
     width: 280px;
     min-height: 30px;
     border-radius: 3px;
     border: 1px solid #31a675;
     box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
     -webkit-box-shadow:  0 1px 5px rgba(0, 0, 0, 0.1);
     -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
     color: #505050;
     margin: 2px 0;
     font-family: Verdana, Geneva, sans-serif;
     font-size: 16px;
     height: 30px;
     padding-left: 2px;
 }

 input.texto.error, textarea.texto.error{
     border: 1px solid rgba(204, 0, 0, 0.5);
     box-shadow: 0 1px 5px rgba(204, 0, 0, 0.7);
     -webkit-box-shadow:  0 1px 5px rgba(204, 0, 0, 0.7);
     -moz-box-shadow: 0 1px 5px rgba(204, 0, 0, 0.7);
 }

textarea.texto{
    width: 280px;
    border: 1px solid #31a675;
    border-radius: 3px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow:  0 1px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
    color: #505050;
    resize: none;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 16px;
    padding-left: 2px;
}

select.texto{
    width: 284px;
    min-height: 30px;
    line-height: 30px;
    height: 30px;
    border: 1px solid #31a675;
    border-radius: 3px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow:  0 1px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
    color: #505050;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 16px;
    padding-left: 2px;
}

input.texto.error:hover, textarea.texto.error:hover{
    border: 1px solid rgba(204, 0, 0, 0.5);
    box-shadow: 0 1px 5px rgba(204, 0, 0, 0.7);
    -webkit-box-shadow:  0 1px 5px rgba(204, 0, 0, 0.7);
    -moz-box-shadow: 0 1px 5px rgba(204, 0, 0, 0.7);
}

input.texto.error:focus, textarea.texto.error:focus{
    border: 1px solid rgba(204, 0, 0, 0.5);
    box-shadow: 0 1px 5px rgba(204, 0, 0, 0.7);
    -webkit-box-shadow:  0 1px 5px rgba(204, 0, 0, 0.7);
    -moz-box-shadow: 0 1px 5px rgba(204, 0, 0, 0.7);
    outline: 0;
}

input.texto:hover, textarea.texto:hover, select.texto:hover {
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow:  0 1px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
}

input.texto:focus, textarea.texto:focus, select.texto:focus{
    box-shadow: 0 1px 5px #31A675;
    -webkit-box-shadow: 0 1px 5px #31A675;
    -moz-box-shadow: 0 1px 5px #31A675;
    outline: 0;
}

.cabeceraSeccion{
    font-size: 11pt;
    font-family: Verdana, Geneva, sans-serif;
    font-weight: bold;
    color: #31a675;
    height: 40px;
    line-height: 40px;
    min-height: 40px;
}

.marcoIntAnt-alquiler {
    float: left;
    margin: 25px 0 25px 150px;
    /*width: 525px;*/
    width: 545px;
    background: #fff;
    border: 2px solid #31a675;
}

.marcoIntAnt-alquiler p.tit {
    text-align: center;
    background: #31a675;
    height: 35px;
    line-height: 35px;
    color: #fff;
    font-weight: bold;
    font-size:19px;
}

.marcoIntAnt-alquiler > div {
    /*width: 481px;*/
    width: 520px;
    background: #fff;
    padding: 40px 0 40px 10px;
}

.marcoIntAnt div.prod {
    width: 525px;
    padding: 0;
    font-size: 11px;
}

.marcoIntAnt div p {
    margin: 0 0 25px 0;
}

.titSec-max-width p{
    padding-bottom: 20px;
}

.error{
    width: 260px;
    min-height: 30px;
    font-size: 12px;
    height: 30px;
    color: red;
    font-weight: bold;
}

.error-msg{
    font-size: 1.5em;
    color:red;
}

.seccion-pedido-pendiente{
    font-size:15px;
    font-weight:bold;
    color:blue;
}

.msg-icono-cal{
    color: #FF0000;
    font-weight: bold;
    font-size:10px;
    height: 30px;
    line-height: 30px
}

#datos_factura div{
    margin: 0 !important;
    padding: 2px !important;
    width: auto;
}

#datos_factura{
    margin: 0 !important;
    padding: 0 !important;
}

.row > .col-left{
    width: 220px !important;
}

.uppercase{
    text-transform: uppercase;
}

.tooltipster-default {
    border-radius: 5px;
    border: 2px solid #31a675;
    background: lightyellow;
    box-shadow: 0 0 14px rgba(0,0,0,0.3);
    color: #fff;
}

.no-close .ui-dialog-titlebar-close {display: none }

.fecha-pedido{
    color: #31a675;
    font-weight: bold;
    font-size:13px;
}

.fecha-celebracion-pedido{
	color: red;
	font-weight: bold;
	font-size:13px;
}

#fechasCelebracionContainer span a img {
    float:none;
    margin-left: 10px;
    margin-bottom: 0;
}

.min-height{
    height: 30px;
}

.text-input{
	width: 120px;
	min-height: 20px;
	border-radius: 3px;
	border: 1px solid #31a675;
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow:  0 1px 5px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
	color: #505050;
	margin: 2px 0;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1.30em;
	height: 20px;
	text-align: center;
}

.text-input:hover{
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow:  0 1px 5px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
}

.text-input:focus{
	box-shadow: 0 1px 5px #31A675;
	-webkit-box-shadow: 0 1px 5px #31A675;
	-moz-box-shadow: 0 1px 5px #31A675;
	outline: 0;
}

.datepicker {
    display: block;
    float: left;
    height: 30px;
    width: 23px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    border: none;
    background: url('../images/ico-calendar.png') 0 50% no-repeat transparent;
}

.datepicker-input{
    width: 120px;
    min-height: 25px;
    border-radius: 3px;
    border: 1px solid #31a675;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow:  0 1px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
    color: #505050;
    margin: 2px 0;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 1.30em;
    height: 25px;
    text-align: center;
}

.datepicker-img {
    margin: -5px 2px;
}

.datepicker-input:hover{
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow:  0 1px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
}

.datepicker-input:focus{
    box-shadow: 0 1px 5px #31A675;
    -webkit-box-shadow: 0 1px 5px #31A675;
    -moz-box-shadow: 0 1px 5px #31A675;
    outline: 0;
}

.hyperlink {
	color:blue;
	text-decoration: none;
	font-weight:bold;
	cursor: pointer;
}

#productsListView {
    padding: 10px 5px;
    margin-bottom: -1px;
    min-height: 510px;
}
.product {
    float: left;
    position: relative;
    width: 224px;
    height: 300px;
	margin: 5px 5px 5px 15px;
	padding: 5px 5px;
	text-align: center;
	background: #e3e3e3;
	border-top-right-radius: 10px;
	border-collapse: collapse;
	box-shadow: 5px 5px 5px 2px #CCC;
	-webkit-box-shadow: 5px 5px 5px 2px #CCC;
	-moz-box-shadow: 5px 5px 5px 2px #CCC;
}
.product img {
	width: 182px;
	height: 137px;
}
.product h3 {
    margin: 0;
    padding: 3px 5px 0 0;
    overflow: hidden;
    line-height: 1.1em;
    font-size: .9em;
    font-weight: normal;
    /*text-transform: uppercase;*/
    /*color: #999; */
}
.product p.ref {
	position: relative;
	width: 150px;
	height: 20px;
	line-height: 20px;
	color: #fff;
	background: #13731A;
	left: 37px;
	font-size: 14px;
	font-weight: bolder;
	font-style: italic;
	margin-bottom: 5px;
}

.product div.precio_tooltip {
    visibility: hidden;
}
.product:hover div.precio_tooltip {
    visibility: visible;
    position: absolute;
    width: 182px;
    height: 137px;
    top: 30px;
	left: 26px;
    line-height: 20px;
    vertical-align: middle;
    text-align: center;
    color: blue;
    /*background-color: #13731A; */
    /*background-color: lightyellow;*/
    transition: background .2s linear, color .2s linear;
    -moz-transition: background .2s linear, color .2s linear;
    -webkit-transition: background .2s linear, color .2s linear;
    -o-transition: background .2s linear, color .2s linear;
}
.k-listview:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.with-block {
	min-height: 3em;
	white-space:nowrap;
}

.a-link {
    color: -webkit-link;
    text-decoration: underline;
    cursor: pointer;
}

.a-link-red {
	color: red;
	text-decoration: underline;
	cursor: pointer;
	font-size: 16px;
}

.a-link-blue {
	color: #0000ff;
	text-decoration: underline;
	cursor: pointer;
	font-size: 16px;
}

body.loading .loading-indicator {
    display: block;
    position: absolute;
    top: 50%;
    left: 54%;
    z-index: 1000;
    width: 128px;
    height: 128px;
    margin-top: -64px;
    margin-left: -64px;
}
.loading-indicator {
    background: url("../kendoui/styles/Silver/loading-image.gif") no-repeat;
    position: fixed;
    z-index: 1000;
    top: 50%;
    left: 50%;
}

.hidden {
	display: none;
}

.red{
	color:red;
}

.bold{
	font-weight: bold;
}

.product:hover div.precio_tooltip > .precio_alquiler{
	background-color: lightyellow;
	border: 2px #13731A solid;
	border-radius: 5px;
	margin-top: 50px;
	color: blue;
	margin-bottom: 0;
}

.product:hover div.precio_tooltip > .precio_reposicion{
	 background-color: lightyellow;
	 border: 2px #13731A solid;
	 border-radius: 5px;
	 margin-top: -2px;
	 color: red;
 }

.product:hover div.precio_tooltip > .precio_venta{
	background-color: lightyellow;
	border: 2px #13731A solid;
	border-radius: 5px;
	margin-top: 50px;
	color: green;
}

.k-dialog-buttongroup.k-dialog-button-layout-stretched{
	margin-top: 5px;
	padding-bottom: 35px;
}

.k-dialog-buttongroup.k-dialog-button-layout-stretched > button.k-button.k-primary{
	width: auto !important;
	float: left;
}

.k-dialog-buttongroup.k-dialog-button-layout-stretched > button.k-button{
	width: auto !important;
	float: right;
	margin-right: 20px;
}

.text-style{
	font-size:13px;
	font-weight:bold;
	margin-left:12px;
}
.estiloTablaNo{
	background: #000000;
	font-size: 20px;
	color: #ffffff;
}
.estiloCol{
	font-weight:normal;
	border: 1px solid #d4d0c8;
	background: #e0e0e0;
	margin: 0;
	height: 28px;
}
.estiloCol1{
	font-weight:normal;
	border: 1px solid #d4d0c8;
	background: #e0e0e0;
	margin: 0;
	height: 28px;
}
.estiloCol2{
	font-weight:normal;
	border: 1px solid #d4d0c8;
	background: #e0e0e0;
	margin: 0;
	height: 28px;
	width: 50px;
}
.estiloCol3{
	font-weight:normal;
	border: 1px solid #d4d0c8;
	background: #e0e0e0;
	margin: 0;
	height: 28px;
	width: 50px;
}
.estiloCol4{
	font-weight:normal;
	border: 1px solid #d4d0c8;
	background: #e0e0e0;
	margin: 0;
	height: 28px;
	width: 290px;
}
.estiloCol5{
	font-weight:normal;
	border: 1px solid #d4d0c8;
	background: #e0e0e0;
	margin: 0;
	height: 28px;
	width: 60px;
}
.estiloTexto{
	font-size: 11px;
}
.estiloPrecio{
	font-size:18px;
	font-weight:bold;
	text-align:right;
}

.smallWidgetSize{
	width:95%
}
.normalWidgetSize{
	width: 100%;
}

.departmentFamilyContainer{
	width:67%;
	float:left;
}

.productNameContainer{
	display: inline-block;
	width:30%;
}

.with-block-small{
	min-height: 1.5em;
}

.full-size{
	width: 100%;
}

.searchContainer{
	margin-bottom: 5px;
}

.dep-fam-product-search{
	margin-bottom: 5px;
	font-weight: bold;
}

.text-center{
	text-align: center;
}

.k-widget.k-dialog.k-window{
	top:550px !important;
}

.leaflet-popup-content-wrapper {
	text-align: center;
	border-radius: 7px;
	padding: 1px !important;
}

.leaflet-popup-content {
	margin: 1px 5px;
	line-height: 1.5;
}

.leaflet-popup {
	position: absolute;
	text-align: center;
	margin-bottom: 50px;
}

.marcoInt div.leaflet-popup-tip-container{
	width:18px;
}

.leaflet-popup-tip-container {
	width: 40px;
	height: 20px;
	position: absolute;
	left: 50%;
	margin-left: auto;
	overflow: hidden;
	pointer-events: none;
}

.mensaje-nuevo-articulo{
	font-size:13px;
	font-weight:bold;
	color:red;
	float:left;
	padding:5px !important;
}




