/*
Author: Lucia Pizarro Coma
Company: Network Security Advisors
*/

html {
	margin: 0;
	padding: 0;
	color: #333;
	background-color: #fff;
	font-family: "Calibri", "Helvetica Neue", "Helvetica", arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 110%;
	height: 100%;
	width:100%;
	background-color: #ced8e1;
}

body {
	margin: 1em auto;
	padding: 0;
	height: auto;
	width:980px;
	background-color: #FFF;
	border: 1px solid #ddd;
	line-height: 1.1em;
}

/* ---------------------------------- parrafos --------------------------------------*/
p, ul, dl, ol{
	text-align: justify;
	font-size: 0.8em;
}

p {
	margin: 1em auto;
}

form {
	font-size: 80%;
	padding: 1em 2em;
}

dd {
	padding-bottom: 0.8em;
}

.hidden {
	display: none;
}

/* ---------------------------------- titulos --------------------------------------*/
h1, h2, h3, h4, h5, h6 {
	text-align: left;
	font-weight: bold;
}

h1 {
	text-align: left;
	font-size: 2.1em;
    font-family: tandelle-1, tandelle-2, Impact, Sans-serif, sans;
    line-height: 120%;
    text-transform: uppercase;
	color: #ccc;
	margin: 1em 0 0 1em;
}

h1 a {
	font-size: 100%;
	color: #ccc;
}

h2 {
	text-align: left;
	font-size: 1.2em;
	color: #666;
	margin: 0 0 1em 2em;
}

/* ---------------------------------- links --------------------------------------*/
a {
	text-decoration: none;
	color: #999;
	font-size: 100%;
}

a:hover {
	color: #666;
}

a img {
	border: none;
}

/* ---------------------------------- lists --------------------------------------*/
ul {
	text-align: left;
}

li {
	margin: 0.5em 0 0 1em;
}

ul ul, ul ol {
	font-size: 100%;
	margin-top:1em;
}

ul li h2 a, ul li h2 a:visited {
	font-weight: normal;
	font-size: 1.2em;
	color: #b52536;
}

ul li h2 a:hover {
	color: #999;
}

ul li ul {
	font-size: 100%;
	list-style: disc;
	margin: 10px 0 25px 0;
	padding: 0;
}

ol li, ul li {
	margin-bottom: 1em;
}



/* --------------------------------- estilos especificos ---------------------------------------*/

/* menu home */

div#menu {
	width: 100%;
	display: block;
	min-height: 520px;
}

nav ul {
	list-style: none;
	height: auto;
}

nav ul li {
	list-style: none;
}

.hover-panel {		  
    background-color: #E6E2DF;
    background-repeat: no-repeat;
    color: #B2AAA4;
    display: block;
    float: left;
    height: 130px;
    width: 262px;
    margin: 0 10px 10px 0;
    padding: 15px;
     -moz-transition: all 0.2s ease; /* FF3.7+ */
       -o-transition: all 0.2s ease; /* Opera 10.5 */
  -webkit-transition: all 0.2s ease; /* Saf3.2+, Chrome */
          transition: all 0.2s ease;
		  
	
    background-image: url(imag/arquitectos-valencia-servicios.jpg);
    background-position: 292px 10px;
}

.hover-panel h3 {
    font-family: tandelle-1, tandelle-2, Impact, Sans-serif, sans;
    font-size: 34px;
    line-height: 1;
    margin: 0 0 10px;
    text-transform: uppercase;
}

.hover-panel p {
    font-size: 12px;
    width: 95%;
}

.hover-panel:hover {
    background-color: #237ABE;
    background-position: 0 0;
}

.hover-panel:hover h3 {
    color: #FFF;
    text-shadow: rgba(0, 0, 0, 0.398438) 0px 0px 4px;
}

.hover-panel:hover p {
    color: #FFF:
}

#quienes-somos  .hover-panel,
.quienes-somos {
	width: 78%;
	border: 1px solid #eee;
	margin: 2em 1em 2em 3em;
	padding: 1em 2em;
	padding: 2em 3.5em 1em 3.5em;
	border-bottom: 3px solid #005287;
	background-position: 50% 10px;
	background-repeat: no-repeat;
}

