@charset "utf-8";
/* CSS Document */
body {
	padding:0;
	margin:0;
	font-size:12px;
	font-family: Verdana, Geneva, sans-serif;
}
h1, h2, h3, h4, h5, h6, ul, li, em, strong, pre, code {
	padding:0;
	margin:0;
	font-size:100%;
	font-weight:normal;
	font-style: normal;
}
table {
	padding:0;
	font-size:inherit;
}
ul {
	list-style:none;
}
img {
	border:0;
	margin:0;
	padding:0
}
p {
	margin:1em 0;
}
/* =BODY -----------------------------------------------------------------------------------------------------------------------*/
body {
	background: url("../img/bg-body.png") center repeat-y transparent;
	color:#333333;
}
a {
	text-decoration:none;
}
a:hover {
	text-decoration:none;
}
.bold {
	font-weight:bold;
}
.center {
	text-align:center;
}
.right {
	text-align:right;
}
.clear {
	clear:both;
}
.fl_left {
	float:left;
}
.fl_right {
	float:right;
}
.img_right {
	float:right;
	margin: 10px 0 10px 10px;
}
.imgl, .imgr {
}
.imgl {
	border:1px solid #cccccc;
	padding:5px;
	clear:left;
	float:left;
	margin:0 8px 8px 0;
}
.imgr {
	border:1px solid #cccccc;
	padding:5px;
	clear:right;
	float:right;
	margin:0 0 8px 8px;
}
strong {
	font-weight:bold;
}
.pink{
	color:#E40E62;
}
/* =WRAPPER -----------------------------------------------------------------------------------------------------------------------*/
div.wrapper {
	position:relative;
	width:100%;
}
div.wrapper p, div.wrapper h1, div.wrapper h2, div.wrapper h3, div.wrapper h4, div.wrapper h5, div.wrapper h6 {
	font-family:Verdana, Geneva, sans-serif;
	font-weight:normal;
	margin:0;
	padding:0;
}
/* =PARTS -----------------------------------------------------------------------------------------------------------------------*/
#header, #botonera, #gallery, #destacados, #references, #footer, #item, #titulo, #contenido, #caracteristicas, #tabmenu, #formulario, #asistente {
	width:960px;
	margin:0 auto;
	padding:0;
	display:block;
	position:relative;
}
.col10 {
}
.col20 {
	z-index:100;
}
.col30 {
}
.col40 {
}
.col50 {
}
.col60 {
}
.col70 {
}
.col80 {
}
.col90 {
}
.col100 {
	z-index:90;
}
/* =HEADER -----------------------------------------------------------------------------------------------------------------------*/
#header {
	background: url("../img/header-bg.gif") center no-repeat #e0e2df;
	height:70px;
}
#logo {
	float:left;
	height:70px;
	width:292px;
}
.logo {
	background:url("../img/cucorent-logo.png") no-repeat scroll 0 0 transparent;
	color:#5e6e66;
	display:block;
	height:40px;
	margin:20px 10px 10px 10px;
	outline:medium none;
	text-indent:-5000px;
	width:272px;
}
#header h1 {
	border:medium none;
	clear:left;
	color:#1B1F1D;
	font-size:14px;
	margin:0;
	padding:0;
}
#slogan {
	float:right;
	margin:32px 10px 18px;
	padding:0;
	width:430px;
}
#slogan h2 {
	font-size:14px;
	line-height:20px;
}
#chat {
	float:right;
	height:40px;
	margin:20px 10px 10px 20px;
	padding:0;
	width:150px;
}
/* =BOTONERA -----------------------------------------------------------------------------------------------------------------------*/
#botonera {
	background: url("../img/menu-bg.gif") center no-repeat #e0e2df;
	height: 66px;
}
.boton {
	background: url("../img/boton-menu1.png") no-repeat scroll 0 0 transparent;
	float: left;
	font-size: 14px;
	font-weight: bold;
	height: 46px;
	line-height: 30px;
	margin: 10px 0 10px 10px;
	text-align: center;
	width: 180px;
}
.boton:hover {
	background: url("../img/boton-menu2.png") no-repeat scroll 0 0 transparent;
	float:left;
	font-size:14px;
	font-weight:bold;
	height:46px;
	line-height:30px;
	text-align:center;
	width: 180px;
}
.boton a {
	color:#eff1ee;
	display:block;
	height:46px;
	text-decoration:none;
}
.boton a:hover {
	color:#fff;
}
.boton div {
	background: url("../img/submenu-bg.png") no-repeat scroll center bottom transparent;
	font-size: 100%;
	left: -5px;
	margin: 0;
	padding: 10px 0;
	position: relative;
	text-align: left;
	visibility: hidden;
	width: 190px;
}
.boton:hover div {
	visibility:visible;
}
.boton ul {
	list-style:none outside none;
	margin:0;
	padding:0;
}
.boton li a {
	background: url("../img/submenu-tx-bg1.png") no-repeat transparent;
	color: #fff;
	height:32px;
	padding: 7px 5px;
	text-decoration: none;
}
.boton li a:hover {
	background: url("../img/submenu-tx-bg2.png") no-repeat transparent;
	color: #fff;
}
.boton_subtext {
	font-size:11px;
	font-weight:normal;
	position: relative;
	top: -14px;
}
.submenu_text {
	color: #FFFFFF;
	float: left;
	font-size: 11px;
	font-weight: normal;
	height: 32px !important;
	line-height: 15px;
	margin: 0 0 0 26px !important;
	padding: 0 !important;
	position: static;
	text-align: left;
	width: 104px !important;
}
.boton img {
	padding:0 0 0 10px;
	float:left;
}
/* =GALLERY -----------------------------------------------------------------------------------------------------------------------*/
#gallery {
	background:#fff;
	height:290px;
	list-style:none outside none;
}
#gallery img {
	padding: 10px 10px 0 10px;
	display: block;
	height: 280px;
	left: 0;
	position: absolute;
	top: 0;
	width: 940px;
	z-index: 40;
}
.toc {
	background: url("../img/toc1.png") no-repeat;
	bottom:20px;
	color:#fce7f0;
	display:block;
	left:10px;
	padding:3px;
	position:absolute;
	text-align:center;
	text-decoration:none;
	width:20px;
	z-index:60;
}
.toc-active {
	background: url("../img/toc2.png") no-repeat;
	color:#fff;
}
#next {
	background:url("../img/toc2.png") no-repeat;
	bottom:20px;
	color:#FFFFFF;
	display:block;
	padding:3px;
	position:absolute;
	right:30px;
	text-align:center;
	text-decoration:none;
	width:20px;
	z-index:50;
}
#previous {
	background:url("../img/toc2.png") no-repeat;
	bottom:20px;
	color:#FFFFFF;
	display:block;
	padding:3px;
	position:absolute;
	right:60px;
	text-align:center;
	text-decoration:none;
	width:20px;
	z-index:50;
}
/* =DESTACADOS -----------------------------------------------------------------------------------------------------------------------*/
#destacados {
	background: url("../img/destacados-bg.gif") center no-repeat #e0e2df;
	height: 178px;
	padding:0;
}
.destacados {
	float: left;
	height: 168px;
	margin:0;
	position: relative;
	width: 220px;
	padding: 0px 10px 10px 10px;
}
.destacados h3 {
	height:20px;
	color: #e40e62;
	font-size: 14px;
	padding: 10px 10px 2px 10px !important;
	text-align: center;
	text-transform: uppercase;
}
.destacados a {
	text-decoration:none;
	color:#e40e62;
}
.destacados a:hover {
	text-decoration:none;
	color:#f186b0;
}
/* =REFERENCES -----------------------------------------------------------------------------------------------------------------------*/
#references {
	background: url("../img/sombra-references.png") no-repeat scroll center top #FFFFFF;
	height: 140px;
	margin-top:10px;
}
#references a {
	color:#E40E62;
}
#references a:hover {
	color:#ed4a89;
}
#reference1, #reference2, #reference3, #reference4, #reference5 {
	width:192px;
	float:left;
	position:relative;
	border:0;
}
#reference1 h6, #reference2 h6, #reference3 h6, #reference4 h6, #reference5 h6 {
	padding:10px;
	color:#5e6e66;
	font:14px Verdana, Geneva, sans-serif;
}
#reference1 p, #reference2 p, #reference3 p, #reference4 p, #reference5 p {
	font:12px Verdana, Geneva, sans-serif;
	margin: 10px;
	line-height:18px;
}
#reference1 {
	padding:10px 0 0 0;
}
#reference1 ul {
	width:192px;
}
#reference1 li {
	font-size:14px !important;
	color:#E40E62;
	font-weight:bold !important;
	margin:5px 0 5px 30px !important;
	padding:6px 0 6px 40px !important;
	float:left;
	height:20px;
	width:120px;
}
.phone {
	font-size: 11px;
	padding-left: 17px;
	margin-left: 2px;
	margin-bottom: 5px;
	background:url("../img/phone.png") bottom left no-repeat;
	List-style:none;
}
.email {
	font-size: 11px;
	padding-left: 17px;
	margin-left: 2px;
	margin-bottom: 5px;
	background:url("../img/email.png") bottom left no-repeat;
	List-style:none;
}
.skype {
	font-size: 11px;
	padding-left: 17px;
	margin-left: 2px;
	margin-bottom: 5px;
	background:url("../img/skype.png") bottom left no-repeat;
	list-style:none;
}
#reference5 img {
	float:left;
}
#reference2 {
	background:url("../img/ventajas-huella.png") no-repeat;
	width:192px;
	height:140px;
}
#reference4 {
	background:url("../img/ahorrar-dinero.png") no-repeat;
	width:192px;
	height:140px;
}
#reference2 p, #reference4 p {
	text-transform:uppercase;
	font-size:18px;
	padding:10px;
	line-height:20px;
}
/* =SLIDESHOW -----------------------------------------------------------------------------------------------------------------------*/
#slideshow {
	margin:20px;
	position:relative;
	height:100px;
	width:148px;
}
#slideshow img {
	position:absolute;
	top:0;
	left:0;
	z-index:10;/*opacity:0.0;*/
}
#slideshow IMG.active {
	z-index:30;/*opacity:1.0;*/
}
#slideshow IMG.last-active {
	z-index:20;
}
#clientes {
	width:148px;
	height:100px;
	padding:10px 20px;
}
/* =FOOTER -----------------------------------------------------------------------------------------------------------------------*/
#footer {
	background-color:#fff;
	padding: 0;
	text-align:center;
}
#footer img {
	margin:4px 0 -2px 0;
}
#footer ul {
	background:url("../img/sombra.png") top no-repeat;
	font-size:10px;
	text-align:center;
	list-style:none outside none;
	margin:0;
	padding:10px 0 12px 0;
}
#footer li {
	border-right:1px solid #5e6e66;
	display:inline;
	margin-right:8px;
	padding-right:10px;
}
#footer li.last {
	border-right:medium none;
	margin-right:0;
	padding-right:0;
}
#footer li a {
	color:#333;
}
#footer li a:hover {
	color:#5e6e66;
}
/* =TITULO		---------------------------------------------------------------------------------------------------------------------*/
#titulo {
	padding:0;
}
#titulo h3 {
	font-weight:bold;
	color:#5e6e66;
	font-size:22px;
	margin:20px 10px 10px 10px;
	padding:0;
}
#titulo p {
	color:#333;
	font-size:12px;
	margin:10px 20px 10px 10px;
	padding:0;
	line-height:18px;
}
#titulo img {
	margin:0 10px;
	padding-bottom:10px;
}
.tittle {
	color:#5e6e66;
	font-size:22px !important;
	margin:20px !important;
	padding:10px 0 !important;
}
/* =ITEMS		---------------------------------------------------------------------------------------------------------------------
				---------------------------------------------------------------------------------------------------------------------
				---------------------------------------------------------------------------------------------------------------------*/
