/* generales */

form {margin: 0 auto; padding:0;}

input, textarea, select {
	border: 0;
	padding: 4px;
	background: #D9F4FB;
	color: #006699;
	font-weight: bold;	
}

input {
	width: 80%;
}

/* botones */

.form form .buttons {
	position:relative;
	overflow: hidden;
	padding: 5px 0 0 0;
	margin: 10px 0 0 0;
	width: auto;
	text-align: right;
}
/*.boxCristal .form .buttons {padding-top:5px;margin-top: 10px;}*/

.submit {
	position: relative;
	overflow: hidden;
	float: right;
}
.buttons .submit {
	float: right;
	padding: 0;
	margin: 0 0 0 10px;
	clear: none;
}

.button, .buttonUp, .buttonDown, .buttonInact, .buttonInactUp {
    color: white;
	padding: 4px 6px;
	background: #97BF1A;
	border:-1px;
	border:none;
	border-top: 0;
	border-left: 0;
	border-right: 0;
	border-bottom: 4px solid #8aaf15;
	margin: 4px 0 0 5px;
	display: inline-block;
	_display: inline;
	width: 1;
	_width: auto;
	overflow: visible;
	
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;

}

.buttonUp {
	font-weight: bold;
}
.buttonUp, .buttonInactUp {
	margin-top: 0;
	padding: 8px 14px !important;
}
.buttonDown {
    background: #62a59b;
	border-bottom-color: #5c9a91;
}
.boxCristal .content .button:hover, .boxCristal .content .buttonUp:hover, .boxCristal .content .buttonDown:hover,
.button:hover, .buttonUp:hover, .buttonDown:hover {
    color: #97BF1A;
	background: white;
	border-bottom-color: #dcf09c;
	cursor: pointer;
}
.buttonInact, .buttonInactUp {
    background: #8fb7bd;
	border-bottom-color: #8aafb5;
}

.button.min, .button.med {
	font-family: arial, helvetica, sans-serif;
	font-size: 10px;
	padding: 1px 4px;
	_padding: 3px 5px;
	border: 0;
}
.button.med {
	font-size: 13px;
    padding: 2px 5px;
	_padding: 4px 7px;
}

