/* layout pantalla: */

body{
padding:0;
margin:0;
font:76% verdana, tahoma, sans-serif;
background:#e0e0e0;
color:#303030;
}
.datatable td span{
	border-bottom: 1px dotted #CCC;
}
a{
text-decoration:none;
color:#FF6600;
}

a:hover{
text-decoration:underline;
}

a.encabezado{
text-decoration:none;
color:#7C7C7C;
}

a.encabezado:hover{
text-decoration:none;
color:#FF6600;
}


#toptabs{
margin:10px auto -13px auto;
font-size:0.8em;
width:801px;
}

#toptabs p{
text-align:right;
color:#808080;
}

.toptab{
padding:3px 5px 3px 5px;
margin:0 0 0 4px;
text-decoration:none;
background:#f0f0f0 url(/webektest/microsites/calidad_servicio/imgs/corner2.gif) top right no-repeat;
color:#808080;
border-bottom:1px solid #e0e0e0;
}

.toptab:hover{
background:#fafafa url(/webektest/microsites/calidad_servicio/imgs/corner2.gif) top right no-repeat;
border-bottom:1px solid #eaeaea;
color:#505050;
text-decoration:none;
}

#container{
margin:0 auto 15px auto;
width:771px;
/*padding:5px 20px 20px 20px;*/
padding:0px 0px 25px ;
background:#ffffff;
}

#containerpopup{
margin:0 auto 15px auto;
width:791px;
/*padding:5px 20px 20px 20px;*/
padding:0px 0px 20px ;
background:#ffffff;
}

#logo{
margin:25px 0 0 0;
}

#logo h1 a{
color:#303030;
}

#logo h1 a:hover{
text-decoration:none;
}

#navitabs{
	clear:both;
	margin-left: 30px;
}

.activenavitab{
	padding:4px 8px 5px 8px;
	color:#ffffff;
	margin:0 0 5px 0;
	text-decoration:none;
	background:#505050 url(/webektest/microsites/calidad_servicio/imgs/corner.gif) top right no-repeat;
}

.activenavitab:hover{
	text-decoration:none;
}

.lista {
	margin: 30px -20px 20px 25px;	
	padding-right:10px;
	padding-left:10px;
}

#main{
width:548px;
float:right;
padding:0 31px 0 0;
position:relative;
top:0px;
left:5px;
}

#mainPopup{
float:right;
padding:0 15px 0 0;
position:relative;
top:0px;
left:5px;
}

.block{
background:#f0f0f0;
padding:15px;
}



h1{
margin:0 0 20px 0;
font-size:2.1em;
font-weight:normal;
}

h2{
margin:0 0 20px 0;
font-size:1.6em;
font-weight:normal;
}

h3{
margin:20px 0 10px 0;
font-size:1.4em;
font-weight:normal;
}

h4{
margin:20px 0 10px 0;
font-size:1em;
font-weight:bold;
}

p{
/*margin:0 0 15px 0;*/
/*line-height:1.5em;*/
}

a img{
border:0;
}


table {
margin:0 0 16px 0;
padding:0;
/*line-height:1.3em;*/
border-collapse:collapse;
border: 2px solid #999;
}

th {
padding:4px;
text-align:center;
font-size:1em;
background:#eaeaea url(/webektest/microsites/calidad_servicio/imgs/menubg2.gif) bottom left repeat-x;
color:#505050;
border-top: 1px solid #999;
border-right: 1px solid #999;
border-left: 1px solid #999;
border-bottom: 1px solid #999;
}

td {
padding:3px;
font-size:0.9em;
text-align:center;
/*background:#f4f4f4 url(/webektest/microsites/calidad_servicio/imgs/menubg.gif) bottom left repeat-x;*/
color:#303030;
border-bottom: 1px solid #999;
border-right: 1px solid #999;
border-left: 1px solid #999;
border-top: 1px solid #999;
}
.notas{
margin:0 0 16px 0;
padding:0.5em;
border: 1px dotted #ccc;
}
.small{font-size: 0.8em;}


#titulo{
background:url(/webektest/microsites/calidad_servicio/imgs/titulo.jpg) top left no-repeat;
font-weight:normal;
color:#7c7c7c;
margin:15px 0 10px 0;
font-size:1.1em;
font-weight:bold;
padding-top:12px;
padding-right:10px;
padding-left:10px;
width:528px;
height:61px;
}

#titulo_p{
background:url(/webektest/microsites/calidad_servicio/imgs/titulo_p.jpg) top left no-repeat;
font-weight:normal;
color:#7c7c7c;
margin:15px 0 10px 0;
font-size:1.1em;
font-weight:bold;
padding-top:12px;
padding-right:10px;
padding-left:10px;
width:528px;
height:46px;
}

#tituloPopup{
background:url(/webektest/microsites/calidad_servicio/imgs/titulopopup.jpg) top left no-repeat;
font-weight:normal;
color:#ffffff;
margin:15px 0 10px 0;
font-size:1.1em;
font-weight:bold;
padding-top:2px;
padding-right:10px;
padding-left:10px;
width:548;
height:61px;
}

#menu{
float:left;
height:556px;
width:139px;
background:#202020 url(/webektest/microsites/calidad_servicio/imgs/bgmenu.gif) top center no-repeat;
position:relative;
top:15px;
left:15px;
}

#textoMenu {
font-weight:normal;
color:#686868;
font-size:0.8em;
/*padding:15px 10px 15px 0px;*/
padding-top:15px;
padding-right:10px;
padding-left:10px;
text-decoration:none;
color:#686868;
}

#textoMenu a{
text-decoration:none;
color:#686868;
}

#textoMenu a:hover{
text-decoration:underline;
}

#selected {
font-weight: bold;
}

#inicio{
text-align:right;	
margin:0 0 10px 0;
}

#inicio a{
color:#ff6600;
font-size:0.8em;
}

.Estilo1 {
font-size: 80%
}


/*PIE*/
/*#footer{
height:106px;
color:#ffffff;
padding:0;
//background: url(/webektest/microsites/calidad_servicio/imgs/pie.jpg) top left no-repeat;
clear:both;
margin:5px 0 0 0;
text-align:center;	
}*/
#footer{
/*height:106px;
color:#ffffff;*/
padding:0;
clear:both;
margin:5px 20px 20px;
text-align:left;	
}
footer.siguenos{
color:7c7c7c;
text-align:left;

}

.txtRotado {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
 
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;   
}