#item {
	padding:10px 0 0 0;
}
.item {
	background: url(../img/item-bg.png) no-repeat #fff;
	margin:0 10px 10px 10px;
	padding:10px 0;
	height:250px;
}
#item h4 {
	background-color: #FFFFFF;
	color:#e40e62;
	font-size: 16px;
	font-weight: bold;
	padding: 10px 20px;
}
#item h3 {
	background: url(../img/item-nombre-bg.png) no-repeat transparent;
	color: #E40E62;
	font-size: 16px;
	font-weight: bold;
	padding: 10px 0;
	text-align: center;
}
#item h5 {
color: #333333;
    float: left;
    font-size: 11px;
    line-height: 16px;
    margin: 0 10px 10px 10px;
    width: 210px;
}
.tipo {
	font-size:16px !important;
	padding:20px !important;
}
#item p {
	font-size:12px;
	line-height:18px;
	padding:0 20px;
	margin:0 !important;
}
#item ul {
	list-style-image: url("../img/point.png");
	padding: 0 0 0 40px;
	width: 370px;
}
#item li {
	font-size:11px;
}
.item-foto {
	width:240px;
	height:250px;
	margin:0 10px;
	padding:0;
	float:left;
}
.item-tx {
	background: url("../img/item-tx-bg.png") no-repeat scroll center top transparent;
	float: left;
	height: 240px;
	padding: 10px 10px 0 10px ;
	width: 410px;
}
.item-mas {
	 background: none repeat scroll 0 0 #eeeeee;
	float: left;
	font-weight: bold;
	line-height: 18px;
	margin:0 10px;
	width: 230px;
	height:250px;
}
.iconos {
	border-bottom: 2px dotted #5E6E66;
	height: 150px;
	width: 230px;
}
.icono {
	float: left;
	height: 64px;
	margin:0 6px 12px;
	width: 64px;
}
.mensaje-productos {
	padding-top:10px;
	width:230px;
	height:185px;
}
.bt-alquilar {
	margin:4px auto 0 auto;
	width: 160px;
	height: 20px;
	text-align: center;
	background: url("../img/bt-alquilar.png") 0 0 no-repeat transparent;
}
.bt-alquilar a {
	padding: 0;
	width: 100%;
	display: block;
	overflow: hidden;
	color: #fff;
	font-weight:bold;
	font-size: 12px;
	text-decoration: none;
	background: url("../img/bt-alquilar.png") 0 0 no-repeat transparent;
}
.bt-alquilar a:hover {
	padding-top:0;
	background-position: -160px 0;
}
.bt-alquilar a:active {;
	background-position: -320px 0;
}
.bt-info {
	margin:32px auto 0 auto;
	width: 160px;
	height: 20px;
	text-align: center;
	background: url("../img/bt-info.png") 0 0 no-repeat transparent;
}
.bt-info a {
	padding:0;
	width: 100%;
	display: block;
	overflow: hidden;
	color: #fff;
	font-weight:bold;
	font-size: 12px;
	text-decoration: none;
	background: url("../img/bt-info.png") 0 0 no-repeat transparent;
}
.bt-info a:hover {
	padding-top:0;
	background-position: -160px 0;
}
.bt-info a:active {
	background-position: -320px 0;
}
.precio-venta-alquiler{
	width:360px;
	height:30px;
	margin:10px auto 0 auto;}
