@charset "utf-8";
body {
	background-color: #000000;
	text-align:center;
	min-width:950px;
}
body, td, th {
	font: Geneva, Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #000000;
}
a:link {
	color: #FFFFFF;
	text-decoration: none;
}
a:visited {
	color:#3366CC;
	text-decoration: none;
}
a:hover {
	color:#66CCFF;
	text-decoration: none;
}
a:active {
	text-decoration: none;
	color: #B52C39;
}
.Estilo1 {color: #000000}
#contenedor {
	height: 550px;
	width: 950px;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	background-position:center;
	background-repeat:no-repeat;
}
#contenedorfla {
	height: 550px;
	width: 1024px;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	background-position:center;
	background-repeat:no-repeat;
}
/*Imagenes de fondo de contenedor*/
.portada {
	background-image: url(../img/portadaopti2.jpg);
}
.inicio {
	background-image: url(../img/inicio2.jpg);
}
.fotografia {
	background-image: url(../img/fotografia2.jpg);
}
.audiovisual {
	background-image: url(../img/audiovisual2.jpg);
}
.diseño {
	background-image: url(../img/diseno2.jpg);
}
.publicidad {
	background-image: url(../img/publicidad2.jpg);
}
.contacto {
	background-image: url(../img/contacto2.jpg);
}
.links {
	background-image: url(../img/links2.jpg);
}
	/*botonindex*/
	
#botonindex {
	width:186px;
	height:178px;
	float:right;
	border:0;
	margin-top: 370px;
	margin-right: 30px;
}
#botonindex  a {
	display:block;
	width:186px;
	height:178px;
	background-image:url(../img/flechan.png);
	background-repeat:no-repeat;
	/*background-image: url("flechan.png") !important;
	background-image:none;
	filter:none; !important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='img/flechan.png');*/
}
#botonindex  a:hover {
	/*background-image: url("flechab.png") !important;
	background-image:none;
	filter:none; !important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='img/flechab.png');*/
	background-image:url(../img/flechab.png);
	background-repeat:no-repeat;
	z-index: 100;
}

	/*barra de navegación de inicio*/
	
.navfoto {
	display: block; /*bajamos el texto*/
	width: 100px;
	height: 336px;
	margin-left: 10px;
	margin-right:25px;
	float: left;
	background-repeat: no-repeat;
	background-image: url(../img/fotobotonb.png);
}
.navfoto:hover {
	background-repeat: no-repeat;
	background-image: url(../img/fotobotonn3.png);
	z-index: 100;

}

.navaudio {
	display: block; /*bajamos el texto*/
	overflow:hidden; /*evita problemas en IE*/
	width: 100px;
	height: 336px;
	margin-left: 30px;
	margin-right:25px;
	background-repeat: no-repeat;
	background-image: url(../img/audiovbotonb.png);
	float: left;
}
.navaudio:hover {
	background-image: url(../img/audiovbotonn3.png);
	background-repeat: no-repeat;
	z-index: 100;

}

.navdise {
	display: block; /*bajamos el texto*/
	overflow:hidden; /*evita problemas en IE*/
	width: 100px;
	height: 336px;
	margin-left: 30px;
	margin-right:25px;
	background-repeat: no-repeat;
	background-image: url(../img/disebotonb.png);
	float: left;
}
.navdise:hover {
	background-image: url(../img/disebotonn3.png);
	background-repeat: no-repeat;
	z-index: 100;

}

.navpubli {
	display: block; /*bajamos el texto*/
	overflow:hidden; /*evita problemas en IE*/
	width: 100px;
	height: 336px;
	margin-left: 25px;
	margin-right:10px;
	background-repeat: no-repeat;
	background-image: url(../img/publibotonb.png);
	float: left;
}
.navpubli:hover {
	background-image: url(../img/publibotonn3.png);
	background-repeat: no-repeat;
	z-index: 100;

}
#barranav {
	height:auto;
	width:600px;
	margin-top: 88px;
	float:right;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	margin-right:18px;
	background:none;
	display: inline;
}
#barranav a {
	font-size: 24px;
	color: #FFFFFF;
	margin-top: 12px;
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing: -2px;
}

	/*menu principal*/
	
#menu {
	float: left;
	height: 248px;
	width: 170px;
	border: 1px solid #FFFFFF;
	margin-top: 170px;
	margin-left: 68px;
	display: inline;
}
.anclamenu {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:18px;
	height:30px;
	width:150px;
	color: #FFFFFF;
	vertical-align: middle;
	margin-top: 3px;
	padding-top: 2px;
}
a.anclamenu, a.anclamenu:link, a.anclamenu:visited {
	display:block;
	width:100%;
	background-repeat:no-repeat;
	line-height: 20pt;
	background-image: url(../img/fondoanclamenu1.png);
	color: #FFFFFF;
}
a.anclamenu:hover {
	background-repeat: no-repeat;
	color:#FF6600;
	background-image: url(imagenes/on.gif);
}
.cursor {
	cursor: auto;
}

#cuerpo {
	background:none;
	margin-top:83px;
	height:380px;
}

	/*barra de navegación footer*/
	
