/* RUSZAJ.COM.AR - Página de Estilos CSS - V5
Mariano Ruszaj - ILUSTRADOR, DIBUJANTE, ARTISTA GRÁFICO, DISEÑADOR GRÁFICO. MENDOZA. ARGENTINA.
MARIANO RUSZAJ - -2011 - */

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

body {
	  font-family: arial;
	  font-weight: normal;
	  color: #757a63;
	  font-size: 11px;
	  margin: 0;
	  padding: 0;
	  line-height:13px;
	  background-color: #edebe5;
	  
	  }
	  
#left {
		position: absolute; top: 0; left: 0; 
		overflow: hidden; 
		height: 100%; width: 22%;
		text-align: right;
		
		}
		
body > #left {
		position:fixed;
		}	  

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

a:active {
    	color: #4b717e;
		text-decoration: none;
		}

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

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

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

#placa {
		background-color: #fff;
		height: 100%; 
		width:720px; 
		padding: 10px 20px 10px 20px; /* margenes hacia adentro */
		margin: /* arriba */0px  /* derecha */0px  /* abajo */20px  /* izquierda */250px; /* margenes hacia afuera */
		}
		
		
#data {
		background-color: #fff;
		height: 100%; 
		width:720px; 
		padding: 10px 20px 10px 20px; /* margenes hacia adentro */
		margin: /* arriba */10px  /* derecha */0px  /* abajo */10px  /* izquierda */250px; /* margenes hacia afuera */
		}
		
#titulos {
		height: 66px; 
		width:720px; 
		padding: 190px 20px 10px 20px; /* margenes hacia adentro */
		margin: /* arriba */10px  /* derecha */0px  /* abajo */10px  /* izquierda */250px; /* margenes hacia afuera */
		background:url(imagenes/titulos-ruszaj.jpg) no-repeat;
		text-align:center;
		}
		
#titulos-voxdei {
		background-color: #fff;
		height: 100px; 
		width:720px; 
		padding: 260px 20px 10px 20px; /* margenes hacia adentro */
		margin: /* arriba */10px  /* derecha */0px  /* abajo */10px  /* izquierda */250px; /* margenes hacia afuera */
		background:url(VOXDEI/guion-y-dibujio-tira-voxdei.jpg) no-repeat;
		text-align:center;
		}
		
		
#pie {
		height: 210px; 
		width:720px; 
		padding: 10px 20px 10px 20px; /* margenes hacia adentro */
		margin: /* arriba */10px  /* derecha */0px  /* abajo */0px  /* izquierda */250px; /* margenes hacia afuera */
		background:url(imagenes/pie-ruszaj.jpg) no-repeat;
		text-align:center;
		}
		
		
#pie-voxdei {
		height: 30px; 
		width:720px; 
		padding: 10px 20px 10px 20px; /* margenes hacia adentro */
		margin: /* arriba */10px  /* derecha */0px  /* abajo */0px  /* izquierda */250px; /* margenes hacia afuera */
		background-color: #fff;
		text-align:center;
		}
		
#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: Arial;
		text-transform:uppercase;
		font-weight:bold;
		font-size:25px;
		line-height:47px;
		color:#292526;
		}
		
p.titulo a:link {
    	color: #a0968c;
		text-decoration: none;
		}

p.titulo a:active {
    	color: #786e64;
		text-transform:uppercase;
		}

p.titulo a:visited {
    	color: #c8beb4;
		text-transform:uppercase;
		}

p.titulo a:hover {
    	color: #5f6056;	  
    	text-transform:uppercase;
		}
		
	
		
p.descripcion {
		font-size:16px;
		line-height:16px;
		font-family: Arial;
		text-transform:uppercase;
		letter-spacing:1px;
		padding:0 0 5px 0;
		margin:0;
		color:#5b6954;
		border-bottom: 1px dotted #b2a78b;
		}
			

/* ------------------------------------Estilo del formulario */

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





/* -------------------------------------Iframe cabecera */
/* Placa que contiene los menus */
	
#placa_cabecera {
		position: absolute; left: -14px;
		background: url('imagenes/cabecera-ruszaj.jpg') no-repeat left top;
		width:220px;
		height: 750px;

		}

#introduccion {
		margin: /* arriba */150px  /* derecha */0px  /* abajo */60px  /* izquierda */70px; /* margenes hacia afuera */
		height: 120px; 
		width: 150px;
		font: arial;
		font-size: 11px;
		line-height:13px;
		color:#615c4e;
		}
		
#ultimos {
	float: left;
	margin: /* arriba */0px  /* derecha */0px  /* abajo */10px  /* izquierda */0px; /* margenes hacia afuera */
	height: 20px;
	width: 220px;
	font-family: arial;
	color:#6B6C62;
		}
		
#ilustracion {
	float: left;
	margin: /* arriba */0px  /* derecha */0px  /* abajo */30px  /* izquierda */0px; /* margenes hacia afuera */
	height: 90px;
	width: 220px;
	font-family: arial;
	color:#6B6C62;
		}	

#design {
	float: left;
	margin: /* arriba */0px  /* derecha */0px  /* abajo */0px  /* izquierda */0px; /* margenes hacia afuera */
	height: 90px;
	width: 220px;
	font-family: arial;
	color:#6B6C62;
		}
		
#contacto {
	float: left;
	margin: /* arriba */0px  /* derecha */0px  /* abajo */0px  /* izquierda */0px; /* margenes hacia afuera */
	height: 70px;
	width: 220px;
	font-family: arial;
	color:#6B6C62;
		}
		
#bot_ppal {
		float: left;
		margin: /* arriba */0px  /* derecha */0px  /* abajo */10px  /* izquierda */0px; /* margenes hacia afuera */
		height: 160px; 
		width: 220px;
		font-family: arial;
		font-size: 14px;
		line-height:18px;
		color:#616B61;
		}
		
	


  
		
/* --------------------Texto botonera */
p.secciones {
		margin:5px 0 0px 0;
		/*line-top:24px;*/
		/*margin-top:*/
		font-family: Arial;
		text-transform:uppercase;
		font-size:11px;
		line-height:18px;
		color:#98b0a8;
		background-color: #343933;
		}

ul {
	font-family: arial;
	font-size: 12px;
    color: #616B61;
	list-style-type: none;
	letter-spacing:1px;
	font-weight:bold;
	line-height:14px;
	margin-top: 0px;
	margin-left: 0;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	}
	
ul a:link {
    color: #616B61;
	text-decoration: none;
	}

ul a:active {
    color: #46595f;
	text-decoration: none;
	}

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

ul a:hover {
   	color: #a62828;
	letter-spacing: 1.5px;
	}