.precio-venta{
	background: url('../img/precio-venta-alquiler.png') 0 0 no-repeat transparent;
	width:180px;
	height:20px;
	float:right;
	padding: 5px 0;}

.precio-alquiler{
	background: url('../img/precio-venta-alquiler.png') 0 0 no-repeat transparent;
	width:180px;
	height:20px;
	float:right;
	padding: 5px 0;}

/* =ACCESORIOS		---------------------------------------------------------------------------------------------------------------------
				---------------------------------------------------------------------------------------------------------------------
				---------------------------------------------------------------------------------------------------------------------*/
.accesorio {
	background: url(../img/accesorio-bg.png) no-repeat #eff1ee;
	margin:0 10px 10px 10px;
	padding:10px 0;
	height:160px;
}
#accesorio h4 {
	background-color: #FFFFFF;
	color:#e40e62;
	font-size: 16px;
	font-weight: bold;
	padding: 10px 20px;
}
.accesorio h3 {
	color:#e40e62;
	font-size: 16px;
	font-weight: bold;
	padding:10px 0;
}
.accesorio h5 {
	color: #333;
	float: left;
	font-size: 11px;
	width: 220px;
	line-height:16px;
}
.accesorio p {
	font-size:12px;
	line-height:18px;
	padding:0 20px;
}
.accesorio-foto {
	width:240px;
	height:160px;
	margin:0 10px;
	padding:0;
	float:left;
}
.accesorio-tx {
	background: url("../img/item-tx-bg.png") no-repeat scroll center top transparent;
	float: left;
	height: 140px;
	padding: 10px;
	width: 410px;
}
.accesorio-mas {
	color: #FFFFFF;
	float: left;
	font-weight: bold;
	line-height: 18px;
	margin:0 10px;
	width: 230px;
	height:160px;
}
.precio {
	color:#e40e62 !important;
	margin: 10px !important;
	padding: 10px 20px !important;
	font-weight:bold !important;
	font-size:18px !important;
	line-height:18px !important;
}
.bt-comprar {
	margin:80px 54px 0 54px;
	width: 120px;
	height: 20px;
	text-align: center;
	background: url("../img/bt-alquilar.png") 0 0 no-repeat transparent;
}
.bt-comprar a {
	padding: 0;
	width: 100%;
	display: block;
	overflow: hidden;
	color: #fff;
	font-weight:bold;
	font-size: 12px;
	text-decoration: none;
	background: url("../img/bt-alquilar.png") 0 0 no-repeat transparent;
}
.bt-comprar a:hover {
	padding-top:0;
	background-position: -120px 0;
}
.bt-comprar a:active {;
	background-position: -240px 0;
}
/* =CONTENIDO		---------------------------------------------------------------------------------------------------------------------*/
#contenido {
	padding:0;
}
.contenido {
	background-color:#eff1ee;
	padding:10px;
	margin:0 10px 10px;
}
#contenido h4 {
	color:#e40e62;
	font-size:16px;
	padding: 10px 0 0 0;
}
#contenido h5 {
	font-weight:bold;
	font-size:14px;
	padding: 20px 10px 10px 10px;
}
#contenido p {
	line-height:18px;
	padding:10px 0;
}
#contenido ul {
	line-height: 18px;
	list-style-image: url("../img/point.png");
	padding:10px 30px;
	width: 860px;
}
#contenido-soporte-tecnico {
	margin:20px 0;
	padding:0;
	width:920px;
}
.contenido-soporte-tecnico {
	width:200px;
	margin:0 15px;
	height:140px;
	float:left;
}
#contenido-ventajas-huella {
	margin:20px 0;
	padding:0 10px;
	width:900px;
	height:140px;
}
.contenido-ventajas-huella {
	width:240px;
	margin:0 30px;
	height:140px;
	float:left;
}
#contenido a {
	color:#E40E62;
	text-decoration:underline;
}
#contenido a:hover {
	color:#f186b0;
	text-decoration:none;
}
/* =PDFS		---------------------------------------------------------------------------------------------------------------------*/
#pdf {
	padding:4px 20px 0 20px;
	float:right;
}
#pdf a {
	font-weight:bold;
	font-size:12px;
	color:#E40E62;
	text-decoration:none;
}
#pdf a:hover {
	font-weight:bold;
	font-size:12px;
	color:#ed4a89;
	text-decoration: none;
}
/* =TabMenu-----------------------------------------------------------------------------------------------------------------------*/
#tabmenu {
	padding:0;
}
.tabmenu {
	border-bottom:1px solid #5e6e66;
	height: 30px;
	margin: 20px 10px 0 10px;
}
.tabmenu-active {
	text-align:center;
	height: 30px;
	background: url("../img/tabmenu-active.png");
	width: 120px;
	font-size: 14px;
	font-weight: bold;
	line-height: 28px;
	padding: 0 5px;
	float:left;
	border-bottom:1px #F4F6F5 solid;
}
.tabmenu-active a {
	color: #333333;
}
.tabmenu-inactive {
	text-align:center;
	height: 30px;
	background: url("../img/tabmenu.png");
	color: #333333;
	width: 120px;
	font-size: 14px;
	font-weight:normal;
	line-height: 28px;
	padding: 0 5px;
	float:left;
}
.tabmenu a {
	color: #333;
}
.tabmenu a:hover {
	color: #E40E62;
}
.tabmenu-space {
	height: 30px;
	width: 20px;
	float:left;
}
/* =CARACTERISTICAS-----------------------------------------------------------------------------------------------------------------------*/
#caracteristicas {
	padding:0;
}
.caracteristicas {
	background:#F4F6F5;
	padding:10px;
	margin:0 10px;
}
.apartados {
	font-weight:bold !important;
	color:#5e6e66;
	font-size:18px;
	padding: 30px 20px 10px 10px !important;
	text-transform:uppercase;
}
#caracteristicas h3 {
	color:#e40e62;
	font-size:22px;
	padding: 20px 20px 10px 10px;
}
#caracteristicas h4 {
	color:#e40e62;
	font-size:16px;
	padding: 10px 0 0 0;
}
#caracteristicas h5 {
	font-size: 18px;
	font-weight: normal;
	padding: 20px 20px 10px 10px;
	text-transform: uppercase;
}
#caracteristicas p {
	line-height:18px;
	padding:10px 10px 0 10px;
}
#caracteristicas ul {
	line-height: 18px;
	list-style-image: url("../img/point.png");
	padding:10px 30px;
	width: 860px;
}
.caracteristicas li {
}
#caracteristicas ul li ul {
	list-style: disc outside none;
	width:700px;
	border:none;
}
#caracteristicas img {
	margin: 20px 10px;
	padding:0;
}
#caracteristicas a {
	color:#E40E62;
	text-decoration:none;
}
#caracteristicas a:hover {
	color:#E40E62;
	text-decoration:underline;
}
/*---FORM--------------------------------------------------------------------------------------------------------------------------------------*/

