@charset "utf-8";

@font-face {
    font-family: 'Helvetica Light';
    src: url('../css/fonts/helv_slight.eot');
    src: url('../css/fonts/helv_slight.eot') format('embedded-opentype'),
    url('../css/fonts/helv_slight.woff') format('woff'),
    url('../css/fonts/helv_slight.ttf') format('truetype'),
    url('../css/fonts/helv_slight.svg#HelveticaNeueLTStd47LightCondensed') format('svg');
}
@font-face {
    font-family: 'Helvetica Obli';
    src: url('../css/fonts/helveticaneueltstd-bdcno.eot');
    src: url('../css/fonts/helveticaneueltstd-bdcno.eot') format('embedded-opentype'),
    url('../css/fonts/helveticaneueltstd-bdcno.woff') format('woff'),
    url('../css/fonts/helveticaneueltstd-bdcno.ttf') format('truetype'),
    url('../css/fonts/helveticaneueltstd-bdcno.svg#HelveticaNeueLTStd77BoldCondensedOblique') format('svg');
}

@font-face {
    font-family: 'Helvetica bc';
    src: url('../css/fonts/helveticaneueltstd-blkcn.eot');
    src: url('../css/fonts/helveticaneueltstd-blkcn.eot') format('embedded-opentype'),
    url('../css/fonts/helveticaneueltstd-blkcn.woff') format('woff'),
    url('../css/fonts/helveticaneueltstd-blkcn.ttf') format('truetype'),
    url('../css/fonts/helveticaneueltstd-blkcn.svg#HelveticaNeueLTStd97BlackCondensed') format('svg');
}
@font-face {
    font-family: 'Helvetica heavy';
    src: url('../css/fonts/helveticaneueltstd-hv.eot');
    src: url('../css/fonts/helveticaneueltstd-hv.eot') format('embedded-opentype'),
    url('../css/fonts/helveticaneueltstd-hv.woff') format('woff'),
    url('../css/fonts/helveticaneueltstd-hv.ttf') format('truetype'),
    url('../css/fonts/helveticaneueltstd-hv.svg#HelveticaNeueLTStd85Heavy') format('svg');
}
@font-face {
    font-family: 'Helvetica xbc';
    src: url('../css/fonts/helveticaneueltstd-xblkcn.eot');
    src: url('../css/fonts/helveticaneueltstd-xblkcn.eot') format('embedded-opentype'),
    url('../css/fonts/helveticaneueltstd-xblkcn.woff') format('woff'),
    url('../css/fonts/helveticaneueltstd-xblkcn.ttf') format('truetype'),
    url('../css/fonts/helveticaneueltstd-xblkcn.svg#HelveticaNeueLTStd107ExtraBlackCondensed') format('svg');
}

@font-face {
    font-family: 'Helvetica normal';
    src: url('../css/fonts/helveticaneueltstd-cn.eot');
    src: url('../css/fonts/helveticaneueltstd-cn.eot') format('embedded-opentype'),
    url('../css/fonts/helveticaneueltstd-cn.woff') format('woff'),
    url('../css/fonts/helveticaneueltstd-cn.ttf') format('truetype'),
    url('../css/fonts/helveticaneueltstd-cn.svg#HelveticaNeueLTStd57Condensed') format('svg');
}


