/* -----------------------------------------------  *
 * 	Autor: 		Alvaro Martinez Camba				*
 * 	email: 		alvaro.camba@gmail.com				*
 *	version: 	1.1 								*
 * ------------------------------------------------ */

*{
margin:0;
padding:0;
}

body{
font-family: "Trebuchet MS", sans-serif;
text-align:left;
color:#3C3C3C;
font-size: 76%;
margin:0;
padding:20px;
background-color:#333;
}

/* General Style Info */

a{
color:#003d4c;
text-decoration:underline;
outline:none;
}
a:hover{
color:#003d4c;
text-decoration:none;
}
a img{
border:none;
}

h1, h2, h3, h4{
font-weight:normal;
}

h1{
color: #FF66CC;
padding-bottom: 5px;
font-size: 180%;
}

h2{
color:#FF66CC;
padding-bottom: 10px;
font-size: 160%;
}

h3{
color:#FF66CC;
padding-bottom: 3px;
font-size: 140%;
}

h4{
color:#FF66CC;
padding-bottom: 3px;
font-size: 120%;
}

em { font-size: 12px; }
p { text-align: left; padding-top:8px; line-height:1.5em; }

strong { font-size: 12px; color: #000;}

/* -----------------------------------------------  *
 * 		=HD Layout									*
 * -----------------------------------------------  */
#container {
width: 900px;
margin: 0 auto;
background-color: #fff;
border: 5px solid #FF66CC;
padding: 10px;
}

#content { 
margin:30px 0 50px 280px;
width: 600px;
padding:0;
}

#sidebar { 
float:left;
width: 220px;	
margin:30px 0 50px 0;
padding: 0 0 0 15px; 
}

#footer {
border-top: 1px dotted #999;
clear:both;
padding: 6px 0 0 0; 
text-align: right;
font-size: 0.8em; 
}

/* -----------------------------------------------  *
 * 		=HD Elementos								*
 * -----------------------------------------------  */

/** Element: Login Box **/
#login_box { 
width: 220px;
height: 55px;
margin: 0 10px 10px 0;
float: right;
font-size: 10px;
padding:3px; 
}

#login_box p {
font-size: 1em; 
display: block; 
text-align: center;
padding:2px;
}

#login_box table td { padding: 2px 1px 0 1px;}
#login_box input, textarea { font-size: 1em; margin: 0; width:120px;}
#login_box input[type=submit] {width:40px; padding:1px;}

/** Element: Carro de la compra **/
#shopbag { 
background-color: #fff; 
font-size: 0.8em; 
float: right;
margin:0;
padding:0;
width:220px;
}

#shopbag td {
padding:0 25px 2px 0;
margin:0;
text-align: left;
}

#shopbag a { text-decoration: underline; color:#000}
#shopbag a.titulo {text-decoration:none; font-size: 1.3em; padding-left:25px;}

#shopbag .header { background-color:#e6e6e6; }

/* Element: Logo */
#logo { 
padding: 10px 0 5px 0;
margin: 0 0 2px 10px; 
}
#logo p { display: inline;}

/* Element: Sidebar */
#lineas_camisetas {
list-style-type: none; 
padding: 0 5px 20px 5px;
margin-bottom: 20px;
}
#lineas_camisetas li {
padding: 2px 25px 2px 2px;
font: normal normal bold 1.2em "Trebuchet MS", sans-serif;
float: left;
color: #000;
}
#lineas_camisetas li a {text-decoration: none; color: #000;}
#lineas_camisetas li a:hover {text-decoration: underline;}

#lineas_camisetas .new { 
background-image: url(/img/new.png); 
background-repeat: no-repeat; 
background-position: bottom right; 
}

.paypal_info {
background-color:#F0FFFF;
border-top: 1px solid #6699ff;
border-bottom: 1px solid #6699ff;
color: #666;
float: left;
margin: 20px 50px 0 0;
padding:5px;
}

/* Newsletter */
.newsletter input[type=submit] { margin:2px 2px 5px 0; padding:0;}

/* -----------------------------------------------  *
 * 		=HD Paginas									*
 * -----------------------------------------------  */

/* Page: Productos */
#principal { 
float:left;
margin: 10px 0 0 10px; 
padding:0; 
}

.principal_imagen {  
float:left;
margin: 0 10px 5px 0; 
padding: 5px; 
border: 1px solid #999; 
}

#galeria_index {
float:left;
margin:15px 0 50px 15px;  
padding:10px;
border-top: 1px solid #999;
}

.productos { 
float: left; 
width: 150px; 
margin: 5px 5px 0 0; 
padding: 5px; 
border: 1px solid #999; 
}

#galeria { 
width:600px;
margin: 15px 0 50px 15px; 
float: left; 
}

/* Page: FAQ */
#faq {
margin: 0 0 25px 0;
}
#faq li {
list-style-type: none; 
font-size: 1em;
color: #000;
padding: 2px 0 3px 20px;
}
#faq a { text-decoration: none; color:#000;}

/* Page: view producto */
#view_imagen { 
float: left; 
margin:15px 5px 0 0; 
padding:5px; 
border: 1px solid #999;
}

#view_imagen p { 
padding:5px; 
font-size: 0.8em; 
margin-top:5px;
}

#view_info {
float:right;
margin: 15px 0 0 0; 
font-size: 1em; 
min-height:300px;
}

.anterior_siguiente {
float:left;
border: 1px solid #999; 
padding:5px; 
margin:20px 12px 0 0; 
font-size:1.1em; 
font-weight: bold;
}
.anterior_siguiente a {text-decoration: none;}