#formulario {
	padding:0;
}
.formulario {
	background-color: #EFF1EE;
	height: 910px;
	margin: 0 10px 10px;
	padding: 10px;
}
.columna-formulario {
	border-top:1px #5e6e66 solid;
	float:left;
	background-color: #fff;
	width: 440px;
	height:860px;
	margin:10px;
}
.tecnica {
	background: url("../img/solicitar-info.png") repeat scroll 0 0 transparent;
	font-size: 14px !important;
	font-weight: bold !important;
	height: 40px !important;
	margin: 10px 60px !important;
	padding: 20px 0 0 !important;
	text-align: center;
	width: 320px !important;
}
.columna-formulario a {
	color:#E40E62;
	padding:0 !important;
}
.columna-formulario a:hover {
	color:#ed4a89;
}
#formulario p {
	line-height: 18px;
	padding: 10px 0;
}
.columna-formulario p {
	float: left;
	font-size: 11px;
	height: 112px;
	line-height: 18px;
	padding: 10px 0;
	width: 220px;
}
.img-contacto {
	padding:10px;
	float:left;
	width:200px;
	height:140px;
}
#formulario h3 {
	color:#e40e62;
	font-size:16px;
	padding: 10px 0;
}
#formulario h4 {
	color:#e40e62;
	font-size:16px;
	padding: 10px 0;
	float:left;
}
#formulario h5 {
	color:#5e6e66;
	font-size:12px;
	line-height:18px;
	margin:10px;
	float:left;
}
#contentForm {
	background-color: #EFF1EE;
	display: block;
	float: right;
	padding-top: 10px;
	width: 470px;
}
/* and now the form formatting itself */
label {
	display: block;
	float: left;
	clear: left;
	Width: 150px;
	line-height: 20px;
	margin-bottom: 10px;
	margin: 5px 0;
}
input, textarea, select {
	background: none repeat scroll 0 0 #fff;
	border: 1px solid #adb6b1;
	color: #333;
	font-size: 1em;
	margin: 5px 0;
	padding: 2px;
}
input:focus, textarea:focus, select:focus {
	border: 1px solid #e40e62;
	background-color: #f8c3d7;
}
input.button {
	cursor: pointer;
	border: none;
	font-weight: bold;
	background: url("../img/submit.png") no-repeat left top;
	width: 100px;
	height: 40px;
}
span.required {
	font-size: 14px !important;
	color: red !important;
}
.required-tx {
	font-size:10px !important;
	margin-left:145px !important;
	padding: 5px !important;
}
.errormsg {
	display: block;
	width: 420px;
	height: 22px;
	line-height: 22px;
	color: #FFFFFF;
	font-weight: bold;
	background: #FF9D9D url("../img/stop.gif") no-repeat 10px center;
	padding: 3px 10px 3px 40px;
	margin: 0 0 10px 0;
	border-top: 2px solid #FF0000;
	border-bottom: 2px solid #FF0000;
}
.msgSent {
	font-size: 20px;
	text-align: center;
}
.casilla {
	background-color:#CCC;
	margin-bottom:1px;
}
.casilla label {
	margin:4px 10px 4px 0;
	text-align:right;
}
.recordatorio {
	font-size:10px;
	padding:10px 0 5px 0 !important;
}
/*---FORM-Sugerencias--------------------------------------------------------------------------------------------------------------------------------------*/

