/*###################################### GENERAL ############################################################*/
@font-face {font-family: Helvetica; font-style:  normal; font-weight: normal; src: url(file:///C:\AppServ\www\antonioballesta.com\HELVETICA.eot);}

@font-face {font-family: Helvetica-Black; font-style:  normal; font-weight: normal; src: url(http://www.antonioballesta.com/prueba/fonts/HELVETICA_BLACK.eot);}

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

a:hover { text-decoration:none;}
/*###################################### FIN GENERAL ############################################################*/


/*###################################### INDEX ############################################################*/
div#general {width:684px; height: auto; margin: 0 auto;}

#fotoantonio {width: 377px; height: auto; margin: 0px auto;}

.news{color: #4d4564; font-family: Helvetica, sans-serif; font-size: 14px; margin-top: 50px; text-align: left;}
/*###################################### FIN INDEX ############################################################*/


/*###################################### CABECERA ############################################################*/
#cabecera {width:780px; height: auto; margin-top: 50px;}

#menu{width: 780px; height: 60px; background-image: url(../images/firma4.jpg); background-repeat: no-repeat;  background-position: 0 90%;}

div#menu a:link {text-decoration: none; color: #4d4564;}

div#menu a:visited {text-decoration: none; color: #4d4564;}

div#menu a:hover  {text-decoration: none; color: #9b93b3;}

div#menu a:active {text-decoration: none; color: #9b93b3;}

/*#botones{color: #CC3399; font-size: 20px; padding-top: 10px; font-family: Helvetica-Black; right: -296px; position: relative; width:500px;}*/

#botones{width: 180px; color: #CC3399; font-family: Arial, Helvetica, sans-serif; font-size: 22px; font-weight:900; padding-top: 0px; right: -285px; position: relative; width:500px; text-align:right;}
/*###################################### FIN CABECERA ############################################################*/


/*###################################### CUERPO ############################################################*/
#cuerpo{width:780px; height:auto; border-top-width: thick; border-right-width: thick; border-top-style: solid; border-right-style: solid; border-top-color: #666666; border-right-color: #666666; padding-top: 10px; padding-right:0px;}

#cuerpo2{width:770px; /*border-top-width: medium; border-right-width: medium; border-top-style: solid; border-right-style: solid; border-top-color: #999999; border-right-color: #999999;*/}
/*###################################### FIN CUERPO ############################################################*/


/*###################################### MENU IZQUIERDA ############################################################*/
#submenu{width: 220px; height:auto; border-width: medium; border-style: solid; border-color: #999999; padding-left:10px; padding-right:20px; vertical-align:top;}

.boton {width: 180px; color: #4d4564; font-family: Helvetica, sans-serif; font-size: 20px; margin-top: 15px; margin-left: 10px; margin-right: 10px; margin-bottom: 15px; border: thick solid #999999; position:relative; top: 0px; z-index:1; text-align: center;}

.boton:hover {background-color: #EAE8F0; /*color: white;*/}

.boton:visited {background-color: #EAE8F0; /*color: white;*/}

#submenubajo{width: 220px; height: 1000px;}

.newexpo{position:relative; left: -99px; top: -5px; z-index: 3;}

.boton_newexpo {width: 180px; color: #4d4564; font-family: Helvetica, sans-serif; font-size: 20px; margin-top: 15px; margin-left: 10px; margin-right: 10px; margin-bottom: 15px; border: thick solid #999999; position:relative; top: -50px; z-index:1;}

.boton_newexpo:hover {background-color: #EAE8F0; /*color: white;*/}

.boton_newexpo:visited {background-color: #EAE8F0; /*color: white;*/}
/*###################################### FIN MENU IZQUIERDA ############################################################*/


/*###################################### CONTENIDO ############################################################*/
#contenidotematicas{width:570px; height: auto; border-width: medium; border-style: solid; border-color: #999999; vertical-align:top;}

#cajatextotema{width: 424px; border: 1px solid black; float:left; margin-left: 30px; margin-top: 15px; margin-bottom: 15px; padding-left: 10px; padding-right: 10px; padding-bottom: 5px; padding-top:5px; font-family: Helvetica, sans-serif; font-size: 14px; font-weight:bold; background-color: #EAE8F0; /*#B6AFC9*/ text-align: justify; color: #4d4564; line-height: 40px;}

.textotema{font-family: Helvetica, sans-serif; font-size: 18px; font-weight:normal; text-align: justify; color: #4d4564;}

#cajafotoizq{width: 210px; height: 280px; border: 1px solid black; float:left; margin-left: 30px; margin-top: 0px; margin-bottom: 30px;}
#cajafotoizq:hover{ background-color: #EAE8F0;}

#cajafotoizqnotitle{width: 210px; height: 210px; border: 1px solid black; float:left; margin-left: 30px; margin-top: 0px; margin-bottom: 30px;}
#cajafotoizqnotitle:hover{ background-color: #EAE8F0;}

#cajafotoder{width: 210px; height: 280px; border: 1px solid black; float:right; margin-right: 30px;  margin-top: 0px; margin-bottom: 30px;}
#cajafotoder:hover{ background-color: #EAE8F0;}

#cajafotodernotitle{width: 210px; height: 210px; border: 1px solid black; float:right; margin-right: 30px;  margin-top: 0px; margin-bottom: 30px;}
#cajafotodernotitle:hover{ background-color: #EAE8F0;}

#foto{width: 200px; height: 200px; padding: 5px;}

img{border:0;}

#titulofoto{width:200px; height: auto; color: #4d4564; font-family: Helvetica, sans-serif; font-size: 12px; font-weight:bold; margin-top: 0px; margin-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 0px; padding-bottom: 0px; text-align: left; text-transform: uppercase;}
/*###################################### FIN CONTENIDO ############################################################-*/


/*###################################### BIOGRAFIA ############################################################*/
#cajatextobio{width: 465px; height: auto; border-width: thick; border-style: solid; border-color: #666666; float:left; margin-left: 15px; margin-top: 15px; margin-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; padding-top:0px; font-family: Helvetica, sans-serif; font-size: 18px; font-weight: 500; background-color: #EAE8F0; text-align: left; color: #4d4564; line-height: 30px;}


.fechabio{width: 50px; padding-bottom: 5px; padding-top: 5px; border-bottom-width: medium; border-bottom-style: solid; border-bottom-color: #666666; border-right-width: thin; border-right-style: solid; border-right-color: #666666; text-align:center; vertical-align: text-top;}

.fechabiolast{width: 50px; padding-bottom: 5px; padding-top: 5px; border-right-width: thin; border-right-style: solid; border-right-color: #666666; text-align:center; vertical-align: text-top;}

.textobio{width: 415px; padding-left: 10px; border-bottom-width: medium; border-bottom-style: solid; border-bottom-color: #666666;}

.textobiolast{width: 415px; padding-left: 10px;}

/*.ano {border-bottom: 1px solid #60508F; padding-left: 20px;}

.biografia{margin-left: 20px; margin-right: 10px;}*/

/*###################################### FIN BIOGRAFIA ############################################################*/


/*###################################### VIDEOGRAFIA ############################################################*/
#cajatextovideo{width: 420px; height: auto; border: 1px solid black; float:left; margin-left: 30px; margin-top: 15px; margin-bottom: 15px; padding-left: 5px; padding-right: 10px; padding-bottom: 5px; padding-top:5px; font-family: Helvetica, sans-serif; font-size: 14px; font-weight:bold; background-color: #EAE8F0; color: #4d4564; line-height: 40px;}

.titulovideo{text-align: right;}
/*###################################### FIN VIDEOGRAFIA ############################################################*/


/*###################################### CONTACTO ############################################################*/
input {border: 1px solid #60508F; width: 300px;}

input:hover {border: 1px solid #4d4564;}

textarea {border: 1px solid #60508F; width: 300px; height: 150px;}

textarea:hover {border: 1px solid #4d4564;}
/*###################################### FIN CONTACTO ############################################################*/


/*###################################### DISEŅO WEB ############################################################*/
.bygatolopez {color: #4d4564; font-family: Helvetica, sans-serif; font-size: 10px; vertical-align:top;}
/*###################################### FIN DISEŅO WEB ############################################################*/