/*Principales divs*/
body{
    font: 100.01%/1.3 Verdana,Arial,sans-serif;
    background-color: white;
    margin: 0px;
    padding: 0px;
    /*width: 1010px;*/
    width: 100%;
    min-width: 1020px;
    }
/*Cabecera*/   
div#header{
 position: relative;
 width: 99%;
 height: 210px;
 margin: 2px 5px;
 min-width: 1020px
 }

/*Cuerpo*/ 
 div#body{
 min-height: 400px;
 position: relative;
 width: 99%;
 text-align: center;
 left: auto;
 right: auto;
 margin-left: auto;
 margin-right: auto;
 margin-top: 5px;
 clear: both;
 /*overflow:auto;*/
 }

/*pie*/
 div#footer{
 margin-left: 8px;
 margin-bottom: 1px;
 margin-right: 8px;
 margin-top: 10px;
 top:20px;
 position: relative;
 clear:both;
 font-size: small;
 width: 99%;
 background-color: black;
 text-align: center;
 color: white;
 height: 20px;
 border-radius:10px;
 -moz-border-radius:10px;
 -webkit-border-radius: 10px;
 }
 div#footer a{
 color: white;
 text-decoration: none;
 }
ul {
list-style-type: none;
padding: 0px;
margin: 0px;
}
#lateral li{
	margin-top: 5px;
}
/*Prepie, busqueda y paginacion*/
div#pre_pie{
position: relative;
margin-left: auto;
margin-bottom: 10px;
margin-right: auto;
margin-top: 10px;
padding: 10px;
text-align: center;
clear: both;
width: 90%;
right: auto;
left: auto;
}

div#pie_navegador{

	margin-left: 20px;

	float: left;

	position: relative;

	text-align: right;

}
span#pagina_actual{
	font-size: 22px;
}


/*************************Cabecera************************************/
div#logo{
 position: absolute;
 left: 1px;
 }

div.header-foot{
 position: absolute;
 clear:both;
 top:75px;
 width: 100%;
 left:0px;
 background-color: #2A77C5;
 height: 135px;
 background-image: url(/images/delmovil.gif);
 background-repeat: no-repeat;
 background-position: 4px 0px;
 border-top-style: solid;
 border-color: #0B4B8A;
 border-top-width: 7px;
 z-index: 1;
 border-bottom-right-radius: 10px;
 border-bottom-left-radius:  10px;

 -moz-border-radius: 0px 0px 10px 10px;
 -webkit-border-bottom-left-radius: 10px;
 -webkit-border-bottom-right-radius: 10px;
 -opera-border-bottom-left-radius: 10px;
 -opera-border-bottom-right-radius: 10px;
 }
 div#fondo_tab{
 position: absolute;
 clear:both;
 top:75px;
 width: 99.7%;
 left:0px;
 background-color: #2A77C5;
 height: 25px;
 border-top-style: solid;
 border-color: #0B4B8A;
 border-top-width: 7px;
 z-index: 1;
 border-bottom-right-radius: 10px;
 border-bottom-left-radius:  10px;
 -moz-border-radius: 0px 0px 10px 10px;
 -webkit-border-bottom-left-radius: 10px;
 -webkit-border-bottom-right-radius: 10px;
 -opera-border-bottom-left-radius: 10px;
 -opera-border-bottom-right-radius: 10px;
 }
 div#fondo_tab_centrado{
 
 	margin-left: 20px;
 
 	width: 670px;
 
 	float: left;
 
 	position: relative;
 
 }
 span.submenu{
 	position: relative;
 	margin: 2px 15px 4px 15px;
 	height: 100%;
 }
 span.submenu a{
 color: white;
 text-shadow: .1px .1px .2px black;
 text-decoration: none;
 margin: 2px;
 font-size: small;
}
a{
 text-decoration: none;
}


 
 span.header-foot{
 position: relative;
 left: 47%;
 top: 20px;
 }
 


div.tab{
 font-weight: bold;
 position: relative;
 float: left;
 top: 65px;
 background-color: #2A77C5;
 color: white;
 text-shadow: .1em .1em .2em black;
 font-size: 11px;
 margin-left: 8px;
 padding: 2px 10px 1px 10px;
 text-transform: uppercase;
 text-align: center;
 z-index: 2;
 border-top-right-radius: 5px;
 border-top-left-radius:  5px;
 -moz-border-radius: 5px 5px 0px 0px;
 -webkit-border-top-left-radius: 5px;
 -webkit-border-top-right-radius: 5px;
 -opera-border-top-left-radius: 5px;
 -opera-border-top-right-radius: 5px;
 }
 
