* {
    align-content: center;
    margin: 0;
    padding: 0;
    
}

body {
    background-image: url("imagenes/bodybkg.gif"); }
}

a{}

article {
    border-radius: 10px;
    background-color: white;
    background-size: 100% 100%;
    
    padding-top: 20px;
    padding-left: 25px;
    padding-bottom: 2260px;
    margin: 25px;    
}

footer {
    border-radius: 10px;
	background-color: #1a0d00;
    padding-top: 10px;
	padding-bottom: 115px;
    padding-left: 10px;
	margin: 25px;
	
	color: white;
	font-family: verdana; 
	font-size: 11px;
}

h1 { 
    font-weight: normal;
    cursor:text; 
    color: #cca300;
    font-family: verdana;
    font-size: 40px; 
    text-shadow: 3px 3px black;
    margin: 25px;
}

h2 { 
    font-weight: normal;
    cursor:text; 
    color: white; 
    font-size: 19px;
}

h3 { 
    font-weight: normal;
    cursor:text; 
    color: #cca300; 
    font-size: 11px; 
}

header {
	padding: 0px;
	margin: px;
}

html {
    width: 900px;
    height: 100%;
    margin: 0 auto;
}

img {
    border-radius: 5px;
    margin-left: 20px;
    margin-right: 20px;
}

label {
    font-size: 12px;
    font-weight: bold;
}

li p {
    font-weight: bold;
    font-size: 13px;
}
nav {
	border-radius: 10px;
	background-color: #3d3d29;
	padding: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
	margin: 25px;
}

nav span
{
   padding-right: 3%;
   margin: 25px;
}

p {
    line-height: 300%;
}

section {
    font-family: verdana;
	border-radius: 10px;
	background: url("imagenes/introbkg.png");
	background-size: 100% 100%;
    padding-left: 30px;
	margin: 25px;
}

section ul {
    margin: 5px;
    padding-left: 15px;
}

textarea {
    //resize: none;
    max-height: 400px;
    max-width: 600px;
}

#divoffer {
	width:96%; 
	height:200px; 
	overflow-x:scroll;
    overflow-y:hidden;
    white-space: nowrap;
	border:4px solid #e6b800;
}

#divcontract {
	width:96%; 
	height:200px; 
    overflow-x:scroll;
    overflow-y:hidden;
    white-space: nowrap;
	border:4px solid #e6b800;
}

#fonsimg {
    background-color: #602060;
    width: 120px;
    padding-bottom: 20px;
    position: relative;
    top: 25px;
    right: -20px;
    margin:10px;

    transition: width 1s, height 1s, transform 1s;
    -moz-transition: width 1s, height 1s, -moz-transform 1s; /* Safari i Chrome */
    -webkit-transition: width 1s, height 1s, -webkit-transform 1s; /* Firefox */
    -o-transition: width 1s, height 1s,-o-transform 1s; /* IE 9 */        
}

#fonsimg:hover{
    /* tranformamos el elemento al pasar el mouse por encima al doble de
       su tamaño con scale(2). */

    transform : scale(1.1);
    -moz-transform : scale(1.1);      /* Firefox */
    -webkit-transform : scale(1.1);   /* Chrome - Safari */
    -o-transform : scale(1.1);        /* Opera */
}

#lagentes {
	border:1px;
    border-color: grey;
    padding-left: 100px;
	background-color: white;
    margin-right: 20px;
}

#marcimg {
    background-color: #cc8800;
    border-radius: 10px;
    width: 180px;
    height: 300px;
    float:left;
    margin:10px;
}

#personall {
    font-family: arial;
    font-weight: bold;
    line-height: 100%;
    position: relative;
    top: 25px;
    right: -20px;
    padding-right: 40px;
    margin:10px;
}

/* select element p precedit per un element amb atribut id="personal" */
[id^="personal"]~p {
    font-size:10px;
    font-family: arial;
    line-height: 100%;
    position: relative;
    top: 25px;
    right: -20px;
    padding-right: 40px;
    margin:10px;
}

.limg {
    border-radius: 0px;
    width: 100px;
    position: relative;
    top: 11px;
    right: 10px;
}

.marcpersonal {
	border-radius: 10px;
	background-color: #cc8800;
    
	margin: 5px;
    margin-top: 0px;
    margin-left: 5px;
    margin-right: 5px;
    
    padding-top: 0px;
    padding-left: 15px;
    padding-right: 15px;
    
    padding-bottom: 300px;
}

.peu>li {    
    width: 240px;
    padding: 0px 20px;
    float: left;
    list-style-type: none;
    transition: all 0.2s;
    line-height: 160%;
}

.position {
    float: left;
    width: 600px;
}

.section1 {
    padding-top: 40px;     
    padding-bottom: 60px;
}
.section_personal {
    padding-top: 10px;     
    padding-bottom: 10px;
}
.section_tarifas {
    padding-top: 10px;     
    padding-bottom: 180px;
}
.section_contacto {
    padding-top: 30px;     
    padding-bottom: 100px;
}
.section_contrato {
    background-color: beige;
    
    font-family: verdana;
	border-radius: 10px;
	background-size: 100% 100%;
    padding-left: 30px;
	margin: 25px;    
    
    padding-top: 30px;     
    padding-bottom: 20px;
}

.textarea-contacto {
    resize: none;
    max-height: 500px;
    max-width: 350px;
}

.textheader {
    cursor: pointer;
	color: #ffffff;
	font-family: sans-serif; 
	font-size: 13px;
    font-weight: bold;
}