#cedula-habitabilidad-valencia  .hover-panel,
.cedula-habitabilidad {
    background-image: url(imag/arquitectos-valencia-cedula-habitabilidad.jpg);
}

#gestion-reformas-valencia  .hover-panel,
.gestion-reformas {
    background-image: url(imag/gestion-reformas-valencia.jpg);
}

#apertura-legalizacion-actividad  .hover-panel,
.apertura-legalizacion-actividad {
    background-image: url(imag/apertura-legalizacion-actividad.jpg);
}

#tasacion-peritacion-valencia  .hover-panel,
.tasacion-peritacion {
    background-image: url(imag/tasacion-peritacion-valencia.jpg);
}

#accesibilidad-comunidades  .hover-panel,
.accesibilidad-comunidades {
    background-image: url(imag/accesibilidad-comunidades.jpg);
}

#gestor-proyectos-project-manager  .hover-panel,
.gestor-proyectos-project-manager {
    background-image: url(imag/gestor-proyectos-project-manager.jpg);
}

#asesoramiento-inmuebles  .hover-panel,
.asesoramiento-inmuebles {
    background-image: url(imag/asesoramiento-inmuebles.jpg);
}

#edificacion-valencia  .hover-panel,
.edificacion-valencia{
    background-image: url(imag/edificacion-valencia.jpg);
}

#certificacion-energetica  .hover-panel,
.certificacion-energetica{
    background-image: url(imag/certificacion-energetica.jpg);
}

/* menu interior */

div#menu-interior {
	/*width: 100%;
	display: block;
	max-height: 60px;
	margin-bottom: 1em;*/
	
	width: 100%;
	overflow: hidden;
	height: 85px;
	border-bottom: 3px solid #005287;
	border-top: 1px solid #ccc;
}

div#menu-interior ul {
	/*
	width: 95%;
	margin: 0 auto;
	padding: 0;
	
	list-style: none;
	height: auto;
	height: auto;
	max-height: 40px;
	overflow: hidden;
	border: 1px solid red;
	*/
	overflow: hidden;
    background-image: url(imag/fondo-menu-int.png);
    background-position: 0 95%;
	width: 95%;
	margin: 0 auto;
	padding: 0 0 0 10px;
}

div#menu-interior ul li {
	/*display: table-cell;
	padding: 2px 6px;
	margin: 0 2px;
	text-align: center;
	border-left: 1px dotted #ccc;
	vertical-align: middle;
	cursor: pointer;
	
	list-style: none;
    background-color: #E6E2DF;
    background-image: url(imag/arquitectos-valencia-servicios.jpg);
    background-image: url(imag/fondo-menu-int.png);
    background-position: 292px 10px;
    background-repeat: no-repeat;
    color: #B2AAA4;
    display: block;
    float: left;
    height: 40px;
    width: 60px;
    margin: 0 10px 10px 0;
    margin: 0 5px;
    padding: 2px 15px 2px 5px;
     -moz-transition: all 0.2s ease;
       -o-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
          transition: all 0.2s ease;
		  
	
	overflow: hidden;
		  
		  
    font-family: tandelle-1, tandelle-2, Impact, Sans-serif, sans;
    font-size: 12px;
    line-height: 1;
    text-transform: uppercase;
	
	cursor: pointer;
	
	vertical-align: middle;
	*/
	
	float: left;
	display: block;
	margin: 0 15px 0 0;
	margin: 0 5px 0 0;
	
}

div#menu-interior li a:link,
div#menu-interior li a:visited {
				position: relative;
				display: block;
				float: left;
				height: 85px;
				font-weight: bold;
				letter-spacing: -1px;
				text-decoration: none;
				text-transform: lowercase;
				color: #005287;
				overflow: hidden;
				width: 74px;
				padding: 0 6px;
				font-size: 140%;
				border: solid 1px #fff;
				border-width: 0 1px;
				line-height: 126px;
}

div#menu-interior li a:link span,
div#menu-interior li a:visited span {
					position: absolute;
					top: 22px;
					left: 6px;
					width: 80px;
					font-size: 60%;
					font-weight: normal;
					letter-spacing: 0;
					line-height: 1.2em;
					color: #DDDDDD;
					text-transform: none;
					text-align: left;
					visibility:hidden;
				}
		
