/************************ CABECEIRA *******************************/
#logoCabeceira {
	float: left;
}

#logoCabeceira a{
	font-weight: bold;
	color: #e6a23f;
}

#logoCabeceira .imaxe{
	display: block;
}

#logoCabeceira .imaxe img {
	height: 85px;
}

#logoCabeceira .texto{
	display: block;
}

#enlacesCabeceira {
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	margin-left: 120px;
	float: left;
	width: 460px;
}

#enlacesCabeceira span {
	margin: 0 15px;
}

#botonsCabeceira {
	height: 50px;
	margin-left: 10px;
	float: left;
}
#botonsCabeceira span {
	margin: 0 1px;
}
#botonsCabeceira .boton {
	margin-top: 8px;
	width: 120px;
}

/************************ PORTADA *******************************/
#banner {
	width: 960px;
	height: 400px;
	background-image: url(../imaxes/portada/portada.png);
}
#banner h1 {
	font-size: 44px;
	font-weight: normal;
	color: #383838;
	padding-top: 50px;
	padding-left: 500px;
	text-align: left;
    text-shadow: 0px 1px 1px #bbb, 0px 2px 2px #ccc, 0px 3px 3px #ddd;
}
#banner ul {
	padding-left: 530px;
	padding-top: 15px;
	list-style-image: url(../imaxes/grid-small-dot.png);
}
#banner ul li {
	color: #383838;
	font-size: 18px;
	padding: 5px 0px;
    text-shadow: 0px 1px 1px #bbb;
}

#banner a {
	width: 180px;
	height: 40px;
	margin-left: 530px;
	margin-top: 30px;
	font-size: 18px;
	line-height: 40px;
}

#slogan {
	padding: 5px 0 10px 0;
	text-align: center;
}

#slogan h1 { font-size: 28px; }
#slogan h2 {
	font-size: 16px;
	line-height: 1.5em;
	margin-top: 10px;
	margin-bottom: 20px;
}
#slogan a { width: 150px; }


.seccionPortada {
	width: 100%;
	float: left;
	padding: 50px 0 70px 0;
}

.seccionPortada h3 {
	color: #b3147d;
	font-size: 28px;
	margin-bottom: 40px;
	text-shadow: 1px 1px #ddd;
}

#citas { padding-top: 20px; padding-bottom: 20px;  }
#citas .cita {
	width: 450px;
	float: left;
	margin: 0px 15px;
	color: #ddd;
}
#citas .cita .foto { float: left; margin-right: 10px; }
#citas .cita .foto img {}
#citas .cita .frase { font-size: 16px; margin-top: 15px; margin-bottom: 20px; color: #777; line-height: 1.5em;  }
#citas .cita .persona  { color: #777; }
#citas .cita .persona .nombre { font-weight: bold; }




#caracteristicasDestacadas { margin-top: 30px; }
#caracteristicasDestacadas .caracteristica {
	width: 100%;
	float: left;
	margin-bottom: 75px;
}

#caracteristicasDestacadas .caracteristica .info {
	width: 55%;
	float: left;
}

#caracteristicasDestacadas .caracteristica .info .nome {
	font-size: 22px;
	color: #b3147d;
	margin-bottom: 15px;
}
#caracteristicasDestacadas .caracteristica .info .descricion {
	font-size: 16px;
	line-height: 1.5em;
}
#caracteristicasDestacadas .caracteristica .info .descricion ul {
	margin: 10px 0px 10px 50px;
}
#caracteristicasDestacadas .caracteristica .info .descricion ul li {
	list-style-type: disc;
	margin: 0px;
}
#caracteristicasDestacadas .caracteristica .imaxe {
	text-align: center;
	float: left;
	width: 45%;
}

#caracteristicasDestacadas .caracteristica .esq { float: left; }
#caracteristicasDestacadas .caracteristica .der { float: right; }

#caracteristicasDestacadas .ultima { margin-bottom: 10px; }