#contentForm-sugerencias {
	background-color: #EFF1EE;
	padding-top: 10px;
}
/* and now the form formatting itself */
label {
	display: block;
	float: left;
	clear: left;
	Width: 150px;
	line-height: 20px;
	margin-bottom: 10px;
	margin: 5px 0;
}
input, textarea, select {
	background: none repeat scroll 0 0 #fff;
	border: 1px solid #adb6b1;
	color: #333;
	font-size: 1em;
	margin: 5px 0;
	padding: 2px;
}
input:focus, textarea:focus, select:focus {
	border: 1px solid #e40e62;
	background-color: #f8c3d7;
}
input.button {
	cursor: pointer;
	border: none;
	font-weight: bold;
	background: url("../img/submit.png") no-repeat left top;
	width: 100px;
	height: 40px;
}
span.required {
	font-size: 14px !important;
	color: red !important;
}
.required-tx {
	font-size:10px !important;
	margin-left:145px !important;
	padding: 5px !important;
}
.errormsg {
	display: block;
	width: 420px;
	height: 22px;
	line-height: 22px;
	color: #FFFFFF;
	font-weight: bold;
	background: #FF9D9D url("../img/stop.gif") no-repeat 10px center;
	padding: 3px 10px 3px 40px;
	margin: 0 0 10px 0;
	border-top: 2px solid #FF0000;
	border-bottom: 2px solid #FF0000;
}
.msgSent {
	font-size: 20px;
	text-align: center;
}
.casilla {
	background-color:#CCC;
	margin-bottom:1px;
}
.casilla label {
	margin:4px 10px 4px 0;
	text-align:right;
}
.recordatorio {
	font-size:10px;
	padding:10px 0 5px 0 !important;
}
.chbox {
	margin-left:10px;
}
.gracias {
	font-size:16px !important;
	color:#5e6e66!important;
	font-weight:bold;
}
/* =ACORDION -----------------------------------------------------------------------------------------------------------------------*/
#accordion { /* el rectángulo contenedor */
	width:920px;
}
#accordion h4 { /* los enlaces que despliegan y contraen el contenido */
	background-color: #DCDFF4;
	color: #5e6e66;
	cursor: pointer;
	font-size: 12px;
	font-weight: bold;
	height: 32px;
	line-height: 30px;
	margin:5px 0 0 0;
	padding: 0 20px;
	position: relative;
}
#accordion h4:hover { /* efecto hover sobre esos enlaces */
	background-color: #E40E62;
	color: #FFF;
}
#accordion h4 span { /* una imagen que permuta segñun el estado del contenido */
	background: transparent url('../img/demoacordeonjs.gif') no-repeat right top;
	display: block;
	height: 16px;
	position: absolute;
	right: 20px;
	top: 7px;
	width: 16px;
}
#accordion h4.active span { /* desplegado */
	background-position: right bottom;
}
#accordion div { /* el contenido */
	background-color: #FFFFFF;
	border-left:2px dotted #E40E62;
	color: #333333;
	font-size: 12px;
	line-height: 18px;
	margin: 0 10px 10px;
	padding: 10px;
}
#accordion h5 {
	color:#5e6e66;
	font-size:14px;
	padding: 12px 10px 10px 10px;
}
#accordion p {
	font-size:11px;
	padding: 4px 10px 4px 10px;
}
/* =PANTALLAZOS -----------------------------------------------------------------------------------------------------------------------*/
#pantallazos ul li {
	display: inline;
}
#pantallazos img {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #5E6E66 !important;
	padding: 9px;
}
/* =WIDE -----------------------------------------------------------------------------------------------------------------------*/

