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

#idioma { position:absolute; text-align:center; margin-top: 25px; right: 0px;  width: 45px; height: 17px; background-color:	#EC00BD; padding-top: 2px;}
.idioma {  }
.idioma a { font-family:Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; letter-spacing: 1px; text-transform: uppercase; color:#FFF; line-height: -30px;  color:#FFF;   border: none; outline: none; text-decoration:none;  }
.idioma a:hover {   text-decoration:underline;  }

#general {  margin: auto;
			position: absolute; 
			left: 50%;
            top: 50%;
            width: 820px; _width: 890px;
            height: 546px;
            margin-top: -273px; 
            margin-left: -410px; /* border: thin dotted pink; */ }

#generalampli {  margin: auto;
			position: absolute; 
			left: 50%;
            top: 50%;
            width: 820px; 
            height: 650px; *height: 600px; 
            margin-top: -325px;  *margin-top: -300px; 
            margin-left: -410px; /* border: thin dotted pink; */ }

#generalact {  margin: auto;
			position: absolute; 
			left: 50%;
            top: 50%;
            width: 850px; 
            height: 650px; *height: 610px; 
            margin-top: -325px;  *margin-top: -305px; 
            margin-left: -425px; /* border: thin dotted pink; */ }

.mariacosta {  width:200px; height: 35px;   }
.logomaria  { width:200px; height:35px; background-image: url(../imgs/mariacosta.gif); background-repeat:no-repeat; display:block; border:none; outline: none; text-decoration: none; }
.logomaria:hover { width:200px; height: 35px;  background-image: url(../imgs/mariacosta_pink.gif) ; background-repeat:no-repeat;border:none; outline: none; text-decoration: none; } 

.antiguomariacosta {font-family: Arial, sans-serif; font-size:12px;  }

#centro {}
#centroampli { float: left; }

#galeria { float: left; width: 710px; height: 506px;  }

#espacio { float: left; width: 708px; height: 516px; padding-left: 2px;   }
#espacio_home { float: left; width: 700px; height: 466px; margin-left: 4px; margin-right: 6px;   }
#espacio_form { float: left; width: 700px; height: 466px; margin-left: 4px; margin-right: 6px; background-color: #EC00BD;   }
#espacio_form2 { float: left; width: 698px; height: 464px; margin-left: 4px; margin-right: 6px; background-color: #FFF; border: thin solid  #EC00BD;   }

#web1, #web4 {  float:left; width: 234px; height: 145px; text-align:left;  }
#web2, #web5 { float:left; width: 232px; height: 145px; text-align:center;  }
#web3, #web6 { float:left; width: 234px; height: 145px; text-align:right;  }

#webtext1 { float:left; width: 234px;  height: 130px; border:  }
#webtext2 { float:left; width: 216px;  height: 130px; padding-left: 16px; }
#webtext3 { float:left; width: 200px;  height: 130px; padding-left: 34px;  }
#webtext4 { float:left; width: 234px;  height: 70px; border:  }
#webtext5 { float:left; width: 216px;  height: 70px; padding-left: 16px; }
#webtext6 { float:left; width: 200px;  height: 70px; padding-left: 34px;  }