#fasesCreativas {}
#fasesCreativas .fase {
	width: 220px;
	float: left;
	margin: 0px 10px;
}
#fasesCreativas .fase .nome { font-weight: bold; margin-bottom: 5px; }
#fasesCreativas .fase .descricion { font-size: 13px; }
#fasesCreativas .fase .imaxe { text-align: center; margin-top: 15px; }

#clientes {}
#clientes .cliente {
	width: 130px;
	float: left;
	margin: 0px 15px;
	text-align: center;
}
#clientes .cliente img { width: 100px; }
#clientes .cliente img:hover { opacity: 0.85; }



#contidosExemplo {}
#contidosExemplo .estanteria {
	margin: 0px 50px;
	float: left;
}
#contidosExemplo .exemplo {
	width: 150px;
	float: left;
	margin: 10px;
	text-align: center;
}
#contidosExemplo .exemplo img {
	max-width: 150px;
	max-height: 175px;
	-webkit-box-shadow: 3px 3px 3px 0px rgba(200, 200, 200, 1);
	box-shadow: 3px 3px 3px 0px rgba(200, 200, 200, 1);
}
#contidosExemplo .exemplo img:hover { opacity: 0.85; }


#seccionRexistroFinal { text-align: center; }
#seccionRexistroFinal a {
	width: 180px;
	height: 40px;
	font-size: 18px;
	line-height: 40px;
}

/************************ FIN DA PORTADA *******************************/


/************************ ESTILOS XERAIS PAXINA PUBLICA *******************************/
.paxinaPublica {
	padding: 30px 0 30px 0;
}

.paxinaPublica .texto {
	line-height: 1.5em;
}
.paxinaPublica .texto a {
	color: #b3147d;
}
.paxinaPublica .texto p {
	margin-bottom: 1em;
}
.paxinaPublica h2 {
	font-size: 32px;
	margin-bottom: 10px;
}

.paxinaPublica h3 {
	font-size: 22px;
	margin-bottom: 10px;
	margin-top: 30px;
}

/************************ FIN ESTILOS XERAIS PAXINA PUBLICA *******************************/




/************************ REXISTRO *******************************/
#formularioRexistro {
	border: 1px solid #d5d5d5;
	background: #f9f9f9;
	width: 410px;
	float: left;
	margin: 25px 254px;
	display: block;
	padding: 15px 20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#formularioRexistro h2 {
	font-size: 20px;
	font-weight: bold;
	padding-bottom: 5px;
	margin: 0;
	border-bottom: 1px solid #e0e0e0;
}

#formularioRexistro .campo {
	margin: 15px 10px;
}

#formularioRexistro .campoTexto {
	outline: none;
	font-size: 18px;
	color: #8e8d8d;
	padding: 8px 15px 8px 50px;
	background-color: #fdfdfd;
	width: 322px;
	display: block;
	border: 1px solid #d8d8d8;
	margin: 13px 0 -3px 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	box-shadow: inset 2px 2px 4px #f1f1f1;
}

#formularioRexistro .email {
	background: #fff url(../imaxes/rexistro/icon_email.png) no-repeat;
}

#formularioRexistro .password {
	background: #fff url(../imaxes/rexistro/icon_password.png) no-repeat;
}

#formularioRexistro .eula {
	float: left;
	width: 245px;
}

#formularioRexistro .eula a {
	color: #b3147d;
}

#formularioRexistro .botonsFormulario {
	float: right;
	width: 130px;
	margin-right: 12px;
	margin-top: 5px;
}

#formularioRexistro .boton {
	width: 130px;
	height: 37px;
	margin-right: 10px;
}

div.contedorerros {
	background: rgb(248, 240, 246);
	border: #b3147d 1px dashed;
	padding: 10px;
	margin: 15px 10px;
	font-size: 13px;
}
div.contedorerros span {
	background: url('../imaxes/error.png') no-repeat 0 0;
	width: 24px;
	height: 24px;
}
/************************ FIN DO REXISTRO *******************************/


