* {margin:0; padding:0; outline:0}


.nav2 { width: 60% ;
   /* min-width: 900px; */
  min-width: 600px;
  margin-left: auto ;
  margin-right: auto ;
  font:20px Arial,Verdana; text-align:center;
  font-weight:bold;	
  width: 60%;height:70px; background:url(../images/verd_claret.gif); color:#000099;}
.cap1 {
color:#f32222; 	

}

.nav { width: 60% ;
 /* min-width: 900px; */
min-width: 600px;
  margin-left: auto ;
  margin-right: auto ;
	
 width: 60%;height:30px; background:url(../images/verd_claret.gif); color:#fff; text-shadow:1px 1px #888; z-index:1000}
.menu a {float:left; color:#C83535;   width:120px; height:28px; padding-top:16px}
.menu span {float:left; color:#eee; text-decoration:none; width:100px; height:28px; padding-top:8px}
.menu a:hover {color:#fff}
.menu {list-style:none; font:16px Arial,Verdana; text-align:center; width:600px; margin:0 auto}
.menu li {position:relative; float:left; width:100px; z-index:1000}
.menu ul {display:none; float:left; position:absolute; font:normal 15px Arial,Verdana; top:36px; left:0; background:#aaa; display:none; list-style:none}
.menu ul li {float:none; border-top:1px solid #ccc; width:120px}
.menu ul li a, li.menuhover li a, li.menuhover li.menuhover li a {float:left; display:block; background:none; height:35px; padding-top:5px}
.menu ul li a:hover, li.menuhover li a:hover, li.menuhover li.menuhover li a:hover {background:#999; color:#fff}
.menu ul li span, li.menuhover li span, li.menuhover li.menuhover li span {float:none; display:block; background:none; height:22px; padding-top:5px}
.menu ul ul {left:120px; top:0}
.menu li.submenu {font-weight:bold}
.menu li.noborder {border-top:none}
li.menuhover a, li.menuhover li.menuhover a {color:#990000; background:#999}
li.menuhover span, li.menuhover li.menuhover span {color:#fff; background:#999}
#info {width:180px; background:#eee}
#info li {width:160px; border-top:none; padding:8px 10px; color:#666; text-shadow:1px 1px #fff; text-align:left}
button1 {
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 0;
}

svg {
  width: 46px;
  height: 28;
  fill: black;
}


body {
	
	text-align: center;
	background-image:url('style5.css');
	background-repeat: repeat;
	background-attachment: scroll;
	margin: 0;
	padding:00;
	color: #800080; //
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: 1.4;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #C0C0C0;
/*
	min-width: 730px;
*/	
}

body.marcades{
	text-align: center;
	background-image:url('style5.css');
	background-repeat: repeat;
	background-attachment: scroll;
	margin: 0;
	padding:00;
	color: #800080; //
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: 1.4;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #C0C0C0;
/*
	min-width: 730px;
*/	
}
	
	
.marcades {
	

/*
	min-width: 730px;
*/	
}

/* ~~ este contenedor rodea a todas las demàs divs, lo que les asigna su anchura basada en porcentaje %*/
.container {
	width: 60%;
	max-width: 1260px;
/*	min-width: 900px; */
	min-width: 600px;
	background:url(../images/verd_claret.gif);
	margin:  auto; /* el valor automático de los lados, unido a la anchura, centra el diseño. No es necesario si establece la anchura de .container en el 100%. */
alignment-adjust:<length>;
}

.container2 {
	width: 60%;
	max-width: 1260px;
	
	min-width: 350px;
	background:url(../images/verd_claret.gif);
	margin:  auto; /* el valor automático de los lados, unido a la anchura, centra el diseño. No es necesario si establece la anchura de .container en el 100%. */
	text-align:center;
	
	alignment-adjust:<length>;
	font-size:large;
	
}
.container_prac {
	width: 60%;
	max-width: 1260px;
	min-width: 350px;
	background:url(../images/verd_claret.gif);
	margin:  auto; /* el valor automático de los lados, unido a la anchura, centra el diseño. No es necesario si establece la anchura de .container en el 100%. */
	alignment-adjust:<length>;
	font-size: medium;
	
}
.control input, select {
 /* float: left;*/
 height: 25px;
 width: 100px; 
 font: 16px Arial, sans-serif;
 border: 1px solid #666;
 
}

.container3 {
	text-align: left;
	width: 80%;
	max-width: 1260px;
	min-width: 600px;
	background:url(../images/verd_claret.gif);
	margin:  auto; /* el valor automático de los lados, unido a la anchura, centra el diseño. No es necesario si establece la anchura de .container en el 100%. */
alignment-adjust:<length>;
}
.cap {
border-color: #C0C0C0;
padding: 1px 0;
font-size: medium;	
 text-align: center;
 margin-left: 400px;

.p0{
 text-align: center;	
 font-size:x-large;	
 font-weight: bold;
 
}
}
.p1{
 text-align: center;	
}

.p2{
margin-left: 20px;
}

.text_area{
width: 96%;
background-color: #E0E0E0;

}
.text_area1{
width: 96%;
background-color: #ffffff;
font-weight: bold;
height: 150px;
font-size:medium;	
}
.header {
	/*background:url(../images/masthead.gif); /* #6F7D94; */
	text-align:center;
	color:#FFF;
}
.contingut {
	
	text-align: center;
	color: #fff;
	font-size:1.4em;
	font-weight: 700;
}
.form{
text-align: center;	
}

}
.form_marcades{
text-align: left;	
margin-left: 10%;
}
form >select {
	border-color: #C0C0C0;
  	font-size:medium;
	color: #800080;
	text-align: left;
	margin-left: 80px;
	}

h2 {
	border-color: #C0C0C0;
  	text-align:center;
	font-weight: 700;
   	color: #800080;
}

form >input{
	border-color:inherit;
	color: #800080;
	font-size: medium;
}

@media only screen and (max-width: 900px)
{
.container {
	width: 100% !important;
	min-width: 200px;
}

.container2 {
	width: 100%;
		min-width: 200px;		
}
.nav {
  width: 100%;
}
.nav2 {
  width: 100%;
}
}