@charset "utf-8";
/* CSS Document - Augusto Andrada - http://www.augustoandarada.com */
/* Autor-----> Crepes | Desarrollo web | http://www.crepesweb.com */
/* Author-----> Crepes | Web Development | http://www.crepesweb.com */

* {
	margin:0;
	padding:0;
	font-family: Century Gothic, Verdana, Arial, Helvetica, sans-serif;
	color:#DBDBDB;
	font-size:14px;
}

body{
background:url(../images/back.png) repeat-x #000000;
}

li{
	list-style-image:url(../images/bullet.png);
}

img{
border:none;
}

#contenedor {
width: 890px;
margin: 0 auto;
}

hr{
display:none;
}


/* Comienza Cabecera------------------------->>>>>> */


#cabecera{
height:156px;
position:relative;
background:url(../images/cabecera.png) no-repeat top center;
}


#logo,
#logo a,
#logo span{
display:block;
height:156px;
width:350px;
overflow:hidden;
background: none;
cursor:pointer;
margin:0 auto;
}

#logo h1, #logo h2{
text-indent:-9999px;
font-size:12px;
}

#idioma{
width:106px;
height:14px;
border:#C7C7C7 solid 1px;
border-bottom:none;
background:url(../images/back-idioma.png) repeat-x;
text-align:center;
font-size: 10px;
color: #333333;
position:absolute;
right:22px;
bottom:0px;
}

#idioma a:link, a:visited {
font-size: 10px;
color: #333333;
text-decoration:none;
}

#idioma a:hover {
font-size: 10px;
color:#B31B0D;
text-decoration:underline;
}
/* Termina Cabecera------------------------->>>>>> */









/* Comienza Menú------------------------->>>>>> */
#menu {
height:71px;
margin-top:57px;
}

/* Comienza Botonera */
.navegador-spa{
width:839px;
margin:0 auto;
}

.navegador-spa li {
display:inline;
float:left;
}

.navegador-spa, .navegador-spa li a {
display:block;
height:71px; 
background:url(../images/botonera-spa.png) no-repeat;
text-indent:-9999px;
outline:none;
}

#nav-principal a:link, #nav-principal a:visited {width:146px; background-position: 0 0;}
#nav-principal a:hover {background-position:0 -72px;}
#nav-biografia a:link, #nav-biografia a:visited {width:171px; background-position: -148px 0; }
#nav-biografia a:hover {background-position: -148px -72px; }
#nav-exposiciones a:link, #nav-exposiciones a:visited {width:201px; background-position: -320px 0;}
#nav-exposiciones a:hover {background-position: -320px -72px;}
#nav-obras a:link, #nav-obras a:visited {width:158px; background-position: -522px 0;}
#nav-obras a:hover {background-position: -522px -72px;}
#nav-contactos a:link, #nav-contactos a:visited {width:163px; background-position: -681px 0;}
#nav-contactos a:hover {background-position: -681px -72px;}
/* Termina botonera */
/* Termina Menú------------------------->>>>>> */







/* Comienza Contenido------------------------->>>>>> */
#contenido {
padding:20px 10px;
min-height:400px;
position:relative;
}
#texto-principal {
position:absolute;
top:118px;
width:411px;
}

#texto-principal-bio {
position:absolute;
top:30px;
width:438px;
}

#home-height{
height:400px;
}

#bio-height{
height:525px;
}

.box-expo-a{
margin:0 auto 60px;
width:525px;
}

.box-expo-b{
border:#333333 1px solid;
padding:16px 32px 16px 73px;
width:415px;
}

.foto-obra{
width:640px;
margin:20px auto 0;
border:#333333 1px solid;
border-bottom:none;
padding:0 25px 25px;
}
.pie-obra{
width:640px;
margin:0 auto 90px;
border:#333333 1px solid;
padding:25px;
position:relative;
}
.pie-obra-btns{
position:absolute;
top:0;
right:0;
width:168px;
height:100%;
border-left:#333333 1px solid;
}
.btn1{
float:left;
margin:19px 22px 0;
}
.btn2{
float:left;
margin-top:19px;
}
.btn1 p{
font-size:11px;
}
.btn2 p{
font-size:11px;
}
.info-obra{
width:470px;
}

.info-obra h3{
font-weight:normal;
}

.form{
margin:0 auto;
width:500px;
}

#tels{
text-align:center;
margin:65px 0 65px;
}



#paginador{margin-bottom:73px;}
#paginador a:link, #paginador a:visited { text-decoration:none; font-size:14px; color:#DBDBDB;}
#paginador a:hover { background:#DBDBDB; font-size:14px; color:#B31B0D;}

.send{
	 width:60px;
	 padding-left:354px;
}

/* Termina Contenido------------------------->>>>>> */






/* Comienza Pie------------------------->>>>>> */
#pie {
width:100%;
clear: both;
border-top:#333333 solid 1px;
text-align:center;
padding:10px 0;
position:relative;
}

#pie p {
color:#999999;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
}
#crepes{
right:38px;
top:11px;
position:absolute;
float:right;
width:130px;
}


#crepes-link{
	width:160px;
	height:31px;
	text-indent:-9999px;
}

#crepes-link a:link, #crepes-link a:visited{
	background:url(../images/crepes.png) no-repeat;
	background-position: 0 0;
	display: block;
	height:31px;
	outline:none;

}

#crepes-link a:hover{
	background:url(../images/crepes.png) no-repeat;
	background-position: 0 -31px;
	height:31px;
	outline:none;
} 
/* Termina Pie------------------------->>>>>> */







/* Comienza Clases Generales------------------------->>>>>> */
.float-left {
float:left;
}

.float-right {
float:right;
}

.margin-gereric {
margin:10px;
}

.strong{
font-weight:bold;
}

.titulo{
font-size:24px;
}

.gris{
color:#4A4A4A;
}

.margin-top-bottom{
margin:40px 0;
}

.text-btn{
color:#4A4A4A;
}

.campo-from{
width:100px;
}

.campo-from-obras{
width:230px;
}

.margin-top-bot{
margin: 15px 0;
}

.black{
color:black;
}

#selPais option{
color:black;
}

.overlay{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	z-index:1001;
	opacity:.75;
	-moz-opacity: 0.75;
	filter: alpha(opacity=75);
}

.align-center{
text-align:center;
}

/* estilo para lo q este dentro de la ventana modal */
.modal {
	display: block;
	position:absolute;
	left:100px;
	width:640px;
	height:480px;
	padding: 16px;
	background: #fff;
	z-index:1002;
	overflow: auto;
}

.modal div p { 
color:#333;
margin-top:10px;
}
/* Termina Clases Generales------------------------->>>>>> */