/************************ RECUPERAR CONTRASINAL *******************************/
#formularioRecuperarContrasinal {
	border: 1px solid #d5d5d5;
	background: #f9f9f9;
	width: 410px;
	float: left;
	margin: 25px 254px;
	display: block;
	padding: 15px 20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#formularioRecuperarContrasinal h2 {
	font-size: 20px;
	font-weight: bold;
	padding-bottom: 5px;
	margin: 0;
	border-bottom: 1px solid #e0e0e0;
}

#formularioRecuperarContrasinal .campo {
	margin: 15px 10px;
}

#formularioRecuperarContrasinal .campoTexto {
	outline: none;
	font-size: 18px;
	color: #8e8d8d;
	padding: 8px 15px 8px 50px;
	background-color: #fdfdfd;
	width: 322px;
	display: block;
	border: 1px solid #d8d8d8;
	margin: 13px 0 -3px 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	box-shadow: inset 2px 2px 4px #f1f1f1;
}

#formularioRecuperarContrasinal .email {
	background: #fff url(../imaxes/rexistro/icon_email.png) no-repeat;
}

#recuperarContrasinal .botonsFormulario {
	float: none;
	width: 100%;
	text-align: center;
}
#recuperarContrasinal .botonsFormulario .boton_claro {
	width: 130px;
	height: 37px;
	margin-right: 10px;
}
/************************ FIN RECUPERAR CONTRASINAL *******************************/




/************************ LOGIN *******************************/
#formularioLogin {
	border: 1px solid #d5d5d5;
	background: #f9f9f9;
	width: 410px;
	float: left;
	margin: 25px 254px;
	display: block;
	padding: 15px 20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#formularioLogin h2 {
	font-size: 20px;
	font-weight: bold;
	padding-bottom: 5px;
	margin: 0;
	border-bottom: 1px solid #e0e0e0;
}

#formularioLogin .campo {
	margin: 15px 10px;
}

#formularioLogin .campoTexto {
	outline: none;
	font-size: 18px;
	color: #8e8d8d;
	padding: 8px 15px 8px 50px;
	background-color: #fdfdfd;
	width: 322px;
	display: block;
	border: 1px solid #d8d8d8;
	margin: 13px 0 -3px 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	box-shadow: inset 2px 2px 4px #f1f1f1;
}

#formularioLogin .email {
	background: #fff url(../imaxes/rexistro/icon_email.png) no-repeat;
}

#formularioLogin .password {
	background: #fff url(../imaxes/rexistro/icon_password.png) no-repeat;
}

#formularioLogin .botonsFormulario {
	float: left;
}

#formularioLogin .boton {
	width: 130px;
	height: 37px;
	margin-right: 10px;
}

#linkRexistro { float: left; margin-top: 10px; margin-left: 20px;}
#linkRexistro a { color: #e6a23f; }

/************************ FIN DO LOGIN *******************************/



/************************ CONDICIÓNS DE USO *******************************/
#condicionsUso { font-size: 13px; text-align: justify; }
#condicionsUso .condicion { margin: 20px 0px; }
#condicionsUso .titulo { font-weight: bold; margin-bottom: 5px; }
#condicionsUso .texto { }
#condicionsUso .texto a { font-weight: bold; }
/************************ FIN DE CONDICIÓNS DE USO *******************************/


/************************ PARA PROFESIONAIS *******************************/
#profesionais .camiseta {
	text-align: center;
	background-color: transparent;
	background-image: url('../imaxes/rexistro/camiseta_rosa.png');
	background-repeat: no-repeat;
	background-position: center;
	width: 236px;
	height: 146px;
}

#profesionais .camiseta .titulo {
	font-size: 48px;
	font-weight: bold;
	color: white;
	padding-top: 15px;
}

#profesionais .camiseta .prezo {
	font-size: 16px;
	color: white;
	padding-top: 24px;
}

#profesionais .usuarios {
	font-size: 16px;
	color: #b3147d;
	text-align: center;
}

