/*--- Estilo de intuye.com ---*/
@import url('base.css');

html {
	font: .75em Arial, Verdana, Helvetica, serif;
	background:#555658 url('../img/fondo.jpg') top center;
	color:#000;
}
body{	
}

a{
	text-decoration: none;
	color: #fff;
}
a:hover{
	text-decoration: underline;
}
h1{
	padding: 0px 0;
	background:#000;
	color:#fff;
}
h2{
	font-size: 18px;
	padding: 30px 15px 15px;
}
tr,th,td {
	padding: 3px;
}
input, select, textarea{
	border: 1px solid #ccc;
	background-color: #f6f6f6;
}
input:hover, select:hover, textarea:hover{
	border: 1px solid #666;
}
input:focus, select:focus, textarea:focus{
	background-color: #fff;
	border: 1px solid #666;
}

button{
    padding-top:0px;
    padding-bottom:1px;
    height:18px;
    width:55px;
    border: 1px solid #aaa;
    color:#fff;
    font-size:11px;
    font-weight:bold;
    cursor:pointer;
    margin-top:4px;
    background:#94181A;
}

/*--- Estructura ---*/
#page{
	
	/*800x600 en IE*/
	
	margin: 0 auto 0 auto; /*centrado*/
	
}
#main {
    overflow: auto; height: 1%; /* datagrip */
	background:#fff;
	width:768px;	
	height:auto;
	padding-top:0px;
	padding-right:0px;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;	
}

#col1 { 
	float: right; 
	width: 196px;
	margin:4px 1px 1px 0;	
}
 
#col2 { display:none}  
#col3 { 
	width: auto; 
	margin: 14px 219px 1px 23px;
	padding-bottom:2px;
}
#col3 li{
	
	display:inline;
	float:left;
	padding-top:15px;
	padding-right:26px;
}
#col3 li img{
	padding:0 0 0 0;/*evita conflictos con las imagenes del bloque col3 */
}

#col3 p{
    margin: 15px 0;
    line-height:15px;
}


/*--- header ---*/
#header{
	height: 105px;
	margin:29px auto 0 auto;
	width:768px;
	color:#000;
	background-color: #fff;
}

#header img{
	float:left;
	margin-left:23px;
}

#header a{
	color:#000;
}

#header h2{	
	padding-top:22px;
	margin-top:0px;
	margin-left:126px;
	font-size:13px;
	word-spacing:2px;
	color:#727272;
}

#header .caja{
	clear:both;
    font-size:12px;
	position:relative;top:-90px;left:575px;
    text-align:right;
    font-weight:bold;
    width:170px;
}
#header .caja .titulo{
    text-transform:uppercase;
    padding-bottom:3px;
}
#header .caja dl{
    line-height:20px;
}
#header .caja dt{
    float:left;     
    width:69px;   
    font-size:12px;
    color:#94181A;
}
#header .caja input{
    margin-top:2px;
	width:94px;
	height:13px;
}
#header . caja button{
    width:65px;
}

/*--- footer ---*/
#footer {
	width:770px;
	margin: 17px auto 17px auto;
	padding-top:10px;
    padding-bottom:10px;
	color: #fff;
	line-height:9px;
	border-top: 1px solid #9a9a9a;
	font-size:11px;
}

#footer ul{
	margin-left:162px;
}

#footer li{
	text-transform: capitalize;
	display:inline;
	float:left;
	height:9px;
	border-right:1px solid  #fff;
	padding:0 4px 0 4px;
    
}

/*--- barra de menú ---*/
#nav {
  	list-style: none;
	position:relative;top:44px;left:14px;
}	
#nav li {
    display:inline;
	float:left;
    letter-spacing:0;
	font-size:1em;
	font-weight:bold;
	text-align:center;
	color:#585959;
    padding-right:28px;
}

/*--- Lateral izq ---*/
#col1 ul{ 
	margin: 0 0 15px 15px;
	padding-left: 5px;
	list-style: disc;
}
#col1 h2{ 
	clear:both;
	text-transform: uppercase;
	font-size:14px;
	color:#94181A;
	margin-top: 0px;
	padding: 8px 0 0 0;
}
#col1 .caja{
    height:129px;
    width:174px;
}
#col1 .caja h3{
	padding:4px 0 4px 0;
}

#col1 .caja h3 img{
	padding: 0 4px 0 0;
}

#col1 .caja select{
    width:175px;
    height:20px;	
}
#col1 .caja button{	
    margin-top:5px;
    float:right;
}
#col1 img{
    margin:0 0 0 0;
	padding-top:0;
	padding-bottom:12px;
}
/*--- admin ---*/
#subtitulo{
}
#subtitulo #opciones_tabla{
	float: right;
	text-align: right;
	line-height:230%;
}
/* -------------------- Mensajes del admin ---------------- */

.e input, .e textarea, .e select, .e table{
	border-color: #c20000;
}
#nota{
	margin:10px 0px;
	padding:5px;
	padding-left:27px;
}
.error{
	background: #fcc url('../img/cancel.png') no-repeat 5px 3px;
	color:#000;
}
.nota{
	background: #ff9 url('../img/alerta.gif') no-repeat 5px 3px;
	color:#000;
}

/* -------------------- Tablas mostrar ---------------- */

#mostrar { 
	border-collapse: collapse;
	border: 1px solid #666;
	width: 100%;
}
#mostrar thead th:hover a {
	color: #fff;
}
#mostrar tbody tr:hover {
	background-color: #68b;
	color: #fff;
}
#mostrar a:hover {
	background-color: #666;
	color: #fff;
}
#mostrar thead th {
	font-size: 100%;
	background-color: #ccc;
	height: 33px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
#mostrar td {
	border-left: 1px solid #dadada;
}
#mostrar .accion{
	width: 50px;
	text-align: center;
	color:#ccc;
}

/* -------------------- Tablas formulario ---------------- */

.formulario { 
	width:100%;
}
.formulario input, #formulario textarea{
	width:300px;
}
.formulario caption{
	text-transform: uppercase;
	color: #68b;
	border: 1px solid #68b;
	font-weight: bold;
	text-align: left;
	margin: 20px 0;
	padding: 3px;
}
.formulario tbody th {
	text-align:right;
	vertical-align: top;
	width: 120px;
}
.formulario .td_error {
	color: #c20000;
	font-size:9px;
	width: 150px;
}
.x{ color: #c20000; margin: 0 3px;}

.formulario .date{width:80px}
.formulario .time{width:60px}
.formulario .traducir{width:284px;} /*300 - 16*/
/* -------------------- Botones ---------------- */

.formulario_botones{
	padding: 10px 130px;
}

#buscador{
	display: inline;
}

/*--clase pie de imagenes--*/
.pieimagen {
    position:relative;top:-2px;
    height:37px;
    width:157px;
    color:#fff;
    font-size:13px;
    font-weight:bold;
    text-align:center;
    text-transform:uppercase;
    background:#000;
    
}

.pieimagen a {

  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display:block;
  text-decoration: none;
  text-decoration:none;
  height:26px;
  width:157px;
  padding-top:11px;
}


.pieimagen a:hover,
.pieimagen li:hover a,
.pieimagen li.iehover a {
    background-color:#555;
	height:26px;
  width:157px;
  padding-top:11px;
}