#footer {
	font-size:12px;
	clear:both;
	margin-top:20px;
	background-color:#000000;
}
#footer a {
	padding-right: 20px;
	padding-left: 20px;
	height: 30px;
}

	/*curriculum*/

.tablaprincipal {
	background-color: #FF6600;
	border: 6px solid #FFFFFF;
}
.celdas {
	background-position: center center;
	vertical-align: middle;
	border: thin solid #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 10px;
	text-align: left;
	padding: 10px;
	width: 537px;
}
.curriculum {
	background-image: url(../img/curriculum2.jpg);

}
h1 {
	font-size: 30px;
	color: #FFFFFF;
	font-style: italic;
	font-weight: bold;
	font-variant: normal;
}
h2 {
	font-size: 13px;
	color: #FFFFFF;
	font-weight: bold;
}
.Titulos{
	font-size: 30px;
	font-weight: bold;
	font-style: italic;
}
.scrolltransp {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	height: 420px;
	width: 600px;
	border:none;
	overflow:auto;
	float: right;
	margin-top: 71px;
	margin-right: 36px;
	display: inline;
	}
	
	/*formulario*/
	
#formulario {
	height: 330px;
	width: 405px;
	margin-top: 95px;
	float: right;
	margin-right: 130px;
	display: inline;
	border: solid 2px #FFF;
}
.botonesform {
	margin: 10px;
	padding-top: 30px;
	padding-bottom: 10px;
	padding-right: 10px;
}
input[type=text]  {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-image: none;
}
input[type=submit], input[type=reset] {
	height: 50px;
	width: 60px;
	background-color: #FFFFFF;
}

input[type=submit]:hover, input[type=reset]:hover{
	height: 50px;
	width: 60px;
	background-color: #525152;
}

.celdaform {
	margin: 10px;
	border: none;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	text-align: left;
	padding: 10px;
}

/*galeria de imagenes*/

#contenedorgalerias{
	width: 630px;
	height: 480px;
	float: left;
	margin-top: 40px;
	margin-left: 60px;
}
#iconos {
	width:580px;
	float:right;
	margin-top: 380px;
	margin-right: 25px;
	display: inline;
}

#iconos a {
	display:block;/*como es un bloque y no tiene posicion absoluta, puedo usar el float*/
	margin:0 0 5px 5px;
	width:50px;
	height:30px;
	border:1px solid #000;
	float: left;
}
#iconos a img {
width:50px;
height:30px;
border:0;/*con esto le quitamos el borde que le sale a la imagen por defecto cuando la convertimos en ancla*/
}
#iconos a:hover {
border-color:#000000;
}
#iconos a:hover img {
	position:absolute;
	width:auto;
	height:300px;
	right:240px;
	top:130px;
	border:10px solid #FFFFFF;
}/*aqui esta el quid de la cuestión.Estoy definiendo el comportamiento de la imagen en estado hover*/

#botongaleria {
	display:block;
	float:right;
	margin-top:150px;
	width:50px;
	height:50px;
}
#botongaleria  a {
	display:block;
	width:50px;
	height:50px;
	background-image: url(../img/botondcha.png);
	background-repeat:no-repeat;
}

#botongaleria  a:hover {
	background-image: url(../img/botondcha2.png);
	background-repeat:no-repeat;
	z-index: 100;
}
#botongaleria2 {
	display:block;
	float:left;
	margin-top:150px;
	width:50px;
	height:50px;
}
#botongaleria2  a {
	display:block;
	width:50px;
	height:50px;
	background-image: url(../img/botonizda.png);
	background-repeat:no-repeat;
}

#botongaleria2  a:hover {
	background-image: url(../img/botonizda2.png);
	background-repeat:no-repeat;
	z-index: 100;
}
/*galeria diseño*/

#icodiseno {
	width:120px;
	float:right;/*float puede tener tres valores:left, right, y none.solo tiene sentido usarlo cuando el div no tiene una posicion absoluta.A st le impongo que el elemento se vaya a la derecha de la pag y el siguiente se coloque a la izda.*/
	margin-top: 50px;
	display: inline;
}
#icodiseno a {
	display:block;/*como es un bloque y no tiene posicion absoluta, puedo usar el float*/
	margin:0 0 5px 5px;
	width:30px;
	height:30px;
	border:1px solid #000;
	float: left;
}
#icodiseno a img {
width:30px;
height:30px;
border:0;/*con esto le quitamos el borde que le sale a la imagen por defecto cuando la convertimos en ancla*/
}
#icodiseno a:hover {
	border-color:#FFFFFF;
	background-color: #000000;
	border-width: 2;
}
#icodiseno a:hover img {
	position:absolute;
	width:auto;
	height:450px;
	right:305px;
	top:80px;
	border:10px solid #FFFFFF;
}

/*Galeria publicidad*/