div#menu-interior li a.active:link span,
div#menu-interior li a.active:visited span,
div#menu-interior li a:link:hover span,
div#menu-interior li a:visited:hover span {
					visibility:visible;
					left: 5px;
					color: #55b7e5;
				}

div#menu-interior li a i {
					display: none;
				}

/* pie*/
p.pie {
	color: #999;
	font-size: 0.7em;
	text-align: center;
	clear: both;
}

/* texto paginas interiores */

#arquitectos-valencia-gestion {
	height: auto;
}

#arquitectos-valencia-servicios {
	float: left;
	width: 30%;
	border: 1px solid #eee;
	margin: 2em 1em 2em 3em;
	padding: 1em 2em;
	padding: 210px 3.5em 1em 3.5em;
	border-bottom: 3px solid #005287;
	background-position: 50% 10px;
	background-repeat: no-repeat;
}

#arquitectos-valencia-servicios h2{
	margin: 0em;
	padding: 1em 0 0 0em;
	border-top: 3px dotted #ddd;
	color: #005287;
	text-transform: none;
}

#arquitectos-valencia-servicios h3{
	margin-top: 1em;
	padding-top: 1em;
	border-top: 3px dotted #ddd;
	color: #005287;
}

#arquitectos-valencia-servicios ul{
	list-style: none;
	padding: 0 0 0 1.5em;
}



#gestion-proyectos-arquitectura {
	clear: both;
	width: 79%;
	border: 1px solid #eee;
	margin: 0 1em 0em 3em;
	padding: 1em 2em;
	padding: 0 3.5em 1em 3.5em;
	border-bottom: 3px solid #005287;
	border-top: 3px solid #005287;
	background-position: 50% 10px;
	background-repeat: no-repeat;
}

#gestion-proyectos-arquitectura h2{
	margin: 0em;
	padding: 1em 0 0 0em;
	border-top: 3px dotted #ddd;
	color: #005287;
	text-transform: none;
}


/* formulario */
.informacion-arquitectos-valencia {
	float: right;
	width: 40%;
	border: 1px solid #eee;
	margin: 2em 3em 0em 1em;
	
}

.informacion-arquitectos-valencia h3{
	padding-left: 1.5em;
	
}

.informacion-arquitectos-valencia form {
	width: 80%;
	
}

.informacion-arquitectos-valencia input{
	background-color: #eee;
	border: 0px;
	padding: 4px;
	border-left: 3px solid #005287;
}

.informacion-arquitectos-valencia input[type=submit]{
	background-color: #eee;
	border: 0px;
	padding: 4px;
	
    font-family: tandelle-1, tandelle-2, Impact, Sans-serif, sans;
    font-size: 30px;
	color: #005287;
	cursor: pointer;
	margin: 0 0 0.5em 1.8em;
}

.informacion-arquitectos-valencia input[type=submit]:hover{
	background-color: #005287;
	color: #eee;
}

.informacion-arquitectos-valencia textarea{
	width: 103%;
	background-color: #eee;
	border: 0px;
	padding: 4px;
	border-left: 3px solid #005287;
}

.lopd-arquitectos-valencia{
	font-size: 60%;
	width: 105%;
	font-family: verdana;
	line-height: 90%;
	padding: 0;
	margin: 0.5em 0 0 0;
	font-weight: normal;
	color: #666;
}


/* Estilos para Livevalidation  http://www.livevalidation.com/examples  */


.LV_validation_message {
    margin:0em; 
    padding:0.2em 0.5em 0.2em 1.5em;
	/*
	position: relative;
	left: 0.5em;
	top: 0;*/
	font-size: 100%;
	height: 1.2em;
	width: auto;
}

.LV_valid {
    color:#00CC00;
	background-image: url(imag/validated.png);
	background-position: -20px 50%;
	background-repeat: no-repeat;
}
	
.LV_invalid {
    color:#CC0000;
	background-image: url(imag/invalid.png);
	background-position: 0 50%;
	background-repeat: no-repeat;
}
    
.LV_valid_field,
select.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
    border: 1px solid #00CC00;
	
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
    border: 1px solid #CC0000;
}
/* ---------- fin estilos live validation -----------------------------------*/