/* Page: contacto */
#contact { margin: 10px 0; }
#contact p {padding:5px 0;}
.correo {
display: block;
margin: 10px 10px 10px -50px;	
text-align: center;
color:#000;
font-size: 1.5em;
font-weight: bold;
}

.contact_info { 
float:left;
margin-left:120px;
color:#000;	
}

.contact_info p {
line-height:0.8em;
}

/* -----------------------------------------------  *
 * 		=HD Navegacion								*
 * -----------------------------------------------  */
#nav { 
background-color:#000; 
border-top:1px solid #FF66CC; 
border-bottom:1px solid #FF66CC; 
margin:0 auto; 
padding:10px; 
text-align:center; 
}

#nav li { 
color: #fff;
display: inline; 
font-size: 0.95em; 
font-weight: bold; 
padding: 5px; 
}

#nav a { color: #fff; text-decoration: none; }
#nav a:hover { color: #FF0084; padding: 5px 0 5px 0; }
#nav .active a { color: #FF0084; }

/* Element: Navegacion Cuenta */
#tabnav {
border-bottom: 1px solid #999;
margin: 3px 0;
padding: 0 0 25px 10px;
margin-bottom: 15px;
}

#tabnav ul, #tabnav li { 
display: inline; 
list-style-type: none; 
margin: 0; 
padding: 0;
}	

#tabnav a { 
background:#ddd; 
border:1px solid #999; 
color:#666; 
float:left; 
font-size:12px;
margin-right:8px; 
padding:5px 10px 5px 10px; 
text-decoration:none;
}

#tabnav .active a { background: #fff; border-bottom: 1px solid #fff; color:#333; }
#tabnav a:hover { color:#000; }


/* -----------------------------------------------  *
 * 		=HD Tablas									*
 * -----------------------------------------------  */
/* Element: tallas producto */
.tabla_tallas { 
margin-left: 0; 
margin-bottom: 40px; 
margin-right: 0; 
margin-top: 25px; 
float: left; 
border: 1px solid #CCC; 
padding:5px; 
}

.tabla_tallas tr td a {
text-decoration: none; 
font-size: 0.9em; 
padding: 1px;
}

.tabla_tallas tr td a:hover {
background-color:#C3C3C3; 
color: #FFF;
}

.tabla_tallas_precio { 
font-size: 2.5em; 
font-weight: bold; 
color:#FFF; 
background-color:#C3C3C3; 
padding:10px; 
margin:5px;
}

.tabla_tallas_talla { 
font-size: 1.2em; 
font-weight: bold; 
color:#777; 
border: 1px solid #aaa;
padding:5px; 
}

.tabla_tallas_info { font-size: 0.9em; }

/* Element: Carro de la compra */
.show_cart th { 
padding: 5px; 
border: 0; 
font-weight: bold; 
color:#000; 
}

.show_cart input[type=submit] {
margin: 0;
font-size: 1em;
float: right;
}

.odd { background-color:#C6E2FF; }
.even { background-color:#F0FFFF; }

.total {
background-color:#eee;
color:#000; 
font-size: 1.3em;}

.total td { 
text-align: right; 
padding-right:10px;
}

/* Generico */
th {
background-color: #e2e2e2;
text-align: center;
padding:1px 4px;
}

table tr td {
padding:4px 4px;

text-align: center;
}

/* -----------------------------------------------  *
 * 		=HD Notices & Errores						*
 * -----------------------------------------------  */
#flashMessage, .error, .error_message {
color:#900;
font-size: 16px;
background-color: #fff;
margin: 8px 0px;
font-weight: bold;
}
.error_message {
clear: both;
}
.error em {
font-size: 18px;
color: #003d4c;
}
.notice {
color: #656565;
font-size: 14px;
background-color: #f4f4f4;
padding: 0.5em;
margin: 1em 0;
display:block;
}
.tip {
color: #666;
background-color: #ffff99;
font-weight: bold;
font-size: 13px;
padding: 5px;
}
.nota {
color: #000;
font-size: 22px;
font-weight: bold;
padding:2px 0 5px 0;
}
.carro {
font-size: 1.05em;
padding-top: 3px;
}

.small {
display: block;
font-size: 1em;
font-weight: bold;
padding:5px 2px 2px 0;
background-color:#f4f4f4;
}

/* -----------------------------------------------  *
 * 		=HD Forms									*
 * -----------------------------------------------  */
fieldset {	
border: none;
padding-right: 20px;
padding-left: 10px;
border-top: 1px solid #ccc;
}

legend {
margin: 10px 0;
padding: 0 5px;
color: #FF69B4;
background: transparent;
font-size: 1.3em;
font-weight: bold;
}

form {
margin-top: .5em;
float: left;
padding-right: 50px;
}

form div{
vertical-align: text-top;
margin-left: 1em;
margin-bottom:2em;
}

form div.date{
margin-left: 0em;
}

label {
display: block;
float:left;
width: 140px;
font-size: 11px;
padding-right: 20px;
padding-bottom: 5px;
}

input, textarea{
clear: both;
display:block;
font-size: 12px;
font-family: inherit;
border: 1px solid #000;
padding: 2px;
background-color: #eee;
}

input[type=hidden] { clear: both; display:block; border:0px; padding:0px; }
input[type=checkbox] { float: left; clear: left; margin: 2px 6px 7px 2px; }
input[type=submit] { font-size: 14px; display: block; vertical-align: bottom; margin-top: 25px; }

/** **/

ol {
padding-left:20px;
}
ol li {
padding-top:20px;
}