/*general*/
*{margin:0px; padding:0px;}
body {font:80% Arial, Helvetica, sans-serif; color:#333;}
.clear{
	clear:both;
	margin:0px;
	padding:0px;
	height:1px;
}
img{border:none;}
a{color:#9D7DDF; text-decoration:none;}
a:hover{text-decoration:underline;}
p{line-height:140%; margin-bottom:18px;}
h4{font-size:1.2em; margin-top:20px; margin-bottom:0.5em; color:#D12D44;}
h2{font-size:1.5em; color:#9D7DDF;}
h3{font-size:1.3em; margin-bottom:18px;}
h4.p{padding-top:8px; color:#D12D44; border-top:1px dotted #999;}
hr{border:0px; background-color:#FFAF37; color:#FFAF37; height:1px;}
h1.logo{
	background:url("images/marca.gif") no-repeat scroll 20px 20px;
	float:left;
}
h1.logo a{
	display:block;
	width:331px;
	height:82px;
}
h1.logo a span{
	display:none;
}
h2.title{background:url("images/hoja.jpg") left no-repeat; padding-left:27px; margin-bottom:10px;}
#marco{min-width:1000px; overflow:hidden;}
#content{padding:20px 20px 20px 20px; min-height:350px;}
#content li{
	line-height:1.4em;
    margin:0 0 8px 20px;
}
/*head*/
#header{height:120px; background-color:#C0DF00; border-bottom:1px solid #91AA00; clear:both;}
#header img.logo{margin-top:10px; margin-left:100px; float:left;}
#header img.nube{position:relative;	right:-340px;}
/*menu*/
#menu{float:right; text-align:right; font-family:"Comic Sans MS";}
#menu ul{list-style:none;}
#menu ul li{float:left; width:120px; background:url("images/back_menu_n.gif") center no-repeat; margin:0 10px 0 0;}
body#default #menu ul li.home{float:left; width:120px; background:url("images/back_menu.gif") center no-repeat;}
body#bolsa #menu ul li.bolsa{float:left; width:120px; background:url("images/back_menu.gif") center no-repeat;}
body#contacto #menu ul li.contacto{float:left; width:120px; background:url("images/back_menu.gif") center no-repeat;}
body#pedidos #menu ul li.pedidos{float:left; width:120px; background:url("images/back_menu.gif") center no-repeat;}
body#admin #menu ul li.admin{float:left; width:120px; background:url("images/back_menu.gif") center no-repeat;}
#menu ul li a{display:block; padding:66px 0px 2px 0px; text-align:center; text-decoration:none; color:#ffffff; font-size:1.2em; font-weight:bolder;}
/*pagina principal*/
#left{margin:-20px; padding-left:20px; width:280px; background:url("images/back_left.jpg") no-repeat scroll left top; float:left;}
#left #text{margin:0px; width:270px;}
#left h4{font-style:italic;}
#right{margin-top:-20px; margin-left:282px; padding-left:20px;}
#right img.nube2{margin-left:200px;}
/*pagina de contacto*/
#left_c{padding-bottom:20px; width:59%; float:left;}
#right_c{background:url(images/back_bag.gif) left no-repeat; margin-top:-20px; width:38%; height:400px;float:right;}
#right_c .contact{ margin-top:160px; margin-left:15px;}
#right_c .contact a{ text-decoration:none; color:#9D7DDF;}
#right_c .contact a:hover{text-decoration:underline;}
#s_form{padding:20px 40px 10px 0px; margin-bottom:20px; font-weight:bold; text-align:left;}
#s_form .form span.label{float:left; margin-right:20px; text-align:left; width:80px;}
#s_form label.error{margin-left:10px; display:inline; color:#c00; font-style:italic; font-size:0.9em; font-weight:normal;}
#s_form .button{color:#fff; background:none no-repeat top left; border:none; height:23px; width:44px; cursor:pointer; text-indent: -9999px; margin:2px 0px 0px 98px; overflow:hidden; background-image:url("images/back_button.gif");}
#s_form .button:hover{background-position:0px -23px;}
#s_form input, textarea {border:1px solid #CCC; padding:0.25em;}
#s_form input:hover, input:focus, textarea:hover, textarea:focus {border-color:#FFAF37;}
/*pagina de pedidos*/
#left_pedidos{padding-bottom:50px; padding-right:35px;}
#left_pedidos ul{padding-left:1.8em;}
#right_pedidos{padding-bottom:50px; padding-top:20px;}
#p_form{font-weight:bold; text-align:left;}
#p_form .form span.label{float:left; margin-right:20px; text-align:left; width:218px;}
#p_form label.error{margin-left:10px; display:inline; font-style:italic; color:#c00; font-size:0.9em; font-weight:normal;}
#p_form input[type='text']{border:1px solid #CCC; padding:0.25em;}
#p_form .button{color:#fff; background:none no-repeat top left; border:none; height:23px; width:85px; cursor:pointer; text-indent: -9999px; margin:2px 0px 0px 236px; overflow:hidden; background-image:url("images/back_button_p.gif");}
#p_form .button_b:hover{background-position:0px -23px;}
#p_form .button_b{color:#fff; background:none no-repeat top left; border:none; height:23px; width:44px; cursor:pointer; text-indent: -9999px; margin:2px 0px 0px 4px; overflow:hidden; background-image:url("images/back_button_bp.gif");}
#p_form .button:hover{background-position:0px -23px;}
#p_form .button_p:hover{background-position:0px -23px;}
#p_form .button_p{color:#fff; background:none no-repeat top left; border:none; height:23px; width:119px; cursor:pointer; text-indent: -9999px; margin:2px 0px 0px 4px; overflow:hidden; background-image:url("images/back_button_p_f.gif");}
#p_form input:hover, input:focus, textarea:hover, textarea:focus {border-color:#FFAF37;}
/*pagina producto*/
.bolsaEkko{
	float:right;
	margin:0 0 10px 10px;
	border:1px solid #CCCCCC;
    padding:2px;
}
.bolsaEkkoH{
	margin:0 0 40px 24px;
	border:1px solid #CCCCCC;
    padding:2px;
}
/*formulario login*/
#loginForm{
	margin-top:20px;
}
#loginForm label{
	display:inline-block;
    float:left;
    text-align:left;
    width:110px;
}
#loginForm p{
	font-weight:bold; 
}
#loginForm input.button{
	margin-left:109px;
}
#loginForm input.form-input{
	border:1px solid #CCC;
	width:140px;
	padding:0.25em;
}
#loginForm input.form-input:hover, #loginForm input.form-input:focus {border-color:#FFAF37;}
/*Panel administración*/
#menu-admin li
{
	margin:0 0 0 30px;
}
/*formulario editar texto*/
#textForm p{
	font-weight:bold; 
}
/*formulario añadir foto*/
#photoForm{
	margin-top:20px;
}
#photoForm label{
	display:inline-block;
    float:left;
    text-align:left;
    width:110px;
}
#photoForm p{
	font-weight:bold; 
}
#photoForm p img{
	margin-left:110px; 
}
#photoForm input.button{
	margin-left:109px;
}
#photoForm input.form-input{
	border:1px solid #CCC;
	width:300px;
	padding:0.25em;
}
/*formulario añadir usuario*/
#userForm{
	margin-top:20px;
}
#userForm label{
	display:inline-block;
    float:left;
    text-align:left;
    width:150px;
}
#userForm p{
	font-weight:bold; 
}
#userForm input.button{
	margin-left:149px;
}
#userForm input.form-input{
	border:1px solid #CCC;
	width:140px;
	padding:0.25em;
}
/*estilos tabla fotos*/
table.fotos tr th{
	background-color:#e2e2e2;
	padding:5px;
	border:1px solid #ff8000;
}
table.fotos tr td{
	padding:5px;
	border:1px solid #ff8000;
}
.auto_table { 
width: 75%; table-layout: auto; border-collapse: collapse; 
}
/*estilos tabla usuarios*/
table.usuarios tr th{
	background-color:#e2e2e2;
	padding:5px;
	border:1px solid #ff8000;
}
table.usuarios tr td{
	padding:5px;
	border:1px solid #ff8000;
}
/*footer*/
#footer{clear:both; height:30px; text-align:center; background-color:#9D7DDF; color:#fff; padding-top:12px;}
#footer span.foot{font-family:"Comic Sans MS"; font-weight:bold; color:#C0DF00;}
#footer ul{list-style:none;}
#footer ul li{display:inline;}
#footer ul li a{text-decoration:none; color:#fff;}
#footer ul li a:hover{text-decoration:underline;}
/* MESSAGES
 * *******************************************************************************/
.error, a.error span, .validation-advice { color:#D40707 !important;}
.notice                 { color:#ea7601}
.messages{margin:0px;}
.messages ul            { border:0 !important; }
.messages li {
    min-height:23px !important;
    margin-bottom:11px !important;
    padding:8px 8px 2px 32px !important;
    font-size:.95em !important;
    font-weight:bold !important;
    list-style:none;
}
.messages ul li {
    margin:0 0 3px 0 !important;
    border:0 !important;
    padding:0 !important;
}
.error-msg {
    border:1px solid #C14646 !important;
    color:#BB0000 !important;
    background:#F7E6E6 url(images/warn.png) no-repeat 10px 10px;
}
.success-msg {
    border:1px solid #94AE6B !important;
    color:#669900 !important;
    background:#F8FCEB url(images/check.png) no-repeat 10px 10px;
}
.notice-msg {
    background:#fffbf0 url(images/note_msg_icon.gif) no-repeat 10px 10px !important;
    color:#3d6611 !important;
}

.warning-msg {
    border:1px solid #666e73 !important;
    background:#e6e6e6 url(images/warning_msg_icon.gif) no-repeat 10px 10px !important;
    color:#000000 !important;
}