.webtext { font-family: Verdana, Geneva, sans-serif; font-size:11px; color:#666; line-height:15px; }

.webtext a { font-family: Verdana, Geneva, sans-serif; font-size:11px; text-decoration:none;  color:#AAA; border:none; outline:none;}
.webtext a:hover { text-decoration:underline;}

#pas1 {  float:left; width: 144px; height: 200px; text-align:left; padding-left:2px; vertical-align:top;  } 
#pas2, #pas3, #pas4 { float:left; width: 168px; height: 200px; text-align:right; vertical-align:top;   } 
#pas4esq { float:left; width: 168px; height: 200px; text-align:right; vertical-align:top;  } 
#pas5 { float:left; width: 144px; height: 200px; text-align:left; padding-left:2px; vertical-align:bottom;   }
#pas6, #pas7, #pas8 { float:left; width: 168px; height: 200px; text-align:right; vertical-align:bottom;  }
#pas8esq { float:left; width: 168px; height: 200px; text-align:right; vertical-align:bottom;  }

#pas0 {  float:left; width: 700px; height:66px; }
#pas0ampli {  float:left; width: 700px; height:30px; }

.pas a { border: none; outline: none; text-decoration:none;   }
.pas img { border: none; outline: none; text-decoration:none;  }
.pas_clic {  float: left; width: 700px; font-family:Verdana, Geneva, sans-serif; font-size: 11px; color: #666;  }

#act1 {  float:left; width: 200px; height: 200px; text-align:left; padding-left:2px; vertical-align:top;   } 
#act2, #act3{ float:left; width: 210px; height: 200px; text-align:right; vertical-align:top;   } 
#act4 { float:left; width: 210px; height: 200px; text-align:right; vertical-align:bottom;  } 
#act5 { float:left; width: 200px; height: 200px; text-align:left; padding-left:2px; vertical-align:bottom;   }
#act6, #act7 { float:left; width: 210px; height: 200px; text-align:right; vertical-align:bottom;  }
#act8{ float:left; width: 210px; height: 200px; text-align:right; vertical-align:bottom;  }

#act0 {  float:left; width: 700px; height:66px; }
#act0ampli {  float:left; width: 800px; height:30px; }

.act a { border: none; outline: none; text-decoration:none;   }
.act img { border: none; outline: none; text-decoration:none;  }
.act_clic {  float: left; width: 700px; font-family:Verdana, Geneva, sans-serif; font-size: 11px; color: #666;  }

#dia1 {  float:left; width: 144px; height: 200px; text-align:left; padding-left:2px; vertical-align:top;  } 
#dia2, #dia3{ float:left; width: 210px; height: 200px; text-align:right; vertical-align:top;   } 
#dia4 { float:left; width: 210px; height: 200px; text-align:right; vertical-align:bottom;  } 

#dia5 { float:left; width: 234px; height: 200px; text-align:left; padding-left:2px; vertical-align:bottom;   }
#dia6  { float:left; width: 280px; height: 200px; text-align:right; vertical-align:bottom;  }
#dia7{ float:left; width: 260px; height: 200px; text-align:right; vertical-align:bottom;  }

#dia0ampli {  float:left; width: 800px; height:30px; }

/* TEXTOS EN GENERAL */
.text {  font-family: Verdana, sans serif; font-size:11px; color:#333; line-height: 16px; }
.text9 {  font-family: Verdana, sans serif; font-size:11px; color:#666; line-height: 11px; padding-top: 9px;  }
.text9claro {  font-family: Verdana, sans serif; font-size:11px; color:#999; line-height: 18px; padding-top: 9px;  }
.textizq { text-align: left; }
.textder { text-align: right; }

#titulo {  height: 90px; width: 820px;	font-family:"Times New Roman", Times, serif; font-size: 85px; color: #E6E6E6;  }
#titulomed {  height: 75px; width: 820px;	font-family:"Times New Roman", Times, serif; font-size: 72px; color: #E6E6E6;  }
#titulotext { float: left; padding-left: 2px;  height:60px; *height: 50px; width: 308px; margin-top: -5px; }
#titulotexthappy { float: left; padding-left: 2px;  height:60px; width: 308px; margin-top: 5px; }
.titulotext { font-family:Verdana, Geneva, sans-serif; font-size: 11px; color: #BEBEBE; }
#titulotext0 {  float: left; padding-left: 2px; height:60px; *height:50px; width: 500px;  }
#tituloinst { float:left;  width: 820px;  height: 40px;  *height: 20px; vertical-align: bottom;  text-align: right; line-height: 30px;   font-family:Verdana, Geneva, sans-serif;	font-size: 11px;	color: #999;  }
#tituloinstact { float:left;  width: 830px;  height: 40px;  *height: 20px; vertical-align: bottom;  text-align: right; line-height: 30px;   font-family:Verdana, Geneva, sans-serif;	font-size: 11px;	color: #999;  }
#tituloinstdia { float:left;  width: 775px;  height: 40px; vertical-align: bottom;  text-align: right; line-height: 30px;   font-family:Verdana, Geneva, sans-serif;	font-size: 11px;	color: #999;  }
.titulo30{	font-family: "Times New Roman", Times, serif; font-weight:bold; font-size:30px; color:#F9C; line-height: 18px; }
.titulo24{	font-family: "Times New Roman", Times, serif; font-weight:bold; font-size:24px; color:#F9C; line-height: 18px; }
.titulo20{	font-family: "Times New Roman", Times, serif; font-weight:bold; font-size:20px; color:#F9C; line-height: 18px; }
.titulo20w{	font-family: "Times New Roman", Times, serif; font-weight:bold; font-size:28px; color:#FFF; line-height: 17px;  *line-height: 24px; letter-spacing: 1px; }
.titulo18{	font-family: "Times New Roman", Times, serif; font-weight:bold; font-size:18px; color:#F9C;  }



/* CONTENEDOR FOTO GRANDE */
#framearriba {  width: 708px; 	height: 473px;	text-align: left; padding-left: 2px;  }
	
#frameabajo {  height: 60px; width:705px; vertical-align: top; padding-left: 2px;   }

#infoweb_izq { float: left; width:600px ; vertical-align: top; height: 60px; border: }

/* PIE FOTO WEB TITULO */
.web_url  { vertical-align: top; font-weight: normal; font-family: Verdana, sans-serif; font-size: 11px;  color: #666; line-height:15px; }

.web_url a {  text-decoration:none;  color:#AAA; border:none; outline:none; } 
.web_url a:hover {  color: #EC00BD; text-decoration:underline; }

.ver { font-weight: normal; font-family: Verdana, sans-serif; font-size: 11px;  color: #EC00BD; line-height: 15px; text-decoration:none; border:none; outline:none; }
.ver a { font-weight: normal; font-family: Verdana, sans-serif; font-size: 11px;  color: #EC00BD; line-height: 15px; text-decoration:none; border:none; outline:none;}
.ver a:hover { color: #AAA; }

.textlink {  font-family: Verdana, sans serif; font-size:11px; color:#333; line-height: 16px; text-decoration:none; border:none; outline:none; }
.textlink a {  font-family: Verdana, sans serif; font-size:11px; color:#333; line-height: 16px; text-decoration:none; border:none; outline:none;}
.textlink a:hover {  color: #EC00BD;  text-decoration: underline; }

 /* BOTONES */
#infoweb_der {  float: left;  vertical-align: top; width: 96px; height: 60px; text-align:right; }

#infoweb_der2 {  float: left;  vertical-align: top; margin-top:-2px; width: 96px; height: 60px; text-align:right; }

.premio {  /* PIE FOTO DESCRIPCION PREMIO */
	font-family: Verdana, sans-serif; font-size: 11px;   color: #EC00BD;  padding-top: 0px;  }


.controles a {  font-family: Verdana, sans-serif; font-weight: bold; font-size: 14px; letter-spacing:-4px; color: #999;  border: none; outline: none; text-decoration:none;   }

.controles a:hover {  border: none; outline: none; text-decoration:none; color: #444; }

#controlesizq { float:left; text-align:right; width: 75px; }
#controlesder { float:left; text-align:right; width: 4px; }
#vacio15 { float:left; text-align:right;  width:14px; height:40px; }

/* MENU */
#contenido-demo	{ float: left; width: 106px;  margin-top: -17px; *margin-top: -7px;  vertical-align: top; position:relative; line-height:15px;  }
ul	{	list-style:none; padding-left: 9px; *margin-left: 0px;}
ul li {	line-height:15px;}
ul li a { background: url(../imgs/menu_grey.gif) no-repeat left ; padding-left: 9px; *margin-left: 0px; font-family:Arial, sans-serif; font-size:10px; text-transform: uppercase; color:#666; border: none; outline: none; text-decoration:none; line-height:15px;}
ul li a:hover { background: url(../imgs/menu_pink.gif) no-repeat left ; padding-left: 9px; *margin-left: 0px; color: #EC00BD; }
ul li a.desplegable	{	line-height: 15px; } /* Estilo de los que se despliegan*/	
ul li li {	font-family:Arial, sans-serif; font-size:10px; text-transform: uppercase; border: none; outline: none; text-decoration:none; line-height: 16px; padding-left: 11px; }
ul li a.desplegable li a{	line-height:15px;   }

/* Item que esta seleccionado */
ul li.seleccionado a { background: url(../imgs/menu_pink.gif) no-repeat left ; padding-left: 9px; *margin-left: 0px; color: #EC00BD; }  	
/* Item que esta seleccionado sección desplegada */	
ul.subnavegador_stop li.seleccionado a { background: url(../imgs/menu_pink.gif) no-repeat left ; padding-left: 9px; *margin-left: 0px; color: #EC00BD; }  

#mencion1 { width: 216px; height:100px; float:left; }
#mencion2 { width: 5px; height: 100px; float:left; }
#mencion3 { width: 216px; height: 100px; float:left;}
#mencion4 { width: 45px; height: 100px; float:left;  }
#mencion5 { width: ; height: 100px; float:left;  text-align:right;  }
#mencion6 { width: 700px; height: 5px; float:left; }
#mencion7 { width: 435px; height: 386px; float:left;  }
#mencion8 { width: 45px; height: 386px; float:left; }
#mencion9 { width: 225px; height: 386px; float:left; }
#mencion91 { width: 225px; height: ;   }
#mencion92 { width: 225px; height: ; vertical-align:bottom; text-align:center;  }

.vacioh10 { height: 10px; *height: 6px; }
.vaciow100 { width: 200px; float: left;}
.vacioh10w700 { float: left; height: 10px; width: 700px;}

#prof1 { float: left; width: 269px; height: 466px; padding-right: 20px; }
#prof2 { float: left; width: 413px; height: 466px; }

#formulario0 { width:700px; height:50px; *height:30px; text-align:center; vertical-align:text-bottom; }
#formulario11 {  height:370px; *height:390px; width:205px; float:left; vertical-align:text-bottom; }
#formulario12 {  height:370px; *height:390px; width:350px; float:left;  vertical-align:text-bottom; }
#formulario13 {  height:370px; *height:390px; width:145px; float:left;  vertical-align:text-bottom; }
#formulario2 { width:700px;  height:36px; float:left; vertical-align:bottom; text-align:center; font-family:Verdana, Geneva, sans-serif; color:#FFF; font-size:11px; }

.formulario { 	
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color:  #777777;
	text-decoration: none;
	text-align: left;
	background-color:  #FFFFFF;
	height: 20px; 
	width: 285px; /* Esta medida es importante para que se vea bien en Explorer */
	padding: 0px 0px 0px 5px; /* arriba derecha abajo izquierda */
	border: none; outline: none;  }
  
.formulario_area { 	
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color:  #777777;
	text-decoration: none;
	text-align: left;
	background-color:  #FFFFFF;
	height: 190px;
	width: 285px; /* Esta medida es importante para que se vea bien en Explorer */
	padding: 3px 0px 0px 5px; /* arriba derecha abajo izquierda */
	border: none;
	scrollbar-3dlight-color: #EC00BD; /*sombra exterior borde izquierdo*/
	scrollbar-arrow-color: #EC00BD; /*flecha*/
	scrollbar-base-color: #EC00BD; /*borde izquierdo*/
	scrollbar-darkshadow-color: #FFFFFF; /*sombra exterior borde derecho*/
	scrollbar-face-color: #FFFFFF;  /*fondo barra y base triangulos*/
    scrollbar-highlight-color: #FFFFFF; /*bajo barra */
	scrollbar-shadow-color: #EC00BD; /*borde derecho*/ }

.enviar { float: left; margin-top:-11px; *margin-top:0px;
	font-family: "Times New Roman", Times, serif;
	font-size: 28px;
	font-weight: bold; 
	color: #FFFFFF;
	text-decoration: none;
	outline: none;
	letter-spacing: 1px; text-transform:lowercase;
	text-align: right; 
	background-color:  #EC00BD;
	border: none; *border: none; _border: none;
	height: 26px;
	width: 95px;
	vertical-align: top; cursor: pointer;  }

.enviar:hover { color:#FFB9F1;  border: none; outline: none; text-decoration: none;  }

#confirmacion0 { width: 700px; height: 210px; }
#confirmacion1 { width: 700px; height: 50px; text-align:center; vertical-align: middle; font:"Times New Roman", Times, serif; font-size:24px; font-weight:bold; color:#F9C; text-transform: lowercase;  }

/* Maqueta para página editorial con 3 fotos, 3 títulos y 3 textos */
#edit1 { float: left; width: 200px; height: 200px;  }
#edit2 { float: left; width: 40px; height: 200px;  }
#edit3 { float: left; width: 200px; height: 200px; }
#edit4 { float: left; width: 40px;  height: 200px;  }
#edit5 { float: left; width: 200px; height: 200px;  }
#edit1b { float: left; width: 200px; height: 30px;  }
#edit2b { float: left; width: 40px; height: 30px;  }
#edit3b { float: left; width: 200px; height: 30px;  }
#edit4b { float: left; width: 40px;  height: 30px;  }
#edit5b { float: left; width: 200px; height: 30px;  }
#edit1c { float: left; width: 200px; height: 216px; }
#edit2c{ float: left; width: 40px; height: 216px;  }
#edit3c { float: left; width: 200px; height: 216px; }
#edit4c{ float: left; width: 40px;  height: 216px;  }
#edit5c { float: left; width: 200px; height: 216px; }

/* Maqueta para página de ejemplo con entrada a 4 secciones para últimos trabajos */
#ult1a { float: left; width: 345px; height: 200px; padding-left: 2px;  }
#ult2a { float: left; width: 10px; height: 200px;  }
#ult3a { float: left; width: 345px; height: 200px; }
#ult1b { float: left; width: 345px; height: 57px;  padding-left: 2px;  }
#ult2b { float: left; width: 10px; height: 57px;  }
#ult3b { float: left; width: 345px; height: 57px; }
#ult1c { float: left; width: 345px; height: 200px;  padding-left: 2px;  }
#ult2c { float: left; width: 10px; height: 200px;  }
#ult3c { float: left; width: 345px; height: 200px; }
#ult1d { float: left; width: 345px; height: 40px; padding-left: 2px;   }
#ult2d { float: left; width: 10px; height: 40px;  }
#ult3d { float: left; width: 345px; height: 40px; }

.sinborde { border: none; outline: none; text-decoration: none; }
.sinbordeabajo { border: none; outline: none; text-decoration: none; vertical-align:bottom; }