/* General */

* {
	margin:0;
	padding:0;
}

/* COLORES
  
- general: 	#fff (blanco)  
- fondo: 	#d7eceb
- enlaces: 	#0099a8
- otro: 	#009794
- textos: 	#009acd
- degradado
	| - color1: #1b95b5
	| - color2: #39a29f
*/

html{overflow-y:scroll;}

body {
	color: #333;
	font-family:'lucida grande',verdana,helvetica,arial,sans-serif;
	font-size:80%;
	margin: 0;
	background: #fff /*url(../img/general/fondo.png) repeat*/;
	
}

#container
{
	background: #fff;
	margin: 0px auto;
	width:93%;
	text-align: left;
}

#header{
	
}

#banner
{
	height:100px;
	background: #fff url(../img/general/banner.png) repeat;
}

#content{
	background:#fff;
	clear: both;
	color: #333;
	overflow: auto;
	overflow-x:hidden;
	min-height:400px
}

table.principal{ border-collapse:collapse; margin:0px }
table.principal td
{ 
	border:none;
}

table.principal td.celda1
{
	width:50%;
	padding: 20px 20px;
	padding-bottom: 5px;
	/*border-bottom:1px dotted #009794;*/
}

table.principal td.celda2
{
	width:50%;
	padding: 20px 0px;
	padding-bottom: 5px;
	/*border-bottom:1px  dotted #009794;*/
}

#footer
{
	width: 100%;
	/*position:fixed;
	bottom:0;*/
}
#footer div
{
	color:white;
	text-align:center;
	font-size:10px;
	background: #0080c0;
	padding:5px;
	width: 60%;
	margin: 10px auto;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}
#footer a
{
	color:white;
}

/* Enlaces */

a {
	color: #006697;
	text-decoration: none;
	font-weight: bold;
}
a:hover {
	color: #009acd;
	text-decoration:none;
}
a img { border:none; }

.add { cursor:pointer; }
.add:hover { filter: alpha(opacity=50); opacity: .5; }


/* Textos */

h1, h2, h3, h4 {
	font-weight: normal;
	margin-bottom:0.5em;
}
h1 {
	color: #009acd;
	text-align:center;
	font-family: arial;
	font-size: 180%;
}
h2 {
	
	color: #009acd;
	text-align:center;
	font-size: 150%;
}
h3 {
	color: #444;
	font-family:'Gill Sans','lucida grande', helvetica, arial, sans-serif;
	padding:10px;
	font-size: 160%;
}
h5 {
	color: #444;
	font-family:'Gill Sans','lucida grande', helvetica, arial, sans-serif;
	padding:10px;
	text-align:left;
	font-variant: small-caps;
	font-size: 200%;
	font-weight:lighter;
}
h5 img { float:left; padding-right:15px; }

h4 {
	color: #993;
	font-weight: normal;
}

div#inicio
{
	text-align:center;
	width:99%;
}

div#inicio img
{
	width:75%;
}

/** containers **/

div.form, div.index, div.view { padding:10px 2%; }
div.view2 { float:left; padding:10px 2%; width:45% }
div.form2 { margin:0 auto; padding:10px 2%; width:55% }

/** Tables **/
table {
	background: #fff;
	border-right:0;
	clear: both;
	color: #333;
	margin-bottom: 10px;
	width: 100%;
}
th {
	border:0;
	border-bottom:2px solid #555;
	text-align: left;
	padding:4px;
	background: #fff;
}
th a {
	display: block;
	padding: 2px 4px;
	text-decoration: none;
	color:#333;
}

table tr td {
	
	padding: 5px;
	text-align: left;
	vertical-align: top;
	border-bottom:1px solid #ddd;
}

.index table tr:hover {
	/*background: #ffffd2;*/
}

table .altrow td {
	background: #f5f5f5;
}

/** Paging **/

