/* CSS ARBESA */

/*** ELEMENTOS STANDAR Y RESETO CSS ***/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big,
cite, code, del, dfn, em, font, img,
ins, kbd, q, s, samp, small, strike,
strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, caption, tbody, tfoot, thead, th, center, u, b, i {
     margin: 0;
     padding: 0;
     border: 0;
     outline: 0;
     font-size: 100%;
     font-family: inherit;
     vertical-align: baseline;
}

body, textarea{
	 font-family: Tahoma, Arial;
	 font-size: 11px;
	 color: #989898;
	 line-height: 16px;
}


:focus {
     outline: 0
}

ol, ul {
     list-style: none
}

table {
     border-collapse: collapse;
     border-spacing: 0
}

blockquote:before, blockquote:after, q:before, q:after {
     content: ""
}

blockquote, q {
     quotes: "" ""
}

input, textarea {
     margin: 0;
     padding: 0
}

textarea{
	padding: 3px;
	border: 1px solid #999;
}

hr {
     margin: 0;
     padding: 0;
     border: 1px dotted #CCC;
     color: #FFF;
     height: 1px
}

a {text-decoration:none; color: #052467;}
a:hover {color: #F46E00;}

.clear {clear:both;}

p {margin-bottom:10px;}

h3 {font-weight:normal;}

/*** ESTRUCTURA ***/

#page {
	margin:0 auto;
	width:760px;
	overflow:hidden;
	}
#wrap {
	float:left;
	width:758px;
	overflow:hidden;
	margin-bottom:-30000px;
	padding-bottom:30000px;
	}
#linealeft {
	float:left;
	background:url(images/lineas-bordes.jpg) repeat-y;
	width:1px;
	margin-top:150px;
	margin-bottom:-30000px;
	padding-bottom:30000px;
	}
#linearight {
	float:left;
	background:url(images/lineas-bordes.jpg) repeat-y;
	width:1px;
	margin-top:150px;
	margin-bottom:-30000px;
	padding-bottom:30000px;
	}
#leftcol {
	float:left;
	width:180px;
	padding-left:10px;
	padding-right:10px;
	overflow:hidden;
	margin-bottom:-30000px;
	padding-bottom:30000px;
	}
#rightcol {
	float:left;
	width:558px;
	margin-bottom:-30000px;
	padding-bottom:30000px;
	overflow: hidden;
	}
#rightcol-a {
	width:558px;
	}
#rightcol-b {
	width:557px;
	border-left:1px dashed #CCC;
	}
#footer {
	margin:0 auto;
	width:760px;
	margin-top:15px;
	border-top:1px dashed #CCC;
	position:relative;
	font-size:9px;
	}
#footer a{color:#989898;}
#footer a:hover{color:#000000;}
#footer span.left {position:absolute; top:10px; left:0;}
#footer span.right {position:absolute; top:10px; right:0;}

.content {
	margin:0 10px 10px 10px;
	overflow:hidden;
	}
.content ul {
	margin:10px 0 10px 0;
	}
.content li {
	color:#FF6600;
	font-weight:bold;
	line-height:15px;
	}

/*** TITULOS y TEXTOS***/

h3.titulosgrises {
	width:100%;
	height:25px;
	background:#D3D3D3;
	margin-bottom:5px;
	position:relative;
	clear:both;
	}
h3 span.vermas {
	position:absolute;
	right:7px;
	line-height:25px;
	font-size:9px;
	}
h3.titulosinternos {
	padding-bottom:4px;
	border-bottom:1px dashed #CCC;
	margin-bottom:4px;
	}

.azul {
	color:#052467;
	}


/*** NOVEDADES HOME SIDEBAR ***/

.novedades {
	margin-top:15px;
	margin-bottom:15px;
	}
.novedades a {font-size:9px;}
.novedad {
	border-bottom:1px solid #CCC;
	padding-bottom:10px;
	margin-top:10px;
	}
.novedad h3 {
	color: #052467;
	font-size:10px;
	}
