/*-- global container ------------------------------------------------------*/

#p1{
background:#CCFF99;}

#container {
    position: relative;
    padding: 0;
    margin: 0 auto;
    text-align: left;
    width: 775px;
}
/*--- the main container is devided in sub containers ----------------------*/
#layout_table {
   position: relative;
   border-collapse: collapse;
        /*-- color de fondo de el texto principal ---*/
   background: rgb(255, 228, 196)
}
#left_column {
    vertical-align: top;
}
#right_column {
    vertical-align: top;
}
#left_column_container {
    position: relative;
    left: -1px;
    margin: 0px 0px;
    padding: 0;
    /*--Margen izquierdo del contenido---- original (((width: 205px;)))*/
    width: 150px;
	height:580px;
}
/*----- contenedor derecho , el del texto -----*/
#sub_container2 {
    margin: 20px 0 0 15px;
    padding: 0;
	 /*--Margen derecho del contenido---- original (((width: 550px;)))*/
    width: 606px;
    overflow: hidden;
}
#content_container {
    margin: 0;
    padding: 0;
	/*ancho del cuadrado izquirdo*/
    width: 545px;
}
/*--- header ---------------------------------------------------------------*/
#header {
    height: 200px;
    clear: both;
    position: relative;
    padding: 0;
    margin: 0;
}
/*--- key visual ------- POSICION FOTO MAQUINA ESTENOTIPIA EN BLANCO Y NEGRO----------------------------------------------------*/
#key_visual {
    position: absolute;
    width: 775px;
    height: 200px;
    left: 0px;
    top: 0px;
}
/* la foto que es un papel de estenotipia, lo que me ha costao el jodio jejeje */ 
#bandaesteno {
	position:relative;
    vertical-align: top;
    background: url(resources/banda-estenotipia.jpg) no-repeat;
	width: 120px;
    height: 454px;
    left: 20px;
    top: 100px;
	right: 20px;
	border: 3px solid #1E679A; 
}


/*--- logo -----------------------------------------------------------------*/
#logo {
	background: url(resources/Logofinal.png) no-repeat;
    width: 149px;
    height: 170px;
    position: absolute;
    top: 20px;
    left: 5px;
}
#logo2 {
	background: url(resources/Logofinal.gif) no-repeat;
    width: 149px;
    height: 170px;
    position: absolute;
    top: 20px;
    left: 627px;
}
/*--- caption (as text or background image)Helvetica, --------------------------------*/
#slogan {
    font-family: Arial,  sans-serif;
    font-style: italic;
    font-size: 16px;
	font-weight: bold;
    padding: 5px 0px 5px 225px;
    text-decoration: none;
}
/*--- main navigation ------------------------------------------------------*/
#main_nav_container {
    z-index: 1;
    position: absolute;
    left: 0px;
    /*-- mueve la fila de los menus para arriba y abajo*/
    top: 227px;
    /* width: 775px; */
    padding: 0;
    margin: 0;
    overflow: visible;
    text-align: center;
    align: center;
}
#main_nav_list {
    margin: 0;
	/* MUEVE EL CUADRADO DE MENUS, INICIO, TELEFONOS ETC... */
	padding: 0px 0px 0px 125px;
    list-style-type: none;
    width: 650px;
}
#main_nav_list li {
    float: left;
    margin: 0;
    padding: 0;
}
/*--- main navigation items ------------------------------------------------*/
#main_nav_list a {
    margin: 0;
    padding: 6px 15px;
    float: left;
    text-align: center;
}
a.main_nav_item {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
}
a.main_nav_item:hover {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
}
/*--- CREO QUE NO SIRVE DE NADA EN ABSOLUTO--------------------------------------*/
a.main_nav_active_item {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 2px;
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
}
/*--- container for the subnavigation --------------------------------------*/
.sub_nav_container {
    margin: 0px;
    padding: 0px;
}
/*--- subnavigation --------------------------------------------------------*/
.sub_nav_list {
    border: 0;
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.sub_nav_list li {
    margin: 0;
    padding: 0;
    width: 190px;
}
/*--- subnavigation items --------------------------------------------------*/
.sub_nav_list a {
    display: block;
    width: 190px;
    text-align: left;
    padding: 2px;
    margin-top: 2px;
    margin-right: 2px;
    margin-bottom: 2px;
    overflow: hidden;
}
a.sub_nav_item {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 11px;
    font-style: normal;
    text-decoration: none;
}
a.sub_nav_item:hover {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 11px;
    font-style: normal;
    text-decoration: none;
}
a.sub_nav_active_item {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 11px;
    font-style: normal;
    text-decoration: none;
}
/*--- footer ---------------------------------------------------------------*/
#footer {
    margin: 0;
    padding: 0;
    width: 775px;
}
#footer_text {
    padding: 10px 0 0 0;
    margin: 0 30px 0 30px;
    text-align: center;
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
}
/*----------------------------------------------------------------------------
  default-styles for html-elements
----------------------------------------------------------------------------*/
/*--- body -----------------------------------------------------------------*/
 body#main_body {
	bgcolor="#C0C0C0";
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    text-align: center;
} 
/*--- paragraph ------------------------------------------------------------*/
.content p {
    margin: 5px 0 20px 0;
    padding: 0;
    line-height: 15px;
}
/*--- tables ---------------------------------------------------------------*/
.content table {
    border-style: dotted;
    border-width: 1px;
    border-spacing: 0;
}
/*--- forms ----------------------------------------------------------------*/
.content fieldset {
    padding: 15px;
    border-style: solid;
    border-width: 1px;
}
.content input {
    border-style: solid;
    border-width: 1px;
}
.content textarea {
    border-style: solid;
    border-width: 1px;
}
/*--- lists ----------------------------------------------------------------*/
.content ul {
    list-style-type: square;
    font-family: Arial, Helvetica, sans-serif;
    font-size:15px;
}
.content li {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
}
/*--------------------------------------------------------------------------*/
#main_nav_list a.main_nav_active_item {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
}
#main_nav_list a.main_nav_item {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
}
#main_nav_list a.main_nav_item:hover {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
}
.sub_nav_list a.sub_nav_active_item {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
}
.sub_nav_list a.sub_nav_item {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
}
.sub_nav_list a.sub_nav_item:hover {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
}
#content_container a:active {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%;
    font-style: normal;
    font-weight: normal;
    text-decoration: underline;
}
#content_container a:hover {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
}
#content_container a:visited {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%;
    font-style: normal;
    font-weight: normal;
    text-decoration: underline;
}
#content_container a:link {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%;
    font-style: normal;
    font-weight: normal;
    text-decoration: underline;
}