/*
-----------------------------------------------
Monic Styles
Author:   Punto y Pixel
Version:  Octubre 2007
----------------------------------------------- */
                 
/* Estructura de la página
----------------------------------------------- */
body {
	margin: 0;
	padding: 0;	
	background: url(../media/bg_body.png) repeat;
}
#contenedor{
	width: 600px;
	position: absolute;
	left: 50%;
	margin: 0px 0px 0px -300px;
	background-color: #333;
}
#cabecera{
	width: 100%;
	background: url(../media/top.png) no-repeat top center;
	height: 104px;
}
#barra{	
	margin: 0 auto;
	text-align: center;
}
#logo-header{
	background: url(../media/logo.png) no-repeat left;
	width: 100%;
	clear: both;
	height: 100px;
}

#contenido {
	width: 90%;
	padding: 5%;
	overflow:hidden;
	clear: both;
}
#pie {
	width: 100%;
	height: 205px;
	background: #000 url(../media/bottom.png) no-repeat top center;
}

/*  Navegación
----------------------------------------------- */
/*----- Menu superior -----*/
#nav {
	list-style: none;
	margin: 0 auto;
	text-align: center;
	padding: 0;
	height: 20px;
	display: inline;
	overflow: hidden;
}
#nav li {
	margin: 0 5px; 
	padding: 0;
	display: inline;
	list-style-type: none;
}

#nav a {
	float: left;
	padding: 20px 0 0 0;
	margin: 0 5px; 
	overflow: hidden;
	height: 0px !important; 
	height /**/:22px; /* for IE5/Win */
}
#nav a:hover {
	background-position: 0 -22px;
}
#nav a:active, #nav a.aqui {
	background-position: 0 -44px;
}
#trayectoria a  {
	width: 60px;
	background: url(../media/monic.png) top left no-repeat;
}
#colecciones a  {
	width: 91px;
	background: url(../media/colecciones.png) top left no-repeat;
}
#prensa a  {
	width: 60px;
	background: url(../media/prensa.png) top left no-repeat;
}
#pventa a  {
	width: 60px;
	background: url(../media/pventa.png) top left no-repeat;
}
#contacto a  {
	width: 73px;
	background: url(../media/contacto.png) top left no-repeat;
}
#noticias a  {
	width: 60px;
	background: url(../media/noticias.png) top left no-repeat;
}
#clientes a  {
	width: 91px;
	background: url(../media/clientes.png) top left no-repeat;
}
.migas{
	font: bold 1.2em Arial, sans-serif;
}
/* Generales, titulos, enlaces
----------------------------------------------------*/

body{
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
}