div.nstab{
 font-weight: bold;
 padding-left: 10px;
 padding-bottom: 4px;
 padding-right: 10px;
 padding-top: 4px;
 position: relative;
 float: left;
 top: 56px;
 background-color: #0B4B8A;
 color: white;
 text-shadow: .1em .1em .2em black;
 margin-left: 8px;
 font-size: 10px;
 text-transform: uppercase;
 text-align: center;
 border-top-right-radius: 5px;
 border-top-left-radius:  5px;
 -moz-border-radius: 5px 5px 0px 0px;
 -webkit-border-top-left-radius: 5px;
 -webkit-border-top-right-radius: 5px;
 -opera-border-top-left-radius: 5px;
 -opera-border-top-right-radius: 5px;
}
div.ltab{ font-size: 9px;}

div.nstab:hover{ background-color: #7EBAF7;}


div.nstab a, div.tab a, div.ltab a{
 color: white;
 text-transform: uppercase;
 font-weight: bold;
 text-shadow: .1em .1em .2em black;
 text-decoration: none;
 margin: 2px;
}

div#login{
 position: absolute;
 clear:both;
 right: 20px;
 width: 220px;
 background-color: white;
 font-size: x-small;
  z-index: 1;
}
div#conectado, div#invitado, div#loguear{
padding: 2px;
border-color: #2A77C5;
border-width: 3px;
 border-style: solid;
 font-size: 10px;
 letter-spacing: 0px;
 -opera-border-radius: 5px;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
}
div#conectado div{
margin-right: auto;
margin-left: auto;
width: 155px;
position: relative;
height: 18px;
}
div#conectado a{
 font-weight: bold;
 text-decoration: none;
 margin: 2px;
}
div.ltab{
z-index: 2;
position: relative;
float: left;
padding: 2px;
margin-left: 10px;
border-style: solid;
color: white;
border-width: 0px 3px 3px 3px;
border: 0px 3px 3px 3px;
background-color: #2A77C5;
border-color:#2A77C5; 
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
-moz-border-radius: 0px 0px 3px 3px;
-opera-border-radius: 0px 0px 3px 3px;
-webkit-border-bottom-left-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-opera-border-bottom-left-radius: 3px;
-opera-border-bottom-right-radius: 3px;
}
div.ltab:hover{ background-color: #7EBAF7; color:white;}


input.inp
{
   height: 12px;
   font-size: 10px;
   padding: 0px;
}

div.login div#luser{position:absolute;left:8px;top:8px;text-align: right; height: 5px;}
div.login div#luinp{position:absolute;left:65px;top:6px;text-align: right; height: 5px;}
div.login div#lpass{position:absolute;left:8px;top:34px;text-align: right;height: 5px;}
div.login div#lpinp{position:absolute;left:65px;top:30px;text-align: right;height: 5px;}
div.login div#lboton{position:absolute;left:135px;top:8px;text-align: right;height: 5px;} 
div.login div#recordar{position:absolute;left:135px;top:30px;text-align: right;height: 5px;}
 

div#header-foot-peque{
 position: absolute;
 clear:both;
 top:75px;
 left:0px;
 width: 100%;
 color: white;
 font-size: small;
 //background-color: #2a77c5;
 height: 30px;
 background-image: url(/images/pastilla.png);
 background-repeat: repeat-x;
 border-top-style: solid;
 border-color: #0B4B8A;
 border-top-width: 7px;
 margin-bottom: 20px;
 z-index: 1;
 border-bottom-left-radius: 10px;
 border-bottom-right-radius: 10px;
 -moz-border-radius: 0px 0px 10px 10px;
 -webkit-border-bottom-left-radius: 10px;
 -webkit-border-bottom-right-radius: 10px;
 -opera-border-bottom-left-radius: 10px;
 -opera-border-bottom-right-radius: 10px;
}