.wide {
	border-bottom: 1px #000 solid;
	width:4000px;
}
/* =ASISTENTE -----------------------------------------------------------------------------------------------------------------------*/

#asistente {
	padding:0;
}
.asistente {
	background:#F4F6F5;
	padding:10px;
	margin:0 10px;
}
.asistente p {
	line-height:26px;
}
#manual {
	text-align:center;
	padding:0 0 20px 0
}
/* =SITEMAP -----------------------------------------------------------------------------------------------------------------------*/

#mapaweb {
	margin:0;
	padding:10px 0 0 0;
	text-align:left;
	height:540px;
}
.columnamapaweb {
	float:left;
	width:184px;
}
.preferences-link ul {
	float:left;
	width:860px !important;
	background:#FFF;
}
.preferences-link ul li {
	float: left;
	height: 40px;
	padding:0 60px 0 0;
}
.bloquemapaweb {
	background-color:#FFFFFF;
	padding:0;
	margin:0;
	clear:none;
	height:480px;
}
.bloquemapaweb h4 {
	font-size:16px !important;
	color:#333333;
	font-weight:bold;
	padding:10px 0 10px 5px!important;
}
.bloquemapaweb h4 a {
	color:#333333;
}
.bloquemapaweb h4 span {
	font-size:12px !important;
	color:#5e6e66;
}
.bloquemapaweb h4 a:hover {
	color:#990000;
}
.bloquemapaweb ul {
	border-left: 1px solid #D4D0C8;
	padding: 0 0 0 12px !important;
	width: 171px !important;
}
.bloquemapaweb li {
	display:block;
	width:171px;
	list-style:none;
	padding:14px 0 0 0;
	margin:0;
}
.bloquemapaweb li a {
	color: #666666;
	display: block;
	font-size: 12px;
	line-height: 16px;
	padding: 5px 0;
	width: 162px;
}
.bloquemapaweb ul ol {
	border-left: 1px solid #D4D0C8 !important;
}
.bloquemapaweb ul ol, .bloquemapaweb ul ul {
	border:0px;
	background-color:#FCFCFC;
	padding:0px 0 3px 0;
}
.bloquemapaweb ul ol li, .bloquemapaweb ul ul li {
	display:block;
	line-height:16px;
	font-size:12px!important;
	color:#555;
	width:auto!important;
	padding:0 !important;
}
.bloquemapaweb ul ol li a, .bloquemapaweb ul ul li a {
	display:block;
	line-height:16px;
	font-size:12px!important;
	color:#555;
	padding:0px 0px 1px 10px;
	width:auto!important;
}