@charset "utf-8";
/* CSS Document */

/* -----------------------------------------------------------------
                GENERAL PARA TODAS LAS PAGINAS
-------------------------------------------------------------------*/
body {
	background-position:bottom;
	background-attachment:fixed;
	background-image:url(img/piepagina.jpg);
	background-repeat:no-repeat;
}

.parrafo {
	padding-left:20px;
	text-align:justify;
}

a:link { color:#F9A62B; text-decoration:none}
a:visited {	text-decoration: none;}
a:hover { color:#39F}
a:active {	text-decoration: none;}


.img_menu { /* imagenes de las pelotitas del menu */
	width:40px;
	padding-left:10px;
	border: 0px;
	vertical-align:bottom;
}

.borde_izq_menu {
	border-left:1px solid #000;
	padding-left:10px;
}


.titulo_menu { /* formato del texto de cada una de las pelotitas */
	font-size:20px;
	padding-right:40px;
}

.div_ppal { /* DIV donde va todo el texto de la pagina */
	position:absolute;
	top: 140px;
	left:140px;
	float:left;
	width: 55%;
}

.titulos_izq img {
	top:140px;
	left:30px;
	width:100px;
	height:80%;
	position:fixed;
}
/* -----------------------------------------------------------------
                           CONTACTO
-------------------------------------------------------------------*/

.contacto_pegote { /* marcadores a la izquierda */
	border-left:6px solid #CCC;
	padding-left:7px;
	font-size:20px;
}

.contacto_pegote:hover {
	border-left:6px solid #FF0;
	padding-left:7px;
}

/* -----------------------------------------------------------------
                      CURRICULUM VITAE
-------------------------------------------------------------------*/

.pegote { /* marcadores a la izquierda */
	border-left:6px solid #CCC;
	padding-left:7px;
	font-size:20px;
}

.pegote:hover {
	border-left:6px solid #F90;
	padding-left:7px;
}

.cv_tabulados {
	padding-left:25px;
}

.cv_tabulado_doble {
	padding-left:40px;
}

.nombre_empresa {
	font-size:16px;
	font-style:italic;
	font-weight:bold;
}


/* -----------------------------------------------------------------
                           PORTFOLIO 
-------------------------------------------------------------------*/

.borde_tabla {
	border-left: 5px solid #FFF ;
}

.borde_tabla:hover {
	border-left:5px solid #6C6;
}


/* -----------------------------------------------------------------
                           PROYECTOS 
-------------------------------------------------------------------*/

.proyectos_borde_tabla {
	border-left: 5px solid #FFF ;
}

.proyectos_borde_tabla:hover {
	border-left:5px solid #0CF;
}