.novedad h2 a{
	color: #F46E00;
	text-transform:uppercase;
	font-size:11px;
	font-weight:bold;
	}

/*** CUADRADOS HOME ***/

#cuadrado-left {
	width:272px;
	}
#cuadrado-right {
	width:257px;
	}
#cuadrado-left, #cuadrado-right {
	padding-top:2px;
	padding-right:2px;
	padding-left:2px;
	padding-bottom:30000px;
	margin-bottom:-30000px;
	float:left;
	display:inline;
	border-top:1px dashed #CCC;
	border-bottom:1px dashed #CCC;
	}

/*** CURSOS Y TALLERES HOME ***/
.curso {
	border-bottom:1px solid #D9D9D9;
	padding-bottom:10px;
	overflow:hidden;
	width:258px;
	}
.curso-left {
	width:72px;
	text-align:center;
	}
.curso-right {
	width:186px;
	}
.curso-left, .curso-right {
	padding-bottom:30000px;
	margin-bottom:-30000px;
	float:left;
	display:inline;
	margin-top:10px;
	}
.curso-right h2 a{
	color: #F46E00;
	text-transform:uppercase;
	font-size:11px;
	font-weight:bold;
	}

/*** PRODUCTOS HOME ***/

.productos a img {
	float:left;
	margin:7px;
	display:block;
	}

/*** EMPRESA ***/

.empresa-left, .empresa-right {
	float:left;
	display:inline;
	padding-bottom:30000px;
	margin-bottom:-30000px;
	}
.empresa-left {
	width:258px;
	margin-right:10px;
	}
.empresa-right {
	width:257px;
	border-left:1px dashed #CCC;
	padding-left:10px;
	}

/*** CURSOS Y TALLERES ***/

.cursos-int-left, .cursos-int-right {
	float:left;
	display:inline;
	padding-bottom:30000px;
	margin-bottom:-30000px;
	}
.cursos-int-left {
	width:258px;
	margin-right:10px;
	}
.cursos-int-right {
	width:258px;
	padding-left:10px;
	}

/*** Paginacion ***/

.paginacion {
	margin-top:10px;
	color:#F46E00;
	text-align:center;
	}

/*** CONTACTO Y DESCARGAS ***/

.imput {
	background:#FAFAFA;
	border:1px solid #CCC;
	width:200px;
	font-size:10px;
	color:#052467;
	padding:4px;
	margin:2px 0 2px 0;
	}
.btn {
	background:#052467;
	border:none;
	color:#FFFFFF;
	font-weight:bold;
	font-size:10px;
	padding:3px 8px 3px 8px;
	}

.contacto-left, .contacto-right {
	float:left;
	display:inline;
	padding-bottom:30000px;
	margin-bottom:-30000px;
	}
.contacto-left {
	width:158px;
	margin-right:10px;
	}
.contacto-right {
	width:357px;
	border-left:1px dashed #CCC;
	padding-left:10px;
	}

.descargas {
	border-bottom:1px solid #CCC;
	padding-bottom:10px;
	margin-top:10px;
	}
.descargas h2 {
	color: #F46E00;
	text-transform:uppercase;
	font-size:11px;
	font-weight:bold;
	}
a.descarga-pdf {
	background:url(images/icon.pdf.gif) no-repeat right;
	padding:5px 20px 5px 0;
	}


/*** AMPLIACIONES ***/

.ampliaciones {margin-top:10px; border-bottom:1px solid #CCC;}

.img-producto-left {float:left; margin:0 10px 10px 0; display:block;}
.img-producto-right {float:right; margin:0 0 10px 10px; display:block;}

.ampliaciones h2 {
	color: #F46E00;
	text-transform:uppercase;
	font-size:11px;
	font-weight:bold;
	padding-bottom:10px;
	}
.ampliaciones h3 {
	color: #052467;
	font-size:10px;
	}
.ampliaciones ul {margin-left:40px;}
.ampliaciones li {
	list-style: disc ;
	color:#052467;
	font-weight:normal;
	}

/*** TIENDA ONLINE SIDEBAR ***/

#carro-sidebar {
	width:180px;
	margin:10px 0 10px 0;
	}