#pie p{
	padding: 180px 0 0 10px;;
}
a { text-decoration: none; }
a:link { color :#FF0066; }
a:visited {	color: #C80050;}
a:hover { text-decoration: underline; }
h1{
	font-size: 2em;
	font-weight: normal;
	color: #FF0066;
	padding-left: 25px;
	background: url(../media/flecha_h1.png) no-repeat left bottom;
	float: right;
}

h2{
	font: bold 1.2em Arial, sans-serif;
	color: #FFF;
}
h3{
	font: bold 0.9em Arial, sans-serif;
	color:#FF0066;
}
address{
	font-style: normal;
	border: 1px solid #E3E4E5;
	padding: 0.5em;
	width: 40%;
}
/* Listas
----------------------------------------------------*/
/*  Tablas
----------------------------------------------------*/ 
/*  Formularios
----------------------------------------------------*/
form{
	display: inline;
	margin: 1em;
}
fieldset {
	margin-top: 1.7em;
	margin-bottom: 0.3em;
	border: 0px;
	padding: 0.2em;
}
legend {
	text-align: left;
	padding: 0.1em 0.5em;
	font-weight: bold;	
	color: #C30044;
	margin-bottom: 0.5em;
}
label {	
	font-weight: bold;
	color: #FF0066;
  	float: left;
  	width: 15em;
  	text-align: right;
  	margin-top: 0.3em;
}
input,select,textarea {
	border: 1px solid #E3E4E5;
	background-color: #333;
	margin-bottom: 0.3em;
	margin-left: 0.3em;
	color: #FFF;
}
.botones {
	clear: both;
	text-align:center;
	width: 100%;
	margin: 3%;
	border: hidden;
} 
.botones input {
	border: 1px solid #E3E4E5;	
	background-color: #E3E4E5;
	color:#111625;
}
/*----- Validación formularios -----*/
input.error, select.error { border: 1px solid #FF0000; }
.errFld {
	border: 1px solid #F00;
}
.errMsg {	
	color: #FF0000 !important;
	display: inline;
}
#alertMessagePlaceHolder {
	background-color: #FFCCCC;
	border: 1px solid #F00;
	padding: 5px;
	display: none;
	margin: 2em 5px;
}
/*  Imagenes
----------------------------------------------------*/
a img {	border: none; }
img.derecha, img.right, img.izquierda, img.left, img.block{
	margin: 5px;
	padding: 3px;
	border: 1px solid #cccccc;
}
img.izquierda, img.left{	float: left; }
img.derecha, img.right{ float: right; }

/*  Galeria
----------------------------------------------------*/
img.titulo{
	margin: 2em 0 1em 2em;
	display: block;
	clear: both;
}
.actual-gal,.prev-gal{float:left;text-align: center;clear:both;margin-left:1em;}
.actual-gal div,.prev-gal div {float: left;margin: 1em;}

.prev-gal{margin-left:2em;}

.prev-gal img{float: left;}
.prev-gal img.muestra{margin-left: 1em;}

.actual-gal img {display:block; text-align:center; margin:auto;}
.actual-gal a img.muestra, .prev-gal a img.muestra {border: 1px solid #E3E4E5;}
.actual-gal a, .prev-gal a {display:block;}
.actual-gal a:hover img, .prev-gal a:hover img { filter: alpha(opacity=50); opacity: .5; }

.prensa{
	float:left;
	width: 250px;
	margin: 10px;
	border: 1px solid #666;
	min-height: 100px;
}
.prensa h3{
	padding-left: 5px;
}
.prensa ul {list-style:none;margin:0; padding:0; width:100%;}
.prensa li {float:left;padding:0; width:60px; height:60px;  text-align:center;}
.prensa li a img {border:none; }
.prensa li img {display:block;text-align:center; margin:auto;}
.prensa li a {display:block;clear:both;margin:5px;}
.prensa a:hover img { filter: alpha(opacity=50); opacity: .5; }
/*  Secciones
----------------------------------------------------*/
.prev-next,.info-prev-next { text-align: center; clear:both;}
.prev-next a {font-weight: bold; }
/*  Varios
----------------------------------------------------*/
.pad-micro { padding: 0.1% 0.3%}
.pad-small { padding: 0.3% 1%  }
.pad-medium { padding: 1% 2%}
.pad-big { padding: 2% 5%}

.inline{ display: inline;}
.Fright{ float: right; }
.Fleft{ float: left; }
.limpiar { clear: both; }
.right{ text-align: right; }
.left{ text-align: left; }
.center{ text-align: center; margin: 0 auto; }
.center table {margin: 0 auto;}
.justify{ text-align: justify; }

.aviso{background-color: #fef8d9;border: 1px solid #eca;margin: 5px;padding:0 5px;color:#000;}
.info {background: #EAFDEB;border: 1px solid #BFEE90;margin: 5px;padding:0 5px;color:#000;}

.correcto  { color: #009900; font-weight: bold;}
a.correcto:link, a.correcto:visited { color: #009900; }
a.correcto:hover { text-decoration: underline }

.error  { color: #FF0000; font-weight: bold;}
a.error:link, a.error:visited { color: #FF0000; }
a.error:hover { text-decoration: underline }

/* Para el index
-----------------------------*/
#monic{
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -250px 0px 0px -150px;
	width: 300px;
	height: 500px;
}
p.entrar{
	font-size: 1em;
	color: #FF0066;
}