/*Etiquetas de la cabecera en controlador=index protagonista=recientes pagina=1*/
#etiquetas { 
font-weight: bold; 
text-shadow: .1em .1em .2em black; 
position: absolute;
top: 6px;
left: 70%;
text-align: center;
text-decoration: none;
color:#ffffff;
font-size: 9pt;}
#etiquetas a {font-weight: bold; color:#ffffff;text-shadow: .1em .1em .2em black;}
#etiquetas big {font-weight: bold; font-size: 12pt; color:#ffffff;text-shadow: .1em .1em .2em black;}
div#lang{
 position: absolute;
 clear:both;
 right: 250px;
 top: 5px;
 width: 160px;
 background-color: white;
 font-size: x-small;
  z-index: 1;
}
div#margen_blanco{
position: relative;
width: 100%;
height: 20px;
}
div#cabecera_ayuda{
position: relative;
width: 95%;
background-color: blue;
overflow-y: auto;
margin-left: auto;
margin-right: auto;
padding: 5px;
}
div#interrogante{
	height: 16px;
	background-repeat: no-repeat;
	background-image: url(/images/help.png);
	position: relative;
	float: right;
	margin-right: 30px;
	width: 30px;
	cursor: pointer;
}
/************************PAGINACION****************************/
div#paginacion{
 position: relative;
 margin-top: 10px;
 clear: both;
 }

span#anterior{margin-right: 7px;}
span.pagina{margin: 0px 1px}
span#siguiente{margin-left: 7px;}

/**Autocompletado***/
div.auto_complete {
      position:absolute;
      width:250px;
      background-color:white;
      border:1px solid #888;
      margin:0px;
      padding:0px;
      z-index: 5;
      font-size: smaller;
    }
ul.contacts  {
      list-style-type: none;
      margin:0px;
      padding:0px;
    }
    ul.contacts li.selected { background-color: #ffb; }
    li.contact {
      list-style-type: none;
      display:block;
      margin:0;
      padding:2px;
      height:32px;
    }
    li.contact div.image {
      float:left;
      width:32px;
      height:32px;
      margin-right:8px;
    }
    li.contact div.name {
      font-weight:bold;
      font-size:12px;
      line-height:1.2em;
    }
img.icon{
	width: 14px;
	margin-right: 3px;
	margin-top: 3px;
	border: none;
}
img.icon_click_peque{
	width: 14px;
	margin-right: 3px;
	margin-top: 3px;
	border: none;
	cursor: pointer;
}
img.icon_click_mediano{
	width: 15px;
	margin-right: 3px;
	margin-top: 3px;
	border: none;
	cursor: pointer;
}
img.icon_click_mediano_marcado{
	width: 15px;
	margin-right: 3px;
	margin-top: 3px;
	border: solid;
	border-color: red;
	border-width: 1px;
	cursor: pointer;
}
img.icon_grande{
	width: 16px;
	margin-right: 2px;
	margin-left: 2px;
	margin-top: 3px;
	border: none;
	cursor: pointer;

}
img.conectado{
width: 13px;
vertical-align: bottom;
margin-right: 2px;
}
.icono_user_borrar{
margin-left: 2px;
margin-right: 2px;
background-repeat: no-repeat;
background-image: url('/images/user_delete.png');
width: 15px;
height: 15px;
cursor: pointer;
}
/**Div de nuevo mensaje**/

div#cuadro_nuevo_mensaje{ border-color: #253eff; border-width: 5px; border-style: solid; background-color: #ccfff6; top: 200px; margin-left: auto; margin-right: auto; z-index: 3; left: 400px; position: absolute; width: 400px; height: 300px;}
div#cuadro_nuevo_mensaje span{margin-right: 10px; width: 20%; text-align: right; float: left; position: relative; margin-top: 5px;}
div#cuadro_nuevo_mensaje input{ margin: 10px; width: 60%; float: left; position: relative; }div#titulo_nuevo_mensaje{text-transform: capitalize; font-size: 15px; font-family: Arial, "Lucida Grande", Verdana, sans-serif; background-color: #7489ff; color: black; text-align: left; position: relative;}
div#para_nuevo_mensaje{text-align: center; position: relative;}
div#asunto_nuevo_mensaje{text-align: center; position: relative;}
div#cuerpo_nuevo_mensaje{text-align: center; position: relative;}
div#cuerpo_nuevo_mensaje textarea{ margin: 10px; width: 60%; font-size: 12px; font-family: serif, Georgia, "Times New Roman", Times; float: left; position: relative; }
div#botones_nuevo_mensaje{ margin-top: 20px; position: relative; }
div#botones_nuevo_mensaje input{ float: left; position: relative; margin: 6px; width: 30%; }