/*
Proyecto: Observatorio Comercio Electrónico Madrid
Empresa: Pulso Sistemas de Gestión (http://www.pulsosg.es/)
Fichero: 
Fecha: 01/06/2006
Autores:
       Sara Bayón Hormigo
       Angel Villa Brasero
*/
body{ margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; text-align: center; }

a{ text-decoration: none; }

img{ border: 0px; }

h1, h2{
	margin: 0px; padding: 0px;
}
h2{
	font-size: 11px;
}

/*ESTRUCTURA  */
#frame{ position: relative; width: 777px; margin: auto; top: 15px; }

#head{ 
position: relative; width: 777px; height: 86px; 
background-image: url(../img/bhead.gif);
background-position: bottom; background-repeat: repeat-x;
}
#head table{ 
position: absolute; display: block; font-size: 10px; font-weight: bold; color: #c71444; 
width: 200px; left: 580px; top: 6px; border: 0px; 
}

.hr1{ 
position: absolute; display: block; 
background-color: #c71444; color: #fff; font-size: 10px;  font-weight: bold; 
width: 77px; height: 14px; text-align: center; left: 580px; top: 65px; }
.hr1:hover{	color: #f4d0da; }

.hr2{ position: absolute; display: block; background-color: #c71444; color: #fff; 
font-size: 10px; font-weight: bold; width: 97px; height: 14px; 
text-align: center; left: 680px; top: 65px; }
.hr2:hover{	color: #f4d0da; }

.br2{
position: absolute; display: block; background-color: #c71444; color: #fff; 
font-size: 10px;  width: 97px; height: 14px; line-height: 14px;
text-align: center; left: 680px; top: 65px;
border-width: 0px; cursor: hand
}
.br2:hover{	color: #f4d0da; }

.hr3{ position: absolute; font-size: 10px; color: #C71444; left: 580px; top: 10px; width: 180px; 
text-align: left;  }

.hrc{ position: absolute; display: block; color: #c71444; font-size: 10px; 
font-weight: bold;  top: 50px; right: 2px; }

.hrc2{ position: absolute; display: block; color: #c71444; font-size: 10px; 
font-weight: bold;  top: 65px; right: 2px; }

#body{ position: relative; width: 777px; margin-top: 5px; background-image: url(../img/fmenu.gif); 
background-position: left; background-repeat: repeat-y; overflow: hidden; }

#menu{ 
position: relative; width: 149px; float: left; text-align: left; padding-bottom: 20px; margin: 0px; 
}

#start{ position: relative; background-color: #b3b3b3; width: 147px; height: 14px;}

#start a{
position: relative; display: block; font-size: 11px; 
color: #fff; font-weight: bold; margin-left: 2px;  float: left; 
}
#start a:hover{ text-decoration: underline; }

#start p{ 
position: relative; display: block; margin: 1px 1px 0px 0px; padding: 0px; font-size: 10px; 
color: #fff; font-weight: bold; float: right; 
}

#menu ul{ position: relative; display: block; margin: 0px; padding: 0px; list-style: none;  }
#menu li{ position: relative; display: block; margin-left: 14px; width: 131px; 
background-image: url(../img/mlist.gif); background-position: bottom left; background-repeat: repeat-x; }
#menu ul a{ color: #000; font-size: 10px; font-weight: bold; }

.group{ 
position: relative; display: block; margin: 15px 0px 0px 0px; padding: 0px 0px 0px 16px; width: 149px; 
font-size: 10px; font-weight: bold; color: #c71444;  overflow: hidden;
background-image: url(../img/mgroup.gif); background-position: left; background-repeat: no-repeat;
 }

#cnt
{
	position: relative; width: 612px; margin-left: 15px; 
	text-align: left; overflow: hidden; 
	line-height:18px;	
}