div.paging {
	background:#fff;
	color: #ccc;
	border:1px solid #8c9d99;
	padding:5px 15px 5px 15px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	font-size:85%;
	margin:15px 0px
}
div.paging span.disabled { color: #a6a6a6; display: inline; }
div.paging span.current { color: #c73e14; }
div.paging span a { text-decoration:none }
div.paging label{ color: #c73e14; font-weight:normal; float:right }


.actions_img{ text-align:right }
.actions_img img{ padding:0px 3px }

.actions_list{ float:right; }
.actions_list img{ padding:10px }

/* listados */

a.asc {
padding-left:16px;
background-image: url(../img/iconos/flecha-arriba.gif);
background-position:left;
background-repeat: no-repeat;
}

a.desc {
padding-left:16px;
background-image: url(../img/iconos/flecha-abajo.gif);
background-position:left;
background-repeat: no-repeat;
}


/** Formularios **/

form {
	width: 95%;
}

#formDoble,#formDoble td{ padding:0; margin:0; background: none; border-collapse:collapse; }
#formDoble td{ border:none; width: 50% }
#formDoble td input{ width:80% }

label {
	display: block;
	margin-bottom:2px;
	color:#808080;
}

form div {
	clear: both;
	margin-bottom: 0.5em;
	padding: .1em;
	vertical-align: text-top;
}

form .input {
	color: #444;
}

form div.submit {
	border: 0;
	clear: both;
	margin-top: 10px;
}

input, textarea {
	clear: both;
	font-size: 100%;
	font-family: "frutiger linotype", "lucida grande", "verdana", sans-serif;
	padding: 4px;
	width:98%;
	resize: none;
	/*max-width:500px !important;
	max-height:200px !important;*/
}

input.numeric{ width:20%; text-align:right }

input.smalltxt{ width:30% }

input.mediumtxt{ width:40% }

select {
	clear: both;
	font-size: 120%;
	vertical-align: text-bottom;
}
select[multiple=multiple] {
	width: 100%;
}
option {
	font-size: 100%;
	padding: 0 3px;
}
input[type=checkbox] {
	clear: left;
	float: left;
	margin: 0px 6px 7px 2px;
	width: auto;
}
div.checkbox label {
	display: inline;
}

div.radio label {
	margin: 0 0 6px 20px;
}

div.radio2 input[type=radio] {
	clear:both;
	width:auto;
}
div.radio2 { color:#808080 }
div.radio2 b{ font-variant: small-caps }

/* botón enviar */

form .submit{ text-align:center; padding-top:20px }

form .submit input[type=submit]
{
	background-image: url(../img/general/button-background2.png);
	background-position: center;
	font-weight:bold;
	color:#FFFFFF;
	text-shadow: #2d3c4e 0px 1px 0px;
	padding: 4px 8px;
	text-align:center;
	cursor:pointer;
	border:none;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	width:75px;
}
form .submit input[type=submit]:hover 
{
	background-image: url(../img/general/button-background.png);
	text-shadow: #fff 0px 1px 0px;
	color:#2d3c4e;
}


/** Notices and Errors **/
div.message {
	clear: both;
	color: #fff;
	font-size: 120%;
	font-style: italic;
	margin: 5px auto;
	background: #c73e14;
	padding: 3px;
	width:70%;
	text-align:center;
}
div.error-message {
	clear: both;
	color: #fff;
	font-weight: bold;
	background: #c73e14;
}
p.error {
	background-color: #e32;
	color: #fff;
	font-family: Courier, monospace;
	font-size: 120%;
	line-height: 140%;
	padding: 0.8em;
	margin: 1em 0;
}
p.error em {
	color: #000;
	font-weight: normal;
	line-height: 140%;
}
.notice {
	background: #ffcc00;
	color: #000;
	display: block;
	font-family: Courier, monospace;
	font-size: 120%;
	line-height: 140%;
	padding: 0.8em;
	margin: 1em 0;
}
.success {
	background: green;
	color: #fff;
}

/**  Actions  **/
div.actions ul {
	margin: 0;
	padding: 0;
}
div.actions li {
	margin:0 0 0.5em 0;
	list-style-type: none;
	white-space: nowrap;
	padding: 0;
}
div.actions ul li a {
	font-weight: normal;
	display: block;
	clear: both;
}
div.actions ul li a:hover {
	text-decoration: underline;
}


div.actions ul li a,
td.actions a {
	font-weight:normal;
	padding: 4px 8px;
	background:#e6e49f;
	background: -webkit-gradient(linear, left top, left bottom, from(#f1f1d4), to(#e6e49f));
	background-image: -moz-linear-gradient(top, #f1f1d4, #e6e49f);
	color:#333;
	border:1px solid #aaac62;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	text-decoration:none;
	text-shadow: #fff 0px 1px 0px;
	min-width: 0;
}

div.actions ul li a:hover,
td.actions a:hover {
	background: #f0f09a;
	background: -webkit-gradient(linear, left top, left bottom, from(#f7f7e1), to(#eeeca9));
}

/** Related **/
div.related {
	margin-top:50px;
	clear: both;
	width:50%;
	float:right;
}

.botonConsulta
{
	width:20%;
	cursor:pointer;
}

.botonIcono
{
	cursor:pointer;
}

.botonIcono:hover
{
	filter: alpha(opacity=50); opacity: .5; 
}

/* FORMULARIO DE PREGUNTA */

#scrollingDiv
{
	background-color: #eaf4f4;
	background: url(../img/general/fondo.png) top;
	padding: 5px 20px 0px 20px;
	margin:0px 15px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
}

/* conversación: pregunta-respuesta */

#tablahilo { border-collapse: collapse; }

#tablahilo td.celdaInfo
{
	width:25%;
	border-bottom:1px solid #333;
	vertical-align:top;
}
#tablahilo td.celdaDesc
{
	width:75%;
	border-bottom:1px solid #333;
}

#tablahilo .altrow td { background: #f5f5f5; }


.celdaInfo0 img, .celdaInfo img{border:1px solid gray; margin:5px ;  background-color:#fff; float:left }

#tablahilo td.celdaInfo0
{
	width:25%;
	border-bottom:1px solid #333;
	vertical-align:top;
	background: #cceeff;
}
#tablahilo td.celdaDesc0
{
	width:75%;
	border-bottom:1px solid #333;
	background: #cceeff;
}

.firma_user
{
	margin-top:30px;
	border-top: 2px dotted #c0c0c0;
	padding: 10px;
	font-size: 80%;
}

/* ficha de usuario */

.ficha{ width:90%; border-collapse:collapse }
.ficha th{ background:#dbf3f7; border-bottom:1px solid gray }
.ficha td{ background:#f8fafa; text-align:right; }
.ficha tr{ border-bottom:1px solid gray }

.consultas { border-collapse: collapse; }
.consultas td { padding: 15px; background: url(../img/general/fondo.png) top;  }
.consultas tr td{ border-bottom: 2px solid #fff; }
.consultas tr:hover td{ background: url(../img/general/fondo2.png) top; }

.back{ cursor: pointer; }

.bloqueList{ padding-left:20px }
.bloqueList img{ float:left; padding:0px 10px }
.bloqueList b{ float:left; padding:0px }
.bloqueList p{ padding-left:35px }

/* PASARELA DE PAGO */

#divPago
{
	padding:10px;
	min-height:200px;
	/*border:1px dashed #c1c1c1;*/
	width: 50%;
	float:right;
}

.payMode
{
	width:80%;
	margin: 0 auto;
}

.payMode td { background: #effafc; padding:15px; width:50%; }
.payMode p { text-align:justify; margin-top:10px }

.PayPal2
{
	cursor:pointer;
	margin:10px auto;
	width: 240px;
	height:80px;
	background: url(../img/general/paypal.gif) center no-repeat;
}

.PayPal
{
	cursor:pointer;
	margin:0 auto;
	font-weight: bold;
	border:1px outset #333;
	text-align:center;
	padding:8px;
	width: 180px;
	height:15px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	background: #ffdfbf; /*url(../img/iconos/pay.png) center no-repeat;*/
}

.PayPal:hover
{
	border:1px inset #333;
	background: #effafc; /*url(../img/iconos/pay2.png) center no-repeat;*/
	
}

#onlines
{
	border-collapse: collapse;
	border: 1px dashed #333;
}
#onlines td
{
	border: 1px dashed #333;
	padding:15px;
}
#onlines th
{
	border: 1px dashed #333;
	border-bottom: 1px solid;
	padding:10px;
	text-align:center;
	background: #e2fdfe;
}

/* mensajes */

div.message,div.error,div.notice
{ 
	padding: 5px;
	text-align:center;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	margin: 1em auto;
	font-weight: bold;
	clear: both;
	font-size: 120%;
}

div.message {
	color: #008040;
	background-color: #c6ffc6;
	border:1px solid #008040;
}
div.error {
	color: #c73e14;
	background-color: #f9d1c6;
	border:1px solid #c73e14;
}
div.notice {
	color: #ff8000;
	background: #fff0b7;
	border:1px solid #ff8000;
}

#divAvatar
{
	padding:5px;
}

#divAvatar img{ padding:2px; margin: 2px; border:1px dashed gray; cursor:pointer }
#divAvatar img.select{ padding:2px; margin: 2px; border:2px solid #ff8000; }

.commentList{
	height:25px;
	width: 25px;
	text-align: center;
	font-size: 11px;
	padding-top:3px;
	font-weight:bold;
	background: center top no-repeat url(../img/iconos/bg_comment.png);
}

/* slider principal 	*/

#slider2 ul, #slider2 li
{
	margin:0;
	padding:0;
	list-style:none;
}
#slider2, #slider2 li
{ 
	width:500px;
	height:150px;
	overflow:hidden; 
}
span#prevBtn{}
span#nextBtn{}


/* buscador */

div#buscador{ margin:10px 20px; text-align:right; width:250px; float:left }

#txtSearch
{
	overflow: hidden;
	line-height: 15px; 
	margin: 0;
	margin-top:2px;
	padding: 4px 0 3px 5px;
	border: 1px solid #808080;	
	border-right: 0;
	vertical-align: middle;
	width:150px;
}

div#letras
{
	padding-top:5px;
	float:left;
}

div#letras a
{
	padding: 0px 5px;
	text-decoration:none;
	font-size:120%;
}

div#buscador input[type=submit]
{
	margin-top:2px;
	padding-top:0px;
	height: 25px;
	vertical-align: middle;
	width:50px;
	
	color:#fff;
	text-shadow: #004080 0px 1px 0px;
	border:1px solid #808080;
	
	background:#276b8f;
	background: -webkit-gradient(linear, left top, left bottom, from(#a9c9e4), to(#276b8f));
	background-image: -moz-linear-gradient(top, #a9c9e4, #276b8f);
	cursor:pointer;
}

#question p { position: relative; margin: 10px 0;}
#question p label { position: absolute; top: 3px; left: 5px;}
#question p br {display: none;}
#question fieldset p input,
#question fieldset p textarea {
	display: block;
	padding: 4px;
	width: 400px;
	margin: 0;
}

#question fieldset p label {
	width: 380px;
	display: block;
	margin: 5px 5px 5px 6px;
	padding: 0;
}

#question fieldset p textarea {
	padding: 2px;
	width: 404px;
}

#question fieldset p textarea,
#question fieldset p input {
	border: solid 1px #ccc;
}
#question fieldset p label {
	color: #777;
}

.lblmoney
{
	text-align:center;
	background: #fff;
	color: #0080c0;
	padding:3px;
	margin: 0 -50px;
}