.carro-sidebar-top {
	background:url(images/carro-sidebar-top.jpg) no-repeat top center;
	height:54px;
	position:relative;
	}
.carro-sidebar-top span {
	position:absolute;
	top:0;
	right:0;
	}
.carro-sidebar-top2 {
	background:url(images/carro-sidebar-top2.jpg) no-repeat top center;
	height:41px;
	}
.carro-sidebar-content {
	border-left:2px solid #C8C6C7;
	border-right:2px solid #C8C6C7;
	padding:10px;
	color:#333333;
	}
.carro-sidebar-content h2{
	font-size:11px;
	color:#CCCCCC;
	font-weight:bold;
	padding:3px 0 3px 10px;
	border-bottom:1px dotted #CCC;
	border-top:1px dotted #CCC;
	margin-bottom:8px;
	}
.carro-sidebar-content p {
	padding:0 10px 0 10px;
	font-size:10px;
	}
.carro-sidebar-content .botonera {
	display:block;
	font-weight:bold;
	border-top:1px dotted #CCC;
	padding:8px 0 8px 0;
	}
.carro-sidebar-content .naranja {
	font-size:9px;
	color: #F46E00;
	}
.carro-sidebar-content a.registrarse {
	color:#333;
	text-decoration:underline;
	}
.carro-sidebar-bottom {
	background:url(images/carro-sidebar-bottom.jpg) no-repeat top center;
	height:23px;
	}

#panel {
	display:none;
	border-top:1px solid #EBEBEB;
	border-bottom:1px solid #EBEBEB;
	padding:10px 0 10px 0;
	}
.btn-slide {
	color:#000000;
	text-decoration:underline;
	}
.imput-login {
	width:140px;
	border:1px solid #CCC;
	padding:2px 5px 2px 5px;
	}
.btn-login {
	width:152px;
	background:#EBEBEB;
	border:1px solid #CCC;
	margin:8px 0 4px 0;
	padding:0 5px 0 5px;
	font-size:10px;
	font-weight:bold;
	color:#999999;
	}

/*** TIENDA ONLINE PAGINA ***/

.titulo-tienda {
	padding-bottom:5px;
	border-bottom:1px dashed #CCC;
	margin-bottom:5px;
	overflow:hidden;
	height:1%;
	}
.titulo-tienda-left {
	float:left;
	}
.titulo-tienda-right {
	float:right;
	}

.imput-buscar{
	border:1px solid #C2C2C2;
	width:145px;
	height:17px;
	padding:3px 5px 0 5px;
	color:#666;
	font-size:10px;
	vertical-align: top;
	}

.producto-tienda {
	width:531px;
	padding:2px;
	border:1px solid #CCC;
	overflow:hidden;
	margin-top:10px;
	}
.producto-tienda-left {
	float:left;
	display:inline;
	width:149px;
	margin-right:2px;
	padding-bottom:30000px;
	margin-bottom:-30000px;
	}
.producto-tienda-right {
	float:left;
	display:inline;
	width:380px;
	padding-bottom:30000px;
	margin-bottom:-30000px;
	}
.producto-tienda-right h2 {
	background:#ADADAD;
	padding:5px 10px 5px 10px;
	color:#FFFFFF;
	font-weight:bold;
	border-bottom:1px solid #8E8985;
	}
.producto-tienda-right h3 {
	background:#FDEFE6;
	padding:5px 10px 5px 10px;
	color:#333;
	margin-bottom:5px;
	}
.producto-tienda-right p {
	color:#333;
	margin:0 10px 0 10px;
	padding:0;
	line-height:15px;
	}
.producto-tienda-right a {
	color:#333;
	}
.producto-tienda-right .naranja {
	color: #F46E00;
	}
.producto-tienda-pie {
	width:380px;
	height:28px;
	padding-top:2px;
	border-top:1px solid #CCC;
	overflow:hidden;
	margin-top:5px;
	}