/* CSS Document */
body{ margin:0; padding:0; font:normal 12px Arial; background-color:#EAEAEA}
*html body{ height:100%; overflow-y:auto;}
a img{ border:none;}
.final{ clear:both;}
.cont{ background-color:#336699; margin-top:50px; height:100%;}
.nav{ background-color:#222;}

/*Barra arriba*/
.upbar{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    background-image:url(images/bg_upbar.jpg);
    padding-top:20px;
    padding-left:75%;
    height:96px;
}

/*.cont .upbar{ text-align:right; color:#336699;}
.cont .upbar a{ text-align:right; color:#336699;}
.cont .upbar a.logout{ float:none;}
.cont .upbar img{ margin:0px 0px 0 0; vertical-align:middle;}
.upbar span{ line-height:0px;}
.colizq .upbar{ padding:0px;}
*/

/* Col central
.main{ position:absolute; top:90px; left:0; left:2%; width:96%; height:80%; text-align:center; overflow-y:auto; border:solid 1px #CCC;}
*html .main{ height:80%;}

.edition{ position:absolute; top:40%; margin-top:80px; left:0; height:39%; width:100%; overflow-y:auto;}
*html .edition{height:300px;}

.bar{ height:40px; z-index:100; background:transparent url(images/barfd.gif) repeat-x top center; position:absolute; top:50px; left:2%; width:96%; overflow:hidden; border:solid 1px #0073AA;}
.bar h1, .barb h1, .barbpeke h1{ padding:0 7px; margin:0; font:Bold 20px Arial; color:#FFF;}
.bar h1 span, .barb h1 span, .barbpeke h1 span{ display:block; padding-top: 0px; color:#FFF; font-size: 1px;}
.bar h1 span a, .barb h1 span a, .barbpeke h1 span a{ color:#FFF; text-decoration:none; padding:0; margin:0; font:normal 11px Arial}
.bar form, .barb form, .barbpeke form{ float:right; margin:7px 0 0 0; font-size:11px; font-weight:normal;}
.bar form input, .barb form input, .barbpeke form input{ height:17px; font-size:10px;}
.bar form a img.imgbtn, .barb form a img.imgbtn, .barbpeke form a img.imgbtn{ vertical-align:middle;}
.bar form .inpsrch, .barb form .inpsrch{ border:none; background:transparent url(images/bginptxt.png) no-repeat top center; width:125px; padding:2px 5px 0 5px;}
.bar form .srchbtn, .barb form .srchbtn{ border:none; background:transparent url(images/srchbtn.png) no-repeat top center; width:30px; height:21px;}

.lista{ background-color:#999; margin:10px auto; border:solid 1px #CCC; border-width: 1px 0 1px 1px;}
.lista th{ background-color:#444; border:solid 1px #CCC; color:#0CF; border-width: 0 1px 0 0;}
.lista th a img{ border:none; padding-bottom:2px;}
.lista td{ text-align:left; padding:2px 8px; border:solid 1px #CCC; border-width: 0 1px 0 0;}
.lista td a{ color:#09C;}
.lista td a:hover{ color:#333;}
.lista td a:visited{ color:#036;} */

/* Col izq
.colizq{ width:250px; float:left; background-color:#222;}
.colizq .logo{ font:bold 48px Trebuchet MS; text-align:center; background-color:#FFF;}
.colizq .logo img{ margin-top:10px;}
.colcen{ width:740px; float:left;}
.colizq h2{ color:#00CCFF; border:solid 1px #00CCFF; border-width: 0 0 1px 0; font:normal 18px Arial; padding-top:7px;}

.menu{ margin-left:20px;}
.menu ul{ margin:0; padding:0; list-style:none;}
.menu ul li{ display:inline; margin:0; padding:0; list-style-type:none; height:auto;}
.menu ul a{ display:block; width:205px; padding:2px 15px 2px 10px; margin-bottom:1px; color:#EEE; font-weight:bold; text-decoration:none;}
.menu ul a.act, .menu ul a:hover{background-color:#F3F3F3; color:#000;}*/

/* Layer de formulario para editar */
.layer{ z-index:500; width:100%; height:100%; position:absolute; top:0; left:0; bottom:0; right:0; background-color:#EAEAEA; text-align:center; opacity:0.6; filter:alpha(opacity=60); -moz-opacity:0.6; top left;}
.login .layer{
	z-index:0;
	top:116px;
	left:0;
	right:0;
	left:0;
	background-color:#EAEAEA;
}
/*
.ventana{ position:absolute; z-index:550; width:80%; top:12%; left:10%; background-color:#F8F8F8; border:solid 1px #444; height:75%; margin-top:40px;}
.ventanapeke{
	position:absolute;
	z-index:550;
	width:60%;
	top:20%;
	left:25%;
	height:40%;
	margin-top:40px;
	background:url(images/window_2.jpg)top center no-repeat;
}*/

.login .ventanapeke{
   	position:absolute;
    z-index:550;
    width:310px;
    height:312px;
    top:25%;
    left:40%;
    margin-top:40px;
    padding-top:90px;
    background:url(images/window_2.png) top left no-repeat;
}

/*.barb{ width:100%; overflow:hidden; border:solid 1px #0073AA; margin:0; background:transparent url(images/barfd.gif) repeat-x top center; height:40px; position:absolute; z-index:570; width:80%; top:12%; left:10%; }
.barbpeke{ width:100%; overflow:hidden; border:solid 1px #0073AA; margin:0; background:transparent url(images/barfd.gif) repeat-x top center; height:40px; position:absolute; z-index:570; width:50%; top:20%; left:25%; }
.login .barbpeke{
	width:100%;
	overflow:hidden;
	border:solid 1px #0073AA;
	margin:0;
	background:#F7B100;
	height:40px;
	position:absolute;
	z-index:570;
	width:34%;
	top:30%;
	left:33%;
}*/

.ventana form, .ventanapeke form, .main form{
    font-family: 'Helvetica light';
    font-size:16px;
    color: #EAEAEA;
    letter-spacing:0.8px;
}

input::-webkit-input-placeholder {
    font-family: 'Helvetica light';
    size: 12px;
    padding:1px;
    letter-spacing:0.8px;
    font-size:larger;
}

.input[placeholder] {
    font-family: 'Helvetica light';
    size: 16 px;
    padding:1 px;
    letter-spacing:0.8px;
    font-size:larger;
}

.boton{
    font-size:14px;
    letter-spacing:1px;
    font-family: 'Helvetica normal';
    padding: 10px;
    color:#000;
    background:#FEC300;
    border:0px;
    width:137px;
    height:31px;
}

.ventana form td, .ventanapeke form td, .main form td{
    
    padding:5px;
    text-align:left;
}

.login .ventanapeke form{
    font-family: 'Helvetica light';
    margin-top:0px;
    height:80px;
    overflow:hidden;
    width:255px;
    margin-left:26px;
}

.avisos{
    font-family: 'Helvetica light';
    font-size:16px;
    color:#fff;
    text-align:center;
    width:80%px;
}
/*
.login .ventanapeke form .btn{ font-size:11px; margin-top:5px;}
.main form{ margin:0; width:100%; border-width: 1px 0; height:auto; margin-top:5px;}
.main form td{ padding-left:25px;}
.main form .btn{ margin-bottom:5px;}
.welcome{ position:absolute; left:50%; width:700px; margin-left:-350px; margin-top:70px;}
.welcome .wbar{ height:40px; background:transparent url(images/barfd.gif) repeat-x top center; overflow:hidden; border:solid 1px #0073AA; width:100%;}
.welcome .wbar h1{ margin:7px 0 0 5px; color:#FFF;}
.welcome .cuadro{ border:solid 1px #CCC; width:640px; border-width:0 1px 1px 1px; padding:30px; background-color:#fcfcfc;}
.welcome .cuadro .divimg{ float:left; width:30%; }
.welcome .cuadro .textin{ float:left; width:67%; color:#333; }
.welcome .pie{ margin-top:8px; color:#999; font:normal 10px Arial;}
*/