/* --- SITE --- */
html,body {
	margin:0;
	padding:0;
	font:.9em/1.4em 'Tahoma','Helvetica', sans-serif;
	color:#770065;
	background-color:#770065;
	}

a:link, a:visited {
	color:#770065;
	text-decoration:none;
	}

a:hover, a:active {
	color:#fff;
	}

#top {
	width:760px;
	height:64px;
	margin:40px auto;
	}

#pagewidth {
	width:760px;
	margin:-40px auto;
	background-color:#dce557;
	overflow:auto;
	}

#container {
	width:530px;
	float:right;
	background-color:#fff;
	border-left:solid 20px #770065;
	}

.left-col {
	width:230px;
	float:left;
	text-align:left;
	padding:0px;
	position:relative;
	margin-left:-270px;
	}

.right-col {
	width:530px;
	float:left;
	text-align:left;
	padding:0px;
	}

/* --- MENÚ --- */		
.logo {
	position:relative;
	display:block;
	margin-left:34px;
	}

ul.menu {
	list-style-type:none;
	margin-top:80px;
	}

ul.menu li.menu a.menu, ul.menu li.menu a.marcado {
	font-weight:bold;
	font-family:'Arial','Helvetica',sans-serif;
	font-size:0.9em;
	letter-spacing:0.25em;
	display:block;
	margin:0;
	padding:6px 6px 0 10px;
	}

ul.seccion {
	list-style-type:none;
	}

ul.seccion li.seccion {
	display:block;
	margin:0;
	padding:4px 0 4px 0;
	}

a.marcado {
	color:#fff;
	}

/* --- CONTENIDO EN COLUMNA DERECHA --- */
.header {
	padding:0;
	margin-left:10px;
	}

h1 {
	font-size:1.2em;
	padding:0;
	margin:40px 0 20px 30px;
	}

h2 {
	font-size:1.1em;
	padding:0;
	margin:40px 0 10px 30px;
	}

p {
	font-size:1em;
	margin:0 20px 20px 30px;
	padding:0;
	}

img.portada {
	width:196px;
	height:371px;
	border:solid 3px #dce557;
	float:right;
	margin-left:10px;
	}

img.brocheta {
	width:193px;
	height:636px;
	float:right;
	margin-left:4px;
	}

img.sopas {
	width:193px;
	height:318px;
	float:right;
	margin-left:4px;
	}

img.informacion {
	width:250px;
	height:158px;
	margin-left:30px;
	}

ul.clientes {
	margin-left:60px;
	}

a.content:link, a.content:visited {
	border-bottom:dotted 1px;
	}

a.content:hover, a.content:active {
	color:#cc00cc;
	border-bottom:solid 1px;
	}

#cuadro {
	position:relative;
	float:left;
	width:210px;
	height:180px;
	margin:0 0 30px 30px;
	border:dotted 1px #dce557;
	background:url(../img/bgCuadro.jpg) top left repeat-x;
	padding:4px;
	}

	#cuadro.hover {
		background-color:#dce557;
		}

.titulo {
	font-weight:bold;
	position:relative;
	margin-left:10px;
	}

ul.texto {
	/*list-style-type:none;*/
	margin:0;
	}

	ul.texto li {
		margin:0 10px 4px 4px;
		}

#thumb {
	float:left;
	margin:0 0 30px 30px;
	padding:0;
	border:solid 1px #dce557;
	text-align:center;
	}

	#thumb p.foto {
		padding:4px;
		margin:0;
		border:0;
		}

	#thumb p.foto:hover {
		background-color:#dce557;
		}
	
	#thumb img {
		width:130px;
		height:214px;
		border:0;
		}


.campo {
	width:300px;
	height:20px;
	font:.9em/1.4em 'Tahoma','Helvetica', sans-serif;
	font-weight:bold;
	color:#333;
	border:solid 1px #ccc;
	}
	
.area {
	width:300px;
	height:120px;
	font:.9em/1.4em 'Tahoma','Helvetica', sans-serif;
	font-weight:bold;
	color:#333;
	border:solid 1px #ccc;
	}

.boton {
	border:none;
	font:.9em/1.4em 'Tahoma','Helvetica', sans-serif;
	font-weight:bold;
	padding:8px;
	color:#fff;
	background-color:#770065;
	}


/*--- CARRUSEL ---*/

#mygallery {
	margin:0 0 0 30px;
	}

	.stepcarousel {
		position:relative;
		overflow:scroll;
		width:410px;
		height:310px;
		background-color:#fff;
		}

	.stepcarousel .belt {
		position:absolute;
		left:0;
		top:0;
		}

	.stepcarousel .panel {
		float:left;
		overflow:hidden;
		margin:5px;
		width:400px;
		text-align:center;
		}


/* --- PIE SITE --- */	
p.footer {
	text-align:center;
	font-size:.85em;
	margin:80px 4px 4px 4px;
	clear:both;
	}

@media print {
	.left-col {
		display:none;
		}
	.right-col {
		width:100%;
		float:none;
		}
	}