/* BASURA-INFELIZ DISEÑO. Página de Estilos CSS - V1
ESTUDIO DE DISEÑO - ESPEJO 65 3RO D 5500 MENDOZA. ARGENTINA.
basura-infeliz@datafull.com
MATÍAS ARGÉS - MARIANO RUSZAJ - 2008 - */

/* ------------------------------------------General y parrafo */

body {
	  font-family: arial;
	  font-weight: normal;
	  color: #a0968c;
	  font-size: 11px;
	  margin: 0;
	  padding: 0;
	  line-height:13px;
	  background-color: #000000;
	  
	  scrollbar-arrow-color: #fff;
	  scrollbar-base-color: #786e64;
	  scrollbar-dark-shadow-color: #786e64;
	  scrollbar-track-color: #786e64;
	  scrollbar-face-color: #63584d;
	  scrollbar-shadow-color: #63584d;
	  scrollbar-highlight-color: #63584d;
	  }

a:link {
    	color: #c8beb4;
		text-decoration: none;
		}

a:active {
    	color: #786e64;
		text-decoration: none;
		}

a:visited {
    	color: #c8beb4;
		text-decoration: none;
		}

a:hover {
    	color: #fff;	  
    	text-decoration: none;
		}

/* ------------------------------------Iframe contenido */
/* Placa que contiene las fotos y texto de los trabajos */

#placa {
		background-color: #19140f;
		height: 350px; /* el alto total es de 550 y deje 100px de arriba y de abajo */
		width:375px; /* el ancho total es de 425 y deje 25px de izq y derecha */
		padding: 25px 25px 25px 25px; /* margenes hacia adentro */
		margin: /* arriba */100px  /* derecha */30px  /* abajo */100px  /* izquierda */20px; /* margenes hacia afuera */
		}
#flechita {
		position: absolute; bottom: 0; left: 0; 
		width: 2.0em;
		padding-right: 5px;
		text-align: right;
		margin: /* arriba */0px  /* derecha */0px  /* abajo */70px  /* izquierda */35px;
		}
		
#flechita2 {
		position: absolute; bottom: 0; left: 0; 
		width: 2.0em;
		padding-left: 5px;
		text-align: right;
		margin: /* arriba */0px  /* derecha */0px  /* abajo */70px  /* izquierda */390px;
		}
		
#imagen {
		margin-bottom: 20px;
		}

/* --------------------Texto contenido */

p.titulo {
		margin:5px 0 0px 0;
		/*line-top:24px;*/
		/*margin-top:*/
		font-family: Georgia;
		font-size:24px;
		line-height:20px;
		color:#b4aaa0;
		}
		
p.titulo a:link {
    	color: #a0968c;
		text-decoration: none;
		}

p.titulo a:active {
    	color: #786e64;
		text-decoration: none;
		}

p.titulo a:visited {
    	color: #c8beb4;
		text-decoration: none;
		}

p.titulo a:hover {
    	color: #fff;	  
    	text-decoration: none;
		}
		
p.descripcion {
		font-size:11px;
		font-family: Georgia;
		letter-spacing:1px;
		padding:5px 0 5px 0;
		margin:0;
		color:#fff;
		border-bottom: 1px dotted #fff;
		}
			
/* ------------------------------------Estilo del formulario */

.contacto {
		background-color:#2d261f;
		border-color:#2d261f;
		border:0px;
		font-family: arial;
		font-size: 11px;
		color: #fff;
		}
.boton{
        font-size:10px;
        font-family:Verdana,Helvetica;
        font-weight:bold;
        color:white;
        background:#2d261f;
        border:0px;
        width:80px;
        height:20px;
       }





/* -------------------------------------Iframe cabecera */
/* Placa que contiene los menus */
	
#placa_cabecera {
		float: left;
		background: url(imagenes/mancha.jpg) no-repeat right top;
		font-family: arial;
		height: 550px; 
		width:230px;
		}

#introduccion {
		margin: /* arriba */210px  /* derecha */0px  /* abajo */0px  /* izquierda */80px; /* margenes hacia afuera */
		height: 150px; 
		width: 150px;
		font: arial;
		font-size: 11px;
		line-height:12px;
		color:#a0968c;
		}

#tres_columnas {
		float: left;
		height: 300px; 
		width: 275px;
		font-family: arial;
		color:#a0968c;
		}
		
#bot_ppal {
		float: left;
		margin: /* arriba */30px  /* derecha */10px  /* abajo */10px  /* izquierda */0px; /* margenes hacia afuera */
		height: 160px; 
		width: 70px;
		font-family: arial;
		font-size: 11px;
		line-height:14px;
		color:#a0968c;
		}
		
#porfolio {
		float: left;
		margin: /* arriba */10px  /* derecha */75px  /* abajo */0px  /* izquierda */0px; /* margenes hacia afuera */
		height: 10px; 
		width: 120px;
		font-family: arial;
		font-size: 11px;
		line-height:13px;
		color:#a0968c;
		}
				

.scroll
  
      {
	  float: left;
	  margin: /* arriba */8px  /* derecha */75px  /* abajo */10px  /* izquierda */0px; /* margenes hacia afuera */
      height: 90px; 
	  width: 120px;
	  overflow:hidden; border:0px solid #000000;
	  font-family: arial;
	  line-height:13px;
	  color:#a0968c;
      }
  
.flecha
  
       {
	    float: left;
        cursor:pointer;
	    margin: /* arriba */0px  /* derecha */10px  /* abajo */0px  /* izquierda */0px; /* margenes hacia afuera */
		height: 11px; 
		width: 50px;
		font-family: arial;
		font-size: 13px;
		color:#fff;
        }


/* --------------------Botonera principal cabecera */

ul .botonera {
	font-family: arial;
	font-size: 11px;
    color: #d9d1ca;
	list-style-type: none;
	margin-top: 0px;
	margin-left: 0;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	}
	
ul .botonera a:link {
    color: #d9d1ca;
	text-decoration: none;
	}

ul .botonera a:active {
    color: #d9d1ca;
	text-decoration: none;
	}

ul .botonera a:visited {
    color: #d9d1ca;
	text-decoration: none;
	}

ul .botonera a:hover {
    color: #a0968c;
	/*letter-spacing: 1px;*/
	}



		
/* --------------------botonera trabajos cabecera */

ul {
	font-family: arial;
	font-size: 11px;
    color: #a0968c;
	list-style-type: none;
	margin-top: 0px;
	margin-left: 0;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	}
	
ul a:link {
    color: #a0968c;
	text-decoration: none;
	}

ul a:active {
    color: #786e64;
	text-decoration: none;
	}

ul a:visited {
    color: #c8beb4;
	text-decoration: none;
	}

ul a:hover {
    color: #fff;
	/*letter-spacing: 1px;*/
	}