/* CSS Document */

* {margin: 0; padding: 0;}
html {width: 100%; height: 100%; top:0; left:0;}


body {  	
    margin: 0;
	padding: 0;
	height: 100%;
	text-align:left;
	background-color: #ffffff;
}

.estilobodyObras {
background-image: url("../imgs/bg_violeta_blanco.jpg"); /*imagen a poner de fondo, especificar ruta si se necesita */
background-position: top left; /* especificar la posicion inicial del fondo */
background-repeat: repeat-y; /* evitar repeticion de fondo */
background-attachment:fixed; /* dejar el fondo fijo */
}

.estilobodyQuien {
background-image: url("../imgs/bg_quiensoy.jpg"); /*imagen a poner de fondo, especificar ruta si se necesita */
background-position: top left; /* especificar la posicion inicial del fondo */
background-repeat: repeat-y; /* evitar repeticion de fondo */
background-attachment:relative; /* dejar el fondo fijo */
}

.estilobodyMuestras {
background-image: url("../imgs/bg_muestras.jpg"); /*imagen a poner de fondo, especificar ruta si se necesita */
background-position: top left; /* especificar la posicion inicial del fondo */
background-repeat: repeat-y; /* evitar repeticion de fondo */
background-attachment:fixed; /* dejar el fondo fijo */
}

.estilobodyContacto {
background-image: url("../imgs/bg_contacto.jpg"); /*imagen a poner de fondo, especificar ruta si se necesita */
background-position: top left; /* especificar la posicion inicial del fondo */
background-repeat: repeat-y; /* evitar repeticion de fondo */
background-attachment:fixed; /* dejar el fondo fijo */
}

/*--------------------------------------------
            ESTRUCTURA
--------------------------------------------*/



#ContenedorMenu {
    position: fixed; top:35px; left:30px; width:440px; height:540px; 
}

#Marca {
    position: relative; top:0px; left:0px; 
}

#ItemMenu {
    position: relative; top:45px; margin-top:12px; left:15px; 
}

#ItemSubMenu {
    position: relative; top:45px; margin-top:8px; left:35px;  
}


/*--------------------------------------------
            ESTRUCTURA SECCION BIO
--------------------------------------------*/

#ContenidoBIO {
    position: absolute; top:150px; left:420px; width:650px; 
}

#PosRetrato {
	position:relative; top:0px; left:0px; width:192px; height:290px; border:1px solid #de8a43; float:left;
}

#PosTextoBio {
	position:relative; top:0px; margin-left:35px; width:420px; height:290px; float:left;
}

#PosTextoMuestras {
	position:absolute; top:340px; left:0px; width:430px; 
}


/*--------------------------------------------
            ESTRUCTURA SECCION CONTACTO
--------------------------------------------*/

#ContenidoContacto {
    position: absolute; top:150px; left:440px; width:650px; 
}


/*--------------------------------------------
            ESTRUCTURA SECCION OBRAS
--------------------------------------------*/

#ContenidoObra {
    position: absolute; top:115px; left:350px; max-width:890px; 
}

#ItemObra {
	position: relative; margin-top:35px; margin-left:35px; width:105px; height:105px; 
	background-color:#f0eef9; 
	padding: 3px 3px 3px 3px;
	border: 1px solid #999999;
	float:left;
}

/*--------------------------------------------
            ESTRUCTURA SECCION MUESTRAS
--------------------------------------------*/

#ContenidoMuestras {
    position: absolute; top:120px; left:460px; width:530px; 
}

#Flyer {
	position: relative; margin-top:30px; left:0px; background-color:#ece3db; padding:1px 1px 1px 1px; width:530px;
}

#FondoBlanco {
    position: relative; margin-top:30px; left:0px; width:470px; background-color:#ece3db; padding:30px 30px 30px 30px; 
}

#ItemFoto {
	position: relative; margin-top:30px; left:0px; width:470px;
}

#PrensaFoto {
	position: relative; top:30px; width:90px; height:90px; float:left; z-index:20;
}

#PrensaTexto {
	position: relative; top:30px; left:20px; width:300px; z-index:10;
}

#ItemPrensa {
	position: relative; top:0px; left:0px; width:300px; z-index:10;
}

/*--------------------------------------------
            TEXTOS
--------------------------------------------*/


.Titulo {
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	font-weight: 700;
	color: #808080;
	line-height: 23px;
	letter-spacing: 0px;
}

.TituloSerif {
	font-family: 'Roboto Slab', serif;
	font-size: 19px;
	font-weight: bold;
	color: #606060;
	line-height: 23px;
	letter-spacing: 0px;
}

.TextoNegro {
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	font-weight: 400;
	color: #000000;
	line-height: 17px;
	letter-spacing: 0px;
}

.TextoBlanco {
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 19px;
	letter-spacing: 0px;
}

.TextoBlancoGrande {
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 22px;
	letter-spacing: 0px;
}

.MenuSeleccionado {
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	font-weight: 700;
	color: #d9913c;
	line-height: 20px; 
	text-decoration:none
}

.SubMenuSeleccionado {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 15px;
	font-weight: 700;
	color: #d9913c;
	line-height: 18px; 
	text-decoration:none
}

/*--------------------------------------------
            LINKS
--------------------------------------------*/

a img {
border: 0;
}

a:link { 
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 22px;
	text-decoration:none;
}

a:visited { 
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 22px;
	text-decoration:none;
}

a:active { 
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-weight: 400;
	color: #d6d2e7;
	line-height: 22px;
	text-decoration:none;
}

a:hover { 
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-weight: 400;
	color: #d6d2e7;
	line-height: 22px;
	text-decoration:none;
}

a.MenuLateral:link  { 
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	font-weight: 700;
	color: #FFFFFF;
	line-height: 20px; 
	text-decoration:none
}

a.MenuLateral:visited  { 
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	font-weight: 700;
	color: #FFFFFF;
	line-height: 20px; 
	text-decoration:none
}

a.MenuLateral:active  { 
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	font-weight: 700;
	color: #d6d2e7;
	line-height: 20px; 
	text-decoration:none
}

a.MenuLateral:hover  {	
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	font-weight: 700;
	color: #d6d2e7;
	line-height: 20px; 
	text-decoration:none
}

a.SubMenuLateral:link  { 
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 15px;
	font-weight: 700;
	color: #FFFFFF;
	line-height: 18px; 
	text-decoration:none
}

a.SubMenuLateral:visited  { 
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 15px;
	font-weight: 700;
	color: #FFFFFF;
	line-height: 18px; 
	text-decoration:none
}

a.SubMenuLateral:active  { 
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 15px;
	font-weight: 700;
	color: #d6d2e7;
	line-height: 18px; 
	text-decoration:none
}

a.SubMenuLateral:hover  {	
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 15px;
	font-weight: 700;
	color: #d6d2e7;
	line-height: 18px; 
	text-decoration:none
}

a.LinkOscuro:link  { 
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-weight: 400;
	color: #606060;
	line-height: 20px; 
	text-decoration:none
}

a.LinkOscuro:visited  { 
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-weight: 400;
	color: #606060;
	line-height: 20px; 
	text-decoration:none
}

a.LinkOscuro:active  { 
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-weight: 400;
	color: #666666;
	line-height: 20px; 
	text-decoration:none
}

a.LinkOscuro:hover  {	
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-weight: 400;
	color: #666666;
	line-height: 20px; 
	text-decoration:none
}


/*--------------------------------------------
            ROLLOVER IMAGE CON TEXTO
--------------------------------------------*/

a.linkopacity img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0;
}

a.linkopacity:hover img {
filter:alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
-khtml-opacity: 0.7;
 }