#icopubli {
	width:120px;
	float:right;/*float puede tener tres valores:left, right, y none.solo tiene sentido usarlo cuando el div no tiene una posicion absoluta.A st le impongo que el elemento se vaya a la derecha de la pag y el siguiente se coloque a la izda.*/
	margin-top: 20px;
	display: inline;
}
#icopubli a {
	display:block;/*como es un bloque y no tiene posicion absoluta, puedo usar el float*/
	margin:0 0 5px 5px;
	width:40px;
	height:40px;
	border:1px solid #000;
	float: left;
}
#icopubli a img {
width:40px;
height:40px;
border:0;/*con esto le quitamos el borde que le sale a la imagen por defecto cuando la convertimos en ancla*/
}
#icopubli a:hover {
	border-color:#FFFFFF;
	background-color: #000000;
	border-width: 2;
}
#icopubli a:hover img {
	position:absolute;
	width:auto;
	height:450px;
	right:305px;
	top:80px;
	border:10px solid #FFFFFF;
}

#menufoto {
	float: left;
	height: 28px;
	width: 600px;
	border: 1px solid #FFFFFF;
	margin-left: 13px;
	display: inline;
}
.anclamenufoto {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	height:20px;
	width:100px;
	color: #FFFFFF;
	vertical-align: middle;
	margin-top: 3px;
	padding-top: 2px;
	float: left;
}
a.anclamenufoto, a.anclamenufoto:link, a.anclamenufoto:visited {
	display:block;
	width:120px;
	background-repeat:no-repeat;
	background-image: url(../img/fondoanclamenu1.png);
	color: #FFFFFF;
}
a.anclamenufoto:hover {
	background-repeat: no-repeat;
	color:#FF6600;
	background-image: url(imagenes/on.gif);
}
#iconoviajes {
	width:580px;
	float:right;/*float puede tener tres valores:left, right, y none.solo tiene sentido usarlo cuando el div no tiene una posicion absoluta.A st le impongo que el elemento se vaya a la derecha de la pag y el siguiente se coloque a la izda.*/
	margin-top: 180px;
	margin-right: 25px;
	display: inline;
}
#iconoviajes a {
	display:block;/*como es un bloque y no tiene posicion absoluta, puedo usar el float*/
	margin:0 0 5px 5px;
	width:50px;
	height:30px;
	border:1px solid #000;
	float: left;
}
#iconoviajes a img {
	width:50px;
	height:30px;
	border:0;/*con esto le quitamos el borde que le sale a la imagen por defecto cuando la convertimos en ancla*/
}
#iconoviajes a:hover {
border-color:#000000;
}
#iconoviajes a:hover img {
	position:absolute;
	width:auto;
	height:300px;
	right:235px;
	top:135px;
	border:10px solid #FFFFFF;
}
#iconovar {
	width:580px;
	float:right;/*float puede tener tres valores:left, right, y none.solo tiene sentido usarlo cuando el div no tiene una posicion absoluta.A st le impongo que el elemento se vaya a la derecha de la pag y el siguiente se coloque a la izda.*/
	margin-top: 380px;
	margin-right: 25px;
	display: inline;
}
#iconovar a {
	display:block;/*como es un bloque y no tiene posicion absoluta, puedo usar el float*/
	margin:0 0 5px 5px;
	width:50px;
	height:30px;
	border:1px solid #000;
	float: left;
}
#iconovar a img {
	width:50px;
	height:30px;
	border:0;/*con esto le quitamos el borde que le sale a la imagen por defecto cuando la convertimos en ancla*/
}
#iconovar a:hover {
border-color:#000000;
}
#iconovar a:hover img {
	position:absolute;
	width:auto;
	height:300px;
	right:235px;
	top:135px;
	border:10px solid #FFFFFF;
}
#video {
	float: right;
	height: 220px;
	width: 260px;
	margin-top: 160px;
	margin-right: 200px;
	display: inline;
}

#banner {
	height: 80px;
	width: 250px;
	display: inline;
	margin-top: 80px;
	float: right;
	margin-right: 205px;
}
#enlaces {
	height: 200px;
	width: 200px;
	float: left;
	display: inline;
	margin-left: 283px;
	margin-top: 123px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFFFFF;
}

.anclaenlace {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	height:30px;
	width:180px;
	color: #FFFFFF;
	margin-top: 3px;
	float: left;
	padding-top: 16px;
}
a.anclaenlace, a.anclaenlace:link, a.anclaenlace:visited {
	display:block;
	width:190px;
	background-repeat:no-repeat;
	background-image: url(../img/fondoanclamenu1.png);
	color: #FFFFFF;
}
a.anclaenlace:hover {
	background-repeat: no-repeat;
	color:#FF6600;
	background-image: url(imagenes/on.gif);
}
#contador {
	margin-left:20px;
	height:15px;
	width:50px;
}
.count {
	width:25px;
	height:10px;
	border:none;
}
#eleccion {
	color: #FFFFFF;
	float: left;
	height: 30px;
	width: 150px;
	margin-top: 480px;
	margin-left: 85px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	display: block;
}

#avisopti {
	float: left;
	display:block;
	width:300px;
	height:20px;
	margin-left:66px;
	margin-top:165px;
	z-index:1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
	text-align: left;
}
.style1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
}