/*  
estilo para tecnoges.com
creado por José León Larrondo García
*/

body {
  text-align: justify;
  margin: 0; padding: 1em; 
}




/*Layout Styles*/


#container {
	width: 740px;
	text-align: left; 
	margin: 0 auto; padding: 0;
}

#header {
	height: 150px; 
	margin: 0 0 15px; padding: 0;
}

#page {}

#content {
	width: 500px;
}

#sidebar {
	width: 200px;
}

#footer {
	height: 15px; 
	margin: 10px 0 0; padding: 10px 0 0;
	
}

/*--------------------------------------------------------------
 Sidebar Alignment: you can have left or right
 --------------------------------------------------------------*/

/* BEGIN: Right Sidebar */
#sidebar {
	float: right; text-align: left;
	padding-left: 15px; 
	
}
#content {
	float: left;
	padding-left: 5px; 
}
/* END: Right Sidebar */


/* BEGIN: Left Sidebar
#sidebar {
	float: left; text-align: right;
	padding-right: 20px; 
	border-right: 1px dotted #ddd; 
}

#content {
	float: right; text-align: left;
}
/* END: Left Sidebar */


/*--------------------------------------------------------------
 Footer
 --------------------------------------------------------------*/



/*estilos generales*/

body {
  font-family: Arial, Serif;
  background-color: #ffffff;
  text-align: justify;
  margin: 0; padding: 1em; 
}

.subrayadoDis {
  border-bottom:1px dashed #336600;
}

hr {background-color:#ffffff;
	color:#006600;
}

/*estilos tipografías*/

.menuSup {
  font-family: Arial, Serif;
  text-align:left;
  font-size:10pt;
  font-weight: bold;
  
}

.tituloSeccion{
  font-family: Arial, Serif;
  color: #000000;
  font-size:16;
  text-align:right;
  font-weight: bold;
  margin-right: 10px;
  border-bottom:1px dashed #336600;
}

.tituloServicio{
  font-family: Arial, Serif;
  color: #336600;
  font-size:8pt;
  font-weight: bold;
  text-align:left;
  
}



.textoTitBio{
  font-family: Arial, Serif;
  color: #ffffff;
  font-size:10pt;
  background-color:#336600;
  text-align:center;
  
}

.piePagina {
  font-family: Arial, Serif;
  text-align: right; 
  margin-right:10px;
}

/*estilos tablas*/

table {
  background-color: #ffffff;

}

table.bioNoticia {
    border: 1px solid #336600;
    }

tr.bioNoticia{
    border: 1px solid #336600;
    }


/*estilos enlaces*/

a.volver,a.volver:link,a.volver:visited,a.volver:active {

	text-decoration: none;
	color: #000000;
	font-weight: bold;
	font-size: 10pt;
	font-family: Arial, Serif;

	}

a.volver:hover {
	text-decoration: underline;
    	color: #336600;
	font-weight: bold;
	}

/*estilo enñlace aviso*/
a.aviso,a.aviso:link,a.aviso:visited,a.aviso:active {

	text-decoration: none;
	color: #336600;
	font-size: 8pt;
	font-family: Tahoma,Arial, Serif;

	}


a.aviso:hover {
	text-decoration: none;
    	color: #999999;
	}

/*estilo enlace normal*/
a.enlace,a.enlace:link,a.enlace:visited,a.enlace:active {

	text-decoration: none;
	color: #336600;
	font-size: 8pt;
	font-family: Tahoma,Arial, Serif;

	}


a.enlace:hover {
	text-decoration: none;
    	color: #999999;
	}

/*estilos menu*/

a.menu:link,a.menu:visited{

	text-decoration: none;
	color: #336600;
	margin: 0;
	padding: 1px 6px;
	font-weight: bold;
	font-size: 12px;
	font-family: Tahoma,Arial, Serif;

	}

/*background-color: #d3d3d3;
	border-right: 20px solid #6a6a6a;*/
a.menu:hover {
	
    text-decoration: none;
	
    color: #999999;
	}

a.menu:active {
	
    text-decoration: none;
	
    color: #999999;
	}



/*estilos formularios*/

.textoForm {
  font-family: Tahoma,Arial, Serif;
  color: #666666;
  font-size:8pt;
  font-weight: bold;
}

.botonform{
        font-size:10px;
        font-family: Arial, Serif;
        font-weight:bold;
        color:#ffffff;
        background:#336600;
        border:0px;
        width:80px;
        height:19px;
       }

.cuadroEntradaLogin{
  font-family: Arial, Serif;
  background-color: #FFFFFF;
  color: #000000;
  font-size: 10pt;
  border: 1px solid #336600;
}


/*estilo texto normal*/
.textoNormal {
  font-family: Tahoma,Arial, Serif;
  color: #666666;
  font-size:8pt;
}

.textoTecnoges{
  font-family: Tahoma,Arial, Serif;
  color: #336600;
  font-size:8pt;
}

/*estilos imagenes*/

a.imagen,a.imagen:link,a.imagen:visited,a.imagen:active,a.imagen:hover {

	text-decoration: none;
	border:0;
	color: #ffffff;
	font-weight: bold;
	font-size: 10pt;
	font-family: Arial, Serif;

	}



/*estilo para las listas*/



li {
	list-style: none;
	margin-left: 3;
	color:#336600;
}


#novedad li {
   	list-style: none;
	margin-left: 3;
	color:#666666;
} 

/* estilo para bordes redondeados*/

div#nifty{ margin: 0 10%;background: #ffffff}

b.rtop, b.rbottom{display:block;background: #969696}
b.rtop b, b.rbottom b{display:block;height: 1px;
    overflow: hidden; background: #ffffff}/*cambiar este*/
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}



/*  estilo bordes redondos */

/*figura 1*/

/* set the image to use and establish the lower-right position */
    .cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2{
      background: transparent url(img1.png) no-repeat bottom right}
    .cssbox{
    /* intended total box width - padding-right(next) */
      width:160px !important; /* IE Win = width - padding */
      width: 175px; 
    /* the gap on the right edge of the image (not content padding) */
      padding-right:15px; /* use to position the box */
      margin:20px auto}

    /* set the top-right image */
    .cssbox_head{background-position:top right;
    /* pull the right image over on top of border */
      margin-right:-15px; 
    /* right-image-gap + right-inside padding */
      padding-right:40px}

    /* set the top-left image */
    .cssbox_head h2{
      background-position:top left;
      margin:0; /* reset main site styles*/ 
      border:0; /* ditto */
    /* padding-left = image gap + interior padding ... no padding-right */
      padding:25px 0 15px 40px; 
      height:auto !important;
      height:1%} /* IE Holly Hack */

    /* set the lower-left corner image */
    .cssbox_body{
      background-position:bottom left;
      margin-right:25px; /* interior-padding right */ 
      padding:15px 0 15px 40px} /* mirror .cssbox_head right/left */


/* fin  del estilo estilo*/