/*index*/
#box1{ position: relative; width: 605px; height: 347px; margin-top: 20px; background-image: url(../img/img1.jpg); 
background-position: top right; background-repeat: no-repeat; font-size: 12px; text-align: justify; }
#box1 p{ width: 340px; margin: 0px; padding: 0px; }
#box1 img{ margin-left: 4px; }
#box2{ position: relative; width: 333px; height: 232px; float: left; background-image: url(../img/clist.gif); 
background-position: right; background-repeat: repeat-y; }
#box2 img{ float: left; }
#box2 p{ position: relative; display: block; width: 170px; font-size: 12px; text-align: justify; 
margin: 0px 0px 0px 145px; padding: 0px; }
#box2 span{ font-size: 14px; font-weight: bold; color: #c71444; }
#box3{ position: relative; width: 256px; height: 232px; margin-right: 3px; font-size: 12px; 
text-align: justify; float: right; background-image: url(../img/img3.jpg); background-position: bottom; 
background-repeat: no-repeat; }
/*formularios*/
.tit{ position: relative;	width: 610px; background-color: #B3B3B3; font-size: 11px; font-weight: bold; 
color: White; padding-left: 5px; }
.t1{ position: relative; width: 610px; border: 1px solid #5c5c5c; text-align: left; margin-top: 10px; 
	z-index: 1; 
}
.t1 th{ background-color: #5c5c5c; font-size: 11px; font-weight: bold; color: white; padding-left: 10px; }
.t1 td{ font-size: 12px; padding-left: 5px; height: 28px; }
.tam1{ width: 100px;}
.tam2{ width: 510px;}
.t2{ position: relative; width: 500px; border: 1px solid #5c5c5c; text-align: left; margin: 10px 10px 0px 10px; }
.t2 th{ background-color: #5c5c5c; font-size: 11px; font-weight: bold; color: white; padding-left: 10px; }
.t2 td{ font-size: 12px; padding-left: 5px; height: 28px; }
.t3{ position: relative; width: 610px; text-align: left; margin-top: 10px; }
.t4{ position: relative; width: 610px; border-left: 1px solid #5c5c5c; border-right: 1px solid #5c5c5c; 
border-bottom: 1px solid #5c5c5c; text-align: left; display: block; }
.t4 td{ font-size: 12px; padding-left: 5px; height: 28px; }
.t5{ position: relative; width: 610px; text-align: left; margin-top: 10px; font-size: 12px; 
font-weight: bold; border-bottom: 1px solid #5C5C5C;}
.t6{ position: relative; width: 500px; text-align: left; border-left: 1px solid #5C5C5C; border-right: 1px solid #5c5c5c; 
border-bottom: 1px solid #5c5c5c; text-align: left; }
.t6 td{ font-size: 12px; padding-left: 5px; height: 28px; }
.t7{ width: 490px; }
.t7 th{ text-align: left; font-size: 11px; font-weight: bold; padding-left: 5px; }
.t7 td{ vertical-align: bottom; border-bottom: 1px solid #5C5C5C; }

.ted{ position: relative; width: 95%; border: 1px solid #5c5c5c; text-align: left; margin-top: 10px; }
.ted th{ background-color: #5c5c5c; font-size: 11px; font-weight: bold; color: white; padding-left: 10px; }
.ted td{ font-size: 12px; padding-left: 5px; height: 28px; }

.ted2{ width: 98%; border: 1px solid #5c5c5c; text-align: left; 
	margin-top: 5px; z-index: 1; padding-bottom: 10px;
}
.ted2 th{ background-color: #5c5c5c; font-size: 11px; font-weight: bold; color: white; padding-left: 10px; }
.ted2 td{ font-size: 12px; padding-left: 5px; height: 28px; }

.ted2 h2{
	padding-left: 10px;
}
.ted2 div{
	clear: both;
	margin-bottom:  10px;
	padding: 0px 10px;
	font-size: 12px; font-family: Arial, Helvetica, sans-serif;
}
.ted2 img{
	z-index: 1; 
}

.tpreg{ width: 610px; border: 1px solid #5c5c5c; text-align: left; margin-top: 10px; z-index: 1; }
.tpreg th{ background-color: #5c5c5c; font-size: 11px; font-weight: bold; color: white; padding-left: 10px; }
.tpreg td{ font-size: 12px; padding-left: 5px; height: 28px; }

.sinl{ border-bottom: 1px solid white !important; }
.boton{ color: black; background-color: #B3B3B3; }
.dg1{ position: relative; display: block; width: 610px; border: 1px solid #5C5C5C; text-align: left; font-size: 12px; 
margin-top: 10px; z-index: -1; }
.dg1h{ background-color: #5C5C5C; color: White; }
.dg1h td{ padding: 5px; }
.dg1a{ background-color: #efefef; }
.dg1a td{ padding: 5px; }
.dg1b{ color: #5C5C5C; font-weight: bold; text-decoration: underline; }
.dg1b:hover{ text-decoration: underline; }

.dg1e td{ padding: 5px; }

.ar{ text-align: right; }
.ac{ text-align: center;

 }
.vt{ vertical-align: top; }

.txt{ color: #5C5C5C; font-size: 12px; font-weight: normal !important; 
font-family: Arial, Helvetica, sans-serif; z-index: 1; border: 1px solid #CCCCCC;}
.txtR{ color: #5C5C5C; font-size: 12px; font-weight: normal !important; text-align: right;
font-family: Arial, Helvetica, sans-serif; z-index: 1; border: 1px solid #CCCCCC;}
.txt2{ font-size: 10px; font-weight: bold; }
.txt3{ color: #5C5C5C; font-size: 11px; font-weight: normal !important; height: 18px; 
font-family: Arial, Helvetica, sans-serif; z-index: 1; border: 1px solid #CCCCCC;}
.tx{ font-size: 12px; font-family: Arial, Helvetica, sans-serif; }

.txtd{ color: #5C5C5C;  font-size: 12px; font-weight: normal !important; 
font-family: Arial, Helvetica, sans-serif; z-index: 1;
	background-color: #E5E5E5; border: 1px solid #CCCCCC;
 }

.ndat{ font-size: 12px; color:#C71444;  }


.rf{ font-size: 12px; color: #C71444; font-weight: normal !important; }
.merror{ font-size: 12px; color: #C71444; margin-top: 10px; }
.enl{ font-size: 12px; font-weight: bold; color: #5C5C5C; text-decoration: underline; }
.enl:hover{ color: #C71444; }
.enl2{ font-size: 12px; font-weight: bold; color: fff; text-decoration: underline; }
.enl2:hover{ color: #EFEFEF; }
#c_calendario{ font-size: 12px; }
#c_calendario a{ font-size: 12px; text-decoration: none; }
#tabla_calendario{ width: 100%; }
.w400{ width: 400px; }
.w300{ width: 300px; }
.w220{ width: 220px; }
.w200{ width: 200px; }
.w100{ width: 100px; }
.w50{ width: 50px; }
.w75{ width: 75px; vertical-align: top; }
.hide{ display: none; }
.title{ font-size: 12px; color: #5C5C5C; font-weight: bold; }
.pn{ position: absolute; width: 400px; height: 60px; border: 1px solid #000; background-color: #EFEFEF; 
z-index: 100; top:10px; left: 75px; font-size: 12px; color:#5C5C5C; font-weight: bold; display: none;  }
html>body .pn{ height: 100px; }
.pn td{ vertical-align: top; }
.ttxt{ position: relative; float: left;  border: 1px solid #5C5C5C; margin-bottom: 5px; 
margin-right: 5px; border-collapse: collapse; 
/*width: 150px;*/ }

.ttxt td{ font-size: 12px; color: #5C5C5C; border-bottom: 1px solid #5C5C5C; 
border-left: 1px solid #5C5C5C; height: 12px; padding: 5px; }
.ttxt1{ background-color: #efefef; font-weight: bold; text-align: center; }
.ttxt2{ font-weight: bold; }
.ttxt3{ font-weight: bold; text-align: right; color: #5C5C5C; }
.ttxt4{ background-color: #efefef; font-weight: bold; }
.ttxt5{ color: #5C5C5C; }
.tsel{ position: relative; float: left; border: 1px solid #5C5C5C; border-collapse: collapse;  }
.tsel td{ font-size: 12px; color: #5C5C5C; border-bottom: 1px solid #5C5C5C; 
border-left: 1px solid #5C5C5C; height: 18px; padding: 5px; }
.tsel1{ background-color: #efefef; font-weight: bold; text-align: center; }
.tsel2{ position: relative; float: left; border-top: 1px solid #5C5C5C;  border-right: 1px solid #5C5C5C; 
 border-bottom: 1px solid #5C5C5C; border-collapse: collapse;  }
.tsel2 td{ font-size: 12px; color: #5C5C5C; border-bottom: 1px solid #5C5C5C; 
height: 18px; padding: 5px; }
.cl{ display: block; clear: both; }
#ttit{ position:relative; background-image:url(/img/mlist.gif); 
background-position: bottom; background-repeat: repeat-x; 
border-collapse: collapse; margin-top: 13px; }
.lbtit{ font-size: 18px; font-weight: bold; color:#5C5C5C; }
.btit{ background-color: efefef; height: 16px; overflow:hidden;}
.dpdf{ font-size: 9px; font-weight: bold; color: #5c5c5c; }




.pni{ width: 400px; height: 60px; border: 1px solid #000; background-color: #EFEFEF; 
z-index: 100; top: 10px; left: 75px; font-size: 12px; color:#5C5C5C; font-weight: bold; display: none;  }
.pni td{ vertical-align: top; }

#foot{ position: relative; width: 777px; background-image: url(../img/fmenu2.gif); background-position: top left; 
background-repeat: no-repeat; height: 3px; overflow: hidden; clear: both; }

.f10{ font-size: 10px; }
.f12{ font-size: 12px; }

.fl{ float: left; }

div#bd{ margin: 20px 0px; width: 600px; overflow: hidden;}

.td1{ width: 100px;}

.cursorf{ /*cursor: default !important;*/ }

.intro #int,
.resul #res,
.indi #ind,
.conc #con
{ color: #5C5C5C; }


/* estilos aplicados al menu */
.subm{ position: relative; display: block; width: 610px; height: 16px; background-color: #efefef; 
 list-style: none; margin: 7px 0px 0px 0px; padding:0px;}
.sml{ float:left; margin: 0px 25px 0px 0px; padding:0px 0px 0px 16px; font-size:11px; color:#C71444; 
background-image:url(../img/mgroup.gif); background-position:left; background-repeat: no-repeat; 
height: 16px; }
.sml a{ color: #C71444; }
.sml a:hover{ color: #5C5C5C; }

#subm1{ position: absolute; width: 150px; display: none; background-color: #EFEFEF;  left: 0px;
border-top: 1px solid #5C5C5C; border-left: 1px solid #5C5C5C; top: 16px; z-index: 100;
border-right: 1px solid #5C5C5C; margin: 0px; padding: 0px; list-style: none; }
#subm1 li{ border-bottom: 1px solid #5C5C5C; float: none !important; margin: 0px; 
padding: 5px; }
#subm1 a{ display: block; color: #5C5C5C; }
#subm1 a:hover{ color: #C71444; }
.subm1a{ color: #C71444 !important; }

#subm2{ position: absolute; width: 150px; display: none; background-color: #EFEFEF;  
left: 289px; z-index: 1000;
border-top: 1px solid #5C5C5C; border-left: 1px solid #5C5C5C; top: 16px;
border-right: 1px solid #5C5C5C; margin: 0px; padding: 0px; list-style: none; }
#subm2 li{ border-bottom: 1px solid #5C5C5C; float: none !important; margin: 0px; 
padding: 5px; }
#subm2 a{ display: block; color: #5C5C5C; }
#subm2 a:hover{ color: #C71444; }
.subm2a{ color: #C71444 !important; }

#sbmenu{
	 margin: 10px;
	 list-style-type: square; color: #C71444;
}

#sbmenu a{display: block; color: #5C5C5C; font-size: 12px;}

.skypmenu{
	text-indent: -100em; 
	position: absolute;
}

iframe{
	color: red;
}

a.pdf{ color: Black; }
a.pdf:hover{ text-decoration: underline 	}  

div#divlineas
{
	position: absolute; top: 300px; left: 500px;
	width: 200px; height: 150px; border: 1px solid red;
	overflow: auto; text-align: left;
	font-size: 12px; padding: 0 4px 4px 4px;	
	border: 1px solid #000; background-color: #EFEFEF; 
	color:#5C5C5C; line-height: 18px;
}
div#divlineas a.ar{ margin: 2px 0;}
div#divlineas a{ display: block; color:#5C5C5C; }
div#divlineas a:hover{  text-decoration: underline }


.texto{ font-size: 11px; color: Black; text-align: justify; }


