/*==================================================================

arsmedia, diseño web
hola@arsmedia.com.ar

=====================================================================*/

/* Globales HTM
=====================================================================*/
html {background-repeat: repeat}
body {font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,tr,th,td,embed,object {margin:0; padding:0}

* {background-repeat: no-repeat; outline:0;}
table{border-collapse:collapse;	border-spacing:0}

fieldset,img,abbr,a img{border:0}

li {list-style:none}

caption,th {text-align:left}

hr {display:none}

a {text-decoration:none}
a:hover {text-decoration:underline}
a:active, a:focus {outline:0 none}	/* Firefox Dotted Outline Fix */

p {padding-bottom:15px; text-align:justify}

.Clear {clear:both; height:0}
.Center {text-align:center}
.Right {float: right !important}

#Maquetado {width:960px; margin:0 auto;}
#Maquetado div, a, li, h2, label, input, select, textarea {float:left;}
div {width:100%}

.Alma {width:655px; background-repeat: repeat-y; margin-left:6px;}
.TopAlma {padding-top:55px;}
.BottomAlma {background-position: bottom; padding-bottom:40px}
.Alma, .BottomAlma {position:relative}

.errMsg {margin-top:5px}

/* Generales
=====================================================================*/
body {background-repeat:repeat-x; background-position:top center}

.Miniaturas li {padding-top:8px; margin:0 4px 25px; width:138px; text-align: center; font-weight:bold; text-transform:uppercase;}
.Miniaturas li img {padding-bottom:10px; padding-left:8px; padding-right:8px}
.Miniaturas li a:hover {text-decoration:none}

.VerMas {text-indent: -9999px; position:absolute; left:450px; top:346px}
.VerMas, .VerMas a {width:186px; height:39px}

/* Header
=====================================================================*/

#Logo {margin-left:22px}
#Logo a {width: 374px; height:129px; text-indent:-9999px;}

/* Menu
=====================================================================*/

#Menu {width:593px; height:65px; margin-left:15px; margin-top:13px;}
#Menu ul {margin-top:17px}
#Menu li a {height:38px; text-indent:-9999px}
#Menu li.Inicio a {width:65px; margin-left:30px}
#Menu li.Nosotras a {width:99px}
#Menu li.Taller a {width:79px}
#Menu li.Catalogo a {width:94px}
#Menu li.Contacto a {width:94px}
#Menu li.Nosotras a, #Menu li.Taller a, #Menu li.Catalogo a, #Menu li.Contacto a {margin-left:60px}
#Menu li.Inicio a:hover, #Menu li.Nosotras a:hover, #Menu li.Taller a:hover, #Menu li.Catalogo a:hover, #Menu li.Contacto a:hover, #Menu li.activo a {background-position: left bottom}

/* Cuerpo para contenido
=====================================================================*/

#Cuerpo {clear:both; margin-bottom:20px; position:relative}
.Contenidos {padding:10px 30px 0; width:590px}

#Foto {position:absolute; width:317px; height:479px; left: 631px; top: -185px; z-index:5}

/* Derecha
=====================================================================*/

#Derecha {width:235px; margin-left:40px; padding-bottom:420px}
#Pedidos {width:230px; height:189px; font-family: Arial, Helvetica, sans-serif; margin-top:250px; position: absolute; z-index:10}
#Pedidos {font-weight:bold; font-size:14px}
#Pedidos a {padding-top:106px; display:block; margin-left:10px}
#Pedidos a:hover {text-decoration: none}
#Pedidos span {font-size:32px; display:block}

/* Pie
=====================================================================*/

#Pie {height:195px; background-repeat:repeat-x; line-height:30px; clear:both}
#DatosPie {width:918px; margin:0 auto; padding-top:80px;}
#DatosPie div {float:left}
#DatosPie a {float:none}
#Pie .Copyright, .Telefono {width:300px}
#Pie .Mail-Facebook {width:260px}
#Pie .Copyright {font-size:14px;}
#Pie .Telefono {font-size:24px;}
#Pie .Mail-Facebook {font-size:18px;}
#Pie .Telefono {text-align: center}
#Pie .Mail-Facebook {padding-bottom:10px}
#Pie .Mail-Facebook a {padding-left:30px; display:block}
#Pie .Mail-Facebook a:hover {text-decoration:none; background-position:left bottom}
#Pie .Mail {background-position: left 5px}
#Pie a.Mail:hover {background-position: left -25px}
#Pie .Facebook {background-position: left 4px}
#Pie a.Facebook:hover {background-position: left -25px}

#Arsmedia a {display:block; text-indent:-9999px; width:79px; height:28px}

.BienvenidosH2, .NosotrasH2, .TallerH2, .CatalogoH2, .ContactoH2 {width:529px; height:57px; text-indent:-9999px; position:relative; margin-left:-6px; float:none}

/*=====================================================================
 HOME
=====================================================================*/
.ArteHome {width: 244px; position:absolute; left: 51px; top: 245px;}
.FraseHome {padding:20px 0; font-weight:bold;}

.VerArtesanias {text-indent: -9999px;}
.VerArtesanias, .VerArtesanias a {width:156px; height:39px}

.VerMas {text-indent: -9999px; position:absolute; left:450px; top:346px}
.VerMas, .VerMas a {width:186px; height:39px}

/*=====================================================================
 NOSOTRAS
=====================================================================*/

/*=====================================================================
 CATALOGO
=====================================================================*/
.Categoria {width:370px; position:absolute; top:12px; left:150px; font:bold 18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FC3; letter-spacing:2px}
h2 a {width:160px; height:45px;}

/*=====================================================================
 CONTACTO
=====================================================================*/
#form_contacto {margin-left:40px;}
input, select, textarea {width:290px; padding:5px; font-size:11px; font-family:Verdana; letter-spacing:1px; background: none; border: 1px solid}
textarea {height: 150px}
label {width:100%; padding:20px 0 10px 0}
input, select, textarea {background-repeat: repeat-x}
.EnviarBtn {width:114px; height:39px; border:none; text-indent:-9999px; cursor: pointer; margin-top:20px}
.EnviarBtn:hover {background-position: bottom}