.button.red {
	background: #f38938;
}
.button.not {background:#c1e1e9;color:#427784;}

.button.red:hover {
	color: red;
}

/*.button.orange {
    color: #ffb400;
}
.button.orange:hover {
    color: #ffb400;
}*/

.button.spRgt {
	margin: 0 5px 0 0;
}

.button.actn {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	padding: 2px 4px;
	border: 0;
}

.button.up {
	font-size: 18px;
	font-weight: 500;
	padding: 8px 6px;
}

.buttonUp.red {
    background: #bf271a;
    border-bottom-color: #a62210;
}

.button.orange, .buttonUp.orange {
    background: #f98b00;
    border-bottom-color: #e08402;
}

.button.blue, .buttonUp.blue {
    background: #1c8ee6;
    border-bottom-color: #1880d0;
}

.button.mora, .buttonUp.mora {
    background: #8a1abf;
    border-bottom-color: #7d20a4;
}


.form form .buttons .btleft {
	float: left;
	margin: 4px 5px 0 0;
}

.buttons a.button, .buttons a.buttonUp, .buttons a.buttonDown, .buttons a.buttonInact, .buttons a.buttonInactUp {
	margin-left: 0; margin-right: 5px;
}
.buttons a.btright, .boxCristal .linksFn a.btright {
	float: right;
	margin-left: 5px; margin-right: 0;
}


input[type=submit], input[type=button] {
    width: auto;
}





/* lista */

.form .list {}

.form .list li {padding-bottom: 5px; padding-left: 15px; font-size: 11px;}
.form .list li strong {font-size: 12px;font-weight: bold;}

/* img preloader */

.frUpdt {width:16px;height:16px;background: url(../img/preload_z9.gif) center center no-repeat;overflow:hidden;margin:0 5px;vertical-align:baseline;}


/*

	### personalizados ###

*/

/* caja cristal */

.boxCristal .form {position: relative; width: 100%; overflow: hidden; margin-top: 35px;}

.boxCristal .formMin {position: relative; width: auto; float: right; overflow: hidden; margin: 4px 0; font-size: 10px;}

.boxCristal .form h3 {padding-top: 0}
.boxCristal .form h4 {padding-bottom: 5px}

.boxCristal .form p {padding-bottom: 10px}

.boxCristal .form form {width:90%;margin:0 auto;padding:0;}
.boxCristal .form.large form {width:100%;}
.boxCristal .form.top { margin-top: 10px;}

.boxCristal fieldset {border:0; margin: 10px 0; padding: 0;}

.boxCristal .form table, .boxCristal .form table th, .boxCristal .form table td {background: none; border: 0;}
.boxCristal .form table {width:100%}

.boxCristal .form table td {width: 50%; padding: 10px 0; text-align: left; border-bottom: 1px solid #bde0e9;}

.boxCristal .form table tr.last td {border: 0}
.boxCristal .form table tr.noBordr td {border: 0; padding-bottom: 0;}
.boxCristal .form table tr.brdSep td {border-bottom: 2px dashed #bde0e9;}
.boxCristal .form table tr.brdSep td.tField {background: url(../img/forms/back_tiz.gif) right bottom no-repeat;}

.boxCristal .form table tr.light td {padding: 0;}

.boxCristal .form .sep {position:relative;overflow:hidden;width:100%;padding:0 0 10px 0}

.boxCristal label {display:inline;padding:0}
.boxCristal .login label {float:left;width:170px;}

.boxCristal .login label, .boxCristal .form .title {font-size: 14px; font-weight: bold; color: #2d6f80}
.boxCristal .form h3.title {font-size: 18px;padding-bottom: 5px;}
.boxCristal .form h4 {font-weight: bold;}

/*.boxCristal label,*/ .boxCristal .form .comment {font-size: 11px;}

/*.boxCristal label {position: relative; float: left; display: inline;}*/

.boxCristal input, .boxCristal textarea, .boxCristal select {font-size: 14px;}
.boxCristal option {font-size: 12px;}

.boxCristal .form table td input {width:400px;}

.boxCristal .form input.large, .boxCristal .form textarea.large {width:823px;}
.boxCristal .form table.medium td input, .boxCristal .form input.medium {width:200px;}
.boxCristal .form table.mdExt td input, .boxCristal .form input.mdExt {width:350px;}
.boxCristal .form input.mini {width:150px;}

.boxCristal .txtMin {font-size:10px;padding:4px 6px;}

.boxCristal .form .onLeft {float:left;margin-right:10px}
.boxCristal .form .onLeft.last {margin:0}


.boxCristal .form .tInfo td {width: 70%;}
.boxCristal .form .tInfo td.title {width: 30%;}
.boxCristal .form .tInfo .field, .boxCristal .form .tInfo .info {position:relative;float:left;}
.boxCristal .form .tInfo .info {width:300px;font-size:11px;color:#1c5564;line-height:14px;background: url(../img/forms/back_info.gif) 10px 0 no-repeat; padding-left:25px;}
.boxCristal .form .tInfo .info.med {width:200px;}
.boxCristal .form .tInfo .info strong, .boxCristal .form .tInfo .info a {font-weight:bold;}

.boxCristal .form table.medium td .buttons { margin-top: 15px;}
.boxCristal .form table.medium td .buttons input {width: auto;}

/* cajas */

.boxCristal .form .paragraph {position: relative; overflow: hidden; width: 100%; margin-bottom: 10px;}
.boxCristal .form .paragraph .right {position: relative; float: right; overflow: hidden; width: 48%;}
.boxCristal .form .paragraph .left {position: relative; float: left; overflow: hidden; width: 48%;}
.boxCristal .form.large .paragraph .right {width: 450px;}
.boxCristal .form.large .paragraph .left {width: 430px;}

.boxCristal .form .paragraph.zumbido .left {width: 550px}
.boxCristal .form .paragraph.zumbido .right {width: 360px}

.boxCristal .sepTpLg {border-top: 1px solid #bde0e9; padding-top: 10px; margin-top: 15px;}
.boxCristal .form form .sepBtLg {border-bottom: 1px solid #bde0e9; padding-bottom: 10px; margin-bottom: 15px;}

.boxCristal .form form .details {position:relative;padding: 0 0 5px 0}
.boxCristal .form form .details.sepTpLg {padding-top: 5px; margin-top: 5px;}
.boxCristal .form form .details.sepBtLg {margin-bottom: 10px;}

.boxCristal .form form .details.sepTpLgG {border-top: 2px dashed #bde0e9; padding-top: 15px; margin-top: 15px;background: url(../img/forms/back_tiz_up.gif) right 0 no-repeat}

.boxCristal .form .field {padding: 0; margin: 0 0 10px 0;}

/* botones especiales */

.boxCristal .form table td.radioBxs {}
.boxCristal .form table td.radioBxs input {display: block; clear: left; float: left; _width: 25px; background: transparent; margin: 3px;}
.boxCristal .form table td.radioBxs label {margin-top: 3px;}


/* checkboxes/radioboxes */

#content input.radioButton, #content input.checkbox {width:20px}

.boxCristal .form .field.checks label {white-space:nowrap;/*display:inherit*/}
.boxCristal .form .checkbox {width:auto;vertical-align:center}


/* caja info */

.boxCristal.info .form .content {font-size: 16px; line-height: 24px;}


/* desplegables */

.boxCristal .form .expFlBox {padding-top: 4px;}

/* paginación */

.boxCristal .pagination {
	margin: 10px 0 5px 0;
    padding: 13px 0 10px 85px;
}

/* listas */

.boxCristal .form ul.list li {background: url(../img/ico_ziudad.gif) 0 3px no-repeat; padding-left: 20px;}

/* mods lista zumbidos */

.boxCristal .form .listZumbidos {margin: 5px 0 0 0;}
.boxCristal .form .listZumbidos p {padding: 2px 0;}
.boxCristal .form .linksFn {padding-top: 15px;}

/* video */
.boxCristal .form .video.min {width:250px;height:152px;}

/* mapas */

.form .Gmap {width:500px;height:330px;}

.form .paragraph .right .Gmap {overflow: hidden; clear: all; float: right; width: 442px;}


/* registro  */

.regUsr, .regEmp {
	width: 287px; height:275px;
	background: url(../img/back_form_1.png) 0 0 no-repeat;
}
.regCrZum {
	width: 287px;
	float: left;
	background: #a7e6f6;
}


/* mapa */

.formMap {position: relative;float: right;}


/* views */

.zcontent {
	width: 327px;
	float: left;
	background: #a7e6f6;
}




/* Caja de búsqueda */

#pSearch {position: relaitve; width: 100%; overflow: hidden; /*background: url(../img/back_tit.gif);*/ /*border-bottom: 1px solid #BDE0E9; margin-bottom: 8px; padding: 2px 0 8px 0;*/}

#pSearch form {margin:0;padding:0;width:100%}
#pSearch form div {margin:0;padding:0;clear:none;}

#pSearch .sOpt {position: relative;float:left;overflow: hidden;}
#pSearch .sOpt.rgh {float:right}
#pSearch .sOpt.sep {margin-right: 10px;}
#pSearch .sepB {padding-bottom:10px;}
#pSearch select, #pSearch option {width:210px;height:25px;padding:2px;font-size:11px;vertical-align:middle}
#pSearch option {height:14px}

#pSearch .sOpt.bttnSrch {float:right;}

#pSearch .bttnSrch.txR input {padding-right:75px; background-position: right 0;}
#pSearch .bttnSrch.txR input:hover {color: white; background-position: right -28px;}


#pSearch .frUpdt {position:absolute;left:80px;top:25px;/*2px*/}

#pSearch .bttnSrch input {
	background: url(../img/button_srch_2p.gif) right 0 no-repeat;
	width: 90px;
 	height: 28px;
	overflow: hidden;
}
#pSearch .bttnSrch input:hover {
	background-position: right -28px;
	cursor: pointer;
}

#pSearch .bttnClr input {
	background: url(../img/ico_trash.gif) right 0 no-repeat;
	width: 25px;
 	height: 25px;
	overflow: hidden;
	padding: 2px 0 2px 30px;
}
#pSearch h4 {
	margin: 0;
	padding: 0;
	font-size: 10px;
	color: #2d6f80;
}




/* modificación lateral */

.minRgt h2 {margin-top: 0; padding:0 0 7px 0; font-size: 18px; color: #2d6f80; border-bottom: 1px solid #bde0e9;}

.minRgt #pSearch h2 {padding:8px 0; background: url(../img/ico_zoom_3.png) right 0 no-repeat;}
.minRgt #pSearch select, .minRgt #pSearch option {width:225px;}

/*.minRgt #pSearch .frUpdt {top:25px;}*/



/* yeee */

#publi{width:30%;}



/* cajas de info */

#zOverlay {z-index: 9999;}

#zOverlay, #zOverlay #zBack {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

#zOverlay #zBack {
    background: #000;
	cursor: pointer;
	filter: alpha(opacity=50); opacity: 0.50;
}

#zOverlay #zCenter {
	position: fixed;
	z-index: 9999;
	overflow: hidden;
	border: 5px solid #d6f0f6;
	background: #9bd1de;
	top: 50%; left: 50%;
	width: 450px;
	height: 200px;
	margin-left: -225px;
	margin-top: -100px;
}

#zOverlay #zCenter h2 {
	font-size: 18px;
	font-weight: bold;
	padding: 5px;
	background: #93cbda;
	border-bottom: 1px solid #bde0e9;
	margin: 0 0 15px 0;
}
#zOverlay #zCenter h3 {
	font-size: 15px;
	font-weight: bold;
	padding: 5px 5px 10px 5px;
	margin: 0;
}
#zOverlay #zCenter input {
	font-size: 14px;
}


/* checkbox modificados */

.jquery-checkbox {display: inline; margin: 2px 4px 2px 6px; font-size: 16px; line-height: 16px; cursor: pointer; cursor: hand;}
.jquery-safari-checkbox .mark {display: inline;}

.jquery-checkbox img {vertical-align: middle; width: 16px; height: 16px;}
.jquery-checkbox img {background: transparent url(../img/forms/safari-checkbox.png) no-repeat;}

.jquery-checkbox img {
	background-position: 0px 0px;
}
.jquery-checkbox-hover img {
	background-position: -16px 0px;
}
.jquery-checkbox-checked img {
	background-position: 0px -16px;
}
.jquery-checkbox-checked .jquery-safari-checkbox-hover img {
	background-position: -16px -16px ;
}

.jquery-checkbox-disabled img {
	background-position: 0px -32px;
}
.jquery-checkbox-checked .jquery-safari-checkbox-disabled img {
	background-position: 0px -48px;
}