body{background-color:#C7B8BF;}
#nombreSeleccionado{
	position:absolute;top:15px;left:550px;
}
#colorSeleccionado{

	border: 1px solid black;

	width:100px;

	height:30px;

	position:absolute;top:10px;left:430px;

	background-color:white;

	

 border-radius:4px;

}

#svg{

	width:400px;

	height:550px;

	background-color:#F5ECF0;

	border: 1px solid black;	

}

#myCanvas1{

	width:400px;

	height:550px;

	background-color:#F5ECF0;

	border: 1px solid black;

	position:absolute;top:1000px;				

}

#paletaColores{position:absolute;top:30px;left:420px;}

#footer{position:absolute;top:600px;left:10px;}
#exportar{position:absolute;top:250px;left:470px;}
#tablaDisenos{width:1000px; height:400px;}
#listaDisenos {
height: 35px;
background: pink;
width: 350px;
color: #797979;
margin-left: 1px;
margin-bottom: 15px;
}

#listaDisenos ul {
list-style: none;
height: 32px;
margin: 0px;
border: 0px solid #797979;
padding-top: 0px;
padding-left: 0px;
float: left;
border-right: 0;
}
#listaDisenos ul>li {
cursor: pointer;
font-size: 14px;
display: inline-block;
padding-top: 5px;
padding-bottom: 2px;
padding-right: 5px;
height: 25px;
border-right: 2px solid #797979;
min-width: 100px;
border-top-right-radius: 15px;
text-transform: capitalize;
text-align: center;
}
#listaDisenos .listaDisenosSeleccionada {
	font-weight: bold;
}
#listaDisenos ul>li:hover {
	background-color: silver;
	color: #000;
}
#paletaColores {
	
	margin-top: 20px;
}
#paletaColores>table {
	border-collapse: collapse;
    
	margin: 0px;
	margin-right: 3px;
	padding: 0px;
	display: inline-table;
}
#paletaColores>table>tbody>tr {
	margin: 0px;
	padding: 0px;

	font-size: 10px;
	text-align: left;
	padding-left: 4px;
	background-color: #FFFFFF;
}
#paletaColores>table>tbody>tr>td {
	margin: 0px;
	padding: 0px;

	height: 18px;
	width: 33px;
}
#paletaColores>table>tbody>tr>td[color] {
	cursor: pointer;
}
#formulario{
	position:absolute;top:1000px;left:470px;
}
input,select{     
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	box-shadow: 1px 1px 2px #333333;    
	-moz-box-shadow: 1px 1px 2px #333333;
	-webkit-box-shadow: 1px 1px 2px #333333;
	background: #cccccc; 
	border:1px solid #000000;
	width:150px
}

textarea{
	border: 1px solid #000000;
	background:#cccccc;
	height:80px;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	box-shadow: 1px 1px 2px #333333;    
	-moz-box-shadow: 1px 1px 2px #333333;
	-webkit-box-shadow: 1px 1px 2px #333333;
}

input:hover, textarea:hover, select:hover{ 
		 background: #ffffff; border:1px solid #990000;
}
#formulario{
	 border:2px solid #990000;
	 border-radius:4px;
}

input[type=submit]{
		background:#006699;
		color:#ffffff;
}