#profesionais .espazo{
	font-size: 16px;
	color: #b3147d;
	text-align: center;
}

#profesionais table.tarifas {
	background-color: transparent;
	float: none;
	margin: 35px 0px;
}

#profesionais table.tarifas tr {
	border: none;
	height: auto;
	background: transparent;
}

#profesionais table.extras {
	table-layout: auto;
	float: none;
	width: 750px;
	background-color: transparent;
	margin: 0 auto 40px auto;
}

#profesionais table.extras tr {
	border: none;
	height: auto;
	background: transparent;
}

#profesionais table.extras .logo {
	padding: 0 10px 0 30px;
}

#profesionais table.extras td {
	font-size: 13px;
	vertical-align: top;
}
/************************ FIN PARA PROFESIONAIS *******************************/



/***************************** FUNCIONAMENTO ************************************/
#funcionamento { float: left; }
#funcionamento .texto {
	width: 460px;
	height: 250px;
	margin: 10px;
	margin-bottom: 0;
	float: left;
}
#funcionamento h3 {
	margin-top: 0px;
	margin-bottom: 20px;
}
#funcionamento .texto p {
	margin-bottom: 10px;
}
#funcionamento .texto img {
	float: left;
	margin-right: 10px;
}
#funcionamento hr { padding-bottom: 30px; }
/***************************** FIN FUNCIONAMENTO ************************************/

/***************************** NOVIDADES ************************************/
#novidades {
	float: left;
}
#novidades .novidade {
	margin: 0px 10px 30px 10px;
	padding: 20px;
	border: solid #d3afce 1px;
	background: #f7edf6;
	text-align: justify;
	float: left;
	width: 418px;
	-webkit-box-shadow: 3px 3px 3px 0px rgba(200, 200, 200, 1);
	box-shadow: 3px 3px 3px 0px rgba(200, 200, 200, 1);
}
#novidades .novidade .titulo { margin-bottom: 10px; font-size: 22px; }
#novidades .novidade .imaxe {
	width: 150px;
	text-align: center;
	background: #eee;
}
#novidades .novidade .imaxe img {
	max-width: 150px;
}
#novidades .novidade .der { float: right; margin: 0px 0px 0px 20px; }
#novidades .novidade .esq { float: left; margin: 0px 20px 0px 0px;}

#novidades .novidade .data { font-style: italic; font-size: 13px; margin-bottom: 5px; }
#novidades .novidade .resumo { line-height: 1.5em; }





#fichaNovidade .novidade {
	padding: 10px 20px;
	border: solid #d3afce 1px;
	background: #f7edf6;
	-webkit-box-shadow: 3px 3px 3px 0px rgba(200, 200, 200, 1);
	box-shadow: 3px 3px 3px 0px rgba(200, 200, 200, 1);
	text-align: justify;
}
#fichaNovidade .novidade h2 {
	font-size: 24px;
	line-height: 1.5em;
	margin-bottom: 15px;
}
#fichaNovidade .novidade .imaxe {
	width: 300px;
	margin: 0 20px 20px 0;
	text-align: center;
	background: #eee;
	float: left;
}
#fichaNovidade .novidade .data { font-style: italic; margin-bottom: 10px; color: #555; }
#fichaNovidade .novidade .resumo { line-height: 1.5em;}
#fichaNovidade .novidade .resumo p { color: #555; }
#fichaNovidade .novidade .forzarClear { clear: both; width: 100%; padding: 10px 0px;}
#fichaNovidade .novidade .descricion { border-top: solid #d3afce 1px; line-height: 1.5em;	}
#fichaNovidade .novidade .descricion p { margin: 15px 0px; text-indent: 15px; }
/***************************** FIN NOVIDADES ************************************/

@font-face {
    font-family: "Boo";
    src: url( ../fonts/boo.ttf ); /* IE */
    src: local("boo"), url("../fonts/boo.ttf") format("truetype"); /*non-IE*/
}