
/* 	
	CSS principal de la web
   Todos los elementos gráficos presentes son propiedad de sus respectivos dueños.
*/


/* IMPORTANTE */
/* This design is not a template. You may not reproduce it elsewhere without the 
   designer's written permission. However, feel free to study the CSS code and use 
   techniques you can learn from it. 
   
   El diseño no es un template. No lo podrás reproducir sin tener el permiso escrito
   de su creador. No obstante, siéntete libre de estudiar el código CSS y aprender de
   él en caso de aportar técnicas nuevas para ti.   
   */

/* Mozilla Firefox */
/* ambito general*/
html {margin: 0;	padding: 0;}
	
body {font-family:Arial, Helvetica, sans-serif;line-height:18px;font-size:12px;color: #06185c; 
	 /*background: #00a8ec url(../img/fondoPrueba.jpg) no-repeat top center;*/
	 /*background: #DEDEFF url(../gfx/header.jpg) no-repeat top left; background-attachment: fixed; margin: 0;padding: 0;*/
	 background: #DEDEFF;
	 
    }

img {border: none;}	
/* General */

div#gnral{background: transparent;position: absolute; left: 50%; z-index: 0;}

div#ppal{position:relative; background: #C3C2FF; border: 1px solid black; padding: 1em; top:41px;width:750px; margin-left: -260px;text-align: justify;
      /*border-radius -moz-border-radius: 18px; */}
div#ppal h2.title { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif, Verdana; font-size: 17px; font-weight: bold; text-indent: 10px; color: black; padding: 2px 2px; margin: 3px 0; border-bottom: 1px dotted darkblue; position: relative; /* This fixes the "IE6 Peekaboo Bug" *//* This fixes the "IE6 Peekaboo Bug" */ margin-top:10px;}
div#ppal h3.date { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif, Verdana; font-weight: bold; font-size: 14px; text-align: right; color: black; padding: 0 5px 0 0; margin: 0; position: relative; top: -25px; float: right; }
div#ppal p {padding: 5px;}
div#ppal img {border:none;}

div#submenus{background: transparent; position: relative; width: 750px; border-bottom: 1px dotted darkblue;}
div#submenus a {font: 12px Tahoma,sans-serif; text-align: left; font-weight: bold; /*color: #337;*/color:white; padding: .33em; text-decoration: none;}
div#submenus a.m {color:black;}
div#submenus a:hover {text-decoration: underline;}

div#menus{background: transparent; position: absolute; top:50px; left: 50%;width:150px; margin-left: -500px;
		/*border-radius-moz-border-radius: 10px;*/}
	
		
/* Menus */		

div#m_menu {background: #ADADCC; border: 1px solid black; padding: 5px; position: relative; width:175px; z-index: 2;}
div#m_menu a {display: block;font: 14px Tahoma,sans-serif; text-align: left; font-weight: bold; /*color: #337;*/color:white; padding: .33em; text-decoration: none;}
div#m_menu a.m {color:black;}
div#m_menu a:hover {text-decoration: underline;}


div#s_menu {background: #ADADCC; border: 1px solid black; padding: 5px; position: relative; top: 50px; width:175px; margin: 1em 0 0 0;  z-index: 1;}
div#s_menu a {display: block; font: 14px Tahoma,sans-serif;text-align: left; font-weight: bold; /*color: #337;*/color:white; padding: .33em; text-decoration: none;}
div#s_menu a:hover {text-decoration: underline;}


div#a_menu {background: #ADADCC; border: 1px solid black; padding: 5px; position: relative;  top: 23px; width:175px; z-index: 1;}
div#a_menu a {display: block;font: 14px Tahoma,sans-serif; text-align: left; font-weight: bold; /*color: #337;*/color:white; padding: .33em; text-decoration: none;}
div#a_menu a:hover {text-decoration: underline;}

div#login_menu {background: #ADADCC; border: 1px solid black; padding: 5px; position: relative;  top: 80px; width:175px; z-index: 1;}
div#login_menu a {display: block;font: 14px Tahoma,sans-serif; text-align: left; font-weight: bold; /*color: #337;*/color:white; padding: .33em; text-decoration: none;}
div#login_menu a:hover {text-decoration: underline;}


/* Especiales */
div#normal{position:absolute; background: #C3C2FF; border: 1px solid black; padding: 1em; top:100px; left: 50%;width:400px; margin-left: -200px;}
div#panel{position:absolute; background: #C3C2FF; border: 1px solid black; padding: 1em; top:100px; left: 50%;width:800px; margin-left: -400px;}



div#footer {position: relative; top: 9em; width: 965px;  margin-left: -482px; background: transparent; text-align: center; border-top: 1px dotted black; padding: 1em;  font: 10px Tahoma,sans-serif;}
div#footer a {text-decoration: none;}
div#footer a:hover {text-decoration:underline;}

div#sello {position: relative; top: 1em; left: 632px; background: transparent;}

div#pingu{position: relative; top: 90px; left:25px;  background: transparent;}