.producto-tienda-pie-left {
	background:url(images/bg-precio.jpg) repeat-y left top;
	width:90px;
	height:29px;
	float:left;
	}
.producto-tienda-pie-left p {
	padding:5px 0 0 0px;
	font-weight:bold;
	font-size:13px;
	color:#666;
	}
.producto-tienda-pie-right {
	width:290px;
	height:24px;
	float:left;
	margin-top:5px;
	}

td.titulos-carro {
	background:#FDEFE6;
	border-right:2px solid #FFF;
	color:#EA6E0C;
	font-weight:bold;
	}
td.items-carro {
	border-right:2px solid #FFF;
	border-bottom:3px solid #FDEFE6;
	color:#14243E;
	font-size:10px;
	}
td.items-carro {
	border-right:2px solid #FFF;
	border-bottom:3px solid #FDEFE6;
	color:#14243E;
	font-size:10px;
	}
td.total-carro {
	border-left:2px solid #FFF;
	color:#FFF;
	font-size:11px;
	font-weight:bold;
	background:#999;
	text-align: right;
	padding-right: 18px;
	}
.naranja {
	color:#EA6E0C;
	font-weight:bold;
	}
.input-color {
	border:1px solid #EA6E0C;
	font-size:10px;
	padding:2px;
	color:#EA6E0C;
	}
.input-cant {
	border:1px solid #EA6E0C;
	font-size:10px;
	padding:2px;
	color:#EA6E0C;
	width:30px;
	text-align:center;
	}
.borrar {
	color:#CC0000;
	font-weight:bold;
	}

#panel-imagenes, #panel-imagenes2 {
	display:none;
	background:#FAFAFA;
	padding:10px;
	margin:0 12px 0 12px;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
	}
#panel-imagenes a img, #panel-imagenes2 a img {
	border: 3px solid #EBEBEB;
	padding:3px;
	margin:3px;
	}
#panel-imagenes a:hover img, #panel-imagenes2 a:hover img {
	border: 3px solid #E1E1E1;
	padding:3px;
	margin:3px;
	}


/*agregados por mí*/

#buscador label {
	display: block;
	float: left;
	margin: 4px;
}

.cartaColores{
	display: none;
}

.liColor{
	color: #333;
	font-size: 14px;
	list-style: none;
	margin: auto;
	text-align: right;
	padding: 4px;
	width: 250px;
}

.liColor span{
	margin-left: 30px;
	font-family: Courier New;
	border: 1px #444 dotted;
}

/* menu */

.botonera{
	font-family: Tahoma;
	font-size: 11px;
	color: #032464;
	text-transform: uppercase;
	width: 156px;
}

.botonera span, .final a span{
	color: #F46E00;
}

.botonera ul{
	border-top: 1px #ccc solid;
	border-bottom: 2px #ccc solid;
	border-left: 1px #ccc solid;
	border-right: 2px #ccc solid;
}

.botonera a{
	display: block;
	background: url(images/fle.gif) center left no-repeat #fff;
	padding-left: 11px;
	width: 135px;
}

.intermedio, .final{
	color: #E77215;
	background: #fff;
	line-height: 20px;
	border-bottom: 1px dotted #ccc;
	text-transform: none;
	margin: 40px;
	height: 20px;
}

.final{
	font-weight: normal;
}

.final a{
	font-weight: normal;
	color: #E77215;
	display: block;
	padding: 0px 40px 0px 0px;
	background: #fff;
}

.intermedio{
	background: url(images/fle.gif) center right no-repeat #fff;
}

.intermedio a{
	padding: 0px 40px 0px 0px;
}

.botonera .none{
	border: 0;
	float: right;
	border: 0px solid #000;
}

#formColores{
	text-align: center;
	font-size: 12px;
	margin: 4px;
}

.social td{
	padding: 4px 10px 30px 0;
	vertical-align: middle;
}


p.follow{
	margin: 7px;
	text-align: center;
	vertical-align: middle;
}