/*
Theme Name: Mezlan Cobbler Service
Theme URI: http://mezlancobblerservice.com
Description: Template de XelaWeb para Mezlan Cobbler Service
Author: XelaWeb
Author URI: http://xelaweb.com
version: 1.0
Tags: mezlan cobbler shoes, bacco bucci, mezlan
*/

/***************************** CSS ESTATICO *************************************/

.cart-additional td { font-size: 11px; padding: 0 10px;}

.small-details { font-size: 11px; }

.more-data label { margin: 0; padding: 0; }

.more-data td {padding: 0;}

input[type=text].detalles {
	width: 110px;
	font-size: 11px;
}

input[type=text].size {
	width: 30px;
	font-size: 11px;
}

input[type=text].color {
	width: 80px;
	font-size: 11px;
}

* { 
	margin: 0;
	padding: 0;
}

p { margin: 12px 0; line-height: 150%;}

body { 
	background-image: url(../img/bkgclarosmall.jpg);
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #30130C;
	font-size: 14px;
}

ul{
	padding:10px;
}
li{
	margin:0 0 0 20px;
}

h1,h2 {
	color: #A75207;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 28px;
}

h2 { font-size: 24px;}

.centrador {
	width: 870px;
	margin: 0 auto;
	position: relative;
}

.topHeader {
	background-image:url(../img/bkgcafe.jpg);
	height: 453px;
	background-position: top center;
	background-repeat: repeat-x;
}

.header {
	position: relative;
	height: 240px;
}

.logo {
	position: absolute; 
	top: 30px;
	width: 360px;
	height: 60px;
}

.navegaciontop {
	position: absolute;
	top: 30px;
	right: 10px;
}

.navegaciontop a,.navegaciontop div {
	color: #A75207;
	text-decoration: none;
	display: block;
	float: left;
	padding: 0 10px;
	font-size: 10px;
}

.navegacion {
	background-image: url(../img/navegacion.png);
	width: 461px;
	height: 31px;
	position: absolute;
	right: 0;
	top: 45px;
	padding: 12px 10px 0 10px;
}

.navegacion li {
	display:block;
	float:left;
	padding: 0 3px;
}

.navegacion a {
	display: block;
	float: left;
	color: #FFF;
	text-decoration: none;
	font-size: 14px;
	margin:0;
	outline:none;
}

.navegacion a:hover,.navegacion li.current_page_item a {
	color: #C76305;
}

.restore {
	/*background-image: url(../img/restore.png);*/
	background-image:url(../img/logo-mezlan2.png);
	width: 404px; 
	height: 92px;
	position: absolute;
	top: 150px;
	overflow: hidden;
	text-indent: -10000px;
}

.textura {
	background-image: url(../img/top-textura.jpg);
	background-repeat: no-repeat;
}

.infoheader {
	color: #30130C;
	font-size: 14px;
	position: absolute;
	width: 360px;
	height: 150px;
	left: 30px;
	top: 25px;
}

.zapatos-top {
	width: 536px;
	height: 277px;
	position: absolute;
	top: 100px;
	right: -100px;
}

.brochure {
	position: absolute;
	top: 370px;
	right: 195px;
}

.cart {
	position: absolute;
	top: 368px;
	right: 25px;
}

.services {
	/*background-image: url(../img/services/bkg.png);*/
	height: 780px;
	width: 345px;
	float:right;
	position: relative;
	right: -8px;
	margin-top: 160px;
	background-color: #30130C;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
	border-radius: 5px;
}

.service {
	 margin-left: 40px;
	 font-size: 10px;
	 color: #C66305;
}

.service a	{ color: #C66305; text-decoration: none;}

.service a:hover { text-decoration: none;}

.service img { border: none;}

.title-services {
	padding-top:30px;
	padding-left:30px;
	padding-bottom: 20px;
	/*position:absolute;
	top: 20px;
	left: 20px;*/
}

.cuerpo {
	background-image: url(../img/body.png);
}

.cuerpo-padding {
	padding: 20px 0 40px 40px;
}

.footer {
	background-image: url(../img/footer.png);
	background-repeat: no-repeat;
	padding-top: 30px;	
	font-size: 10px;
	position: relative;
	height: 30px;
}

.linksfooter { position: absolute; top: 18px; left:0; }

.linksfooter ul {padding: 0; margin: 0;}
.linksfooter li {list-style: none; float: left; display: block; }

.linksfooter  a{ color: #30130C; text-decoration: none; padding: 0 5px; float: left; display:block; }

.xelaweb { position: absolute; right: 0; top: 18px; padding-right: 20px;}
.xelaweb a { color: #E5D690; text-decoration: none;}
.xelaweb img {border: none; }


/*************************************** USERS ******************************************/

.customer {
	padding: 20px 0;
	font-size: 13px;
	border-bottom: 1px solid #A75207;
}

.customer .name {
	float: left;
	width: 200px;
}

.customer .address {
	font-size: 10px;
	padding-top: 10px;
}

.customer .orders {
	width: 250px;
	float: left;
}

.customer .order {
	padding-top: 5px;
}


/********************************** OVERLAY ********************************************/

/* the overlayed element */ 
.simple_overlay { 
     
    /* must be initially hidden */ 
    display:none; 
     
    /* place overlay on top of other elements */ 
    z-index:10000; 
     
    /* styling */ 
 
	
    background-color:#30130C;  
    width:580px;
	min-height: 200px;
   color: #EED6A5;
   padding: 40px;
     
    /* CSS3 styling forlatest browsers */ 
    -moz-box-shadow:0 0 90px 5px #000; 
    -webkit-box-shadow: 0 0 90px #000;     
	clear:both;
} 

.simple_overlay h2 {
	color: #fff;
}

.simpley_overlay ul {
	margin: 0; padding: 0;
}

.simple_overlay li {
	list-style: none;
	padding: 5px 10px;
	margin: 0;
}

.simple_overlay .separator {
	margin-top: 10px;
	border-top: 1px solid #451B10;
	padding-top: 10px;
}

.simple_overlay div.name {
	float: left;
	width: 300px;
	padding: 3px 0;
}

.simple_overlay div.price {
	float: left;
	color: #E0BB63;
	width: 80px;
	padding: 3px 0;
}

/* close button positioned on upper right corner */ 
.simple_overlay .close { 
    background-image:url(../img/close.png); 
    position:absolute; 
    right:-15px; 
    top:-15px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
}

/* styling for elements inside overlay */ 
.details { 
    position:absolute; 
    top:15px; 
    right:15px; 
    font-size:11px; 
    color:#fff; 
    width:150px; 
} 
 
.details h3 { 
    color:#aba; 
    font-size:15px; 
    margin:0 0 -10px 0; 
}


.small { font-size: 10px; }

object { outline:none; }
	
h1 {font-size: 18pt; margin-top: 30px;}
h2 {font-size: 14pt; margin-top: 15px;}
h3 {font-size: 10pt; margin-top: 15px; color: #761703;}
.titulo-rojo {color: #761703;}
h4 {font-size: 9pt; margin-top: 15px;}

.services-text { width: 290px; float: left; }
.services-price { width: 50px; float: left; }
.services-list { padding: 20px 0 10px 0;}
.services-list li { list-style: none; }


img{ border: none; padding:0; }
img a{border:none;}

img.left{ float: left; border: none; padding: 6px 0 0 0; }
img.right{ float: right; border: none; padding: 0 0 0 6px; }

blockquote{
	border-left:1px solid #A5ABAB;
	margin:15px;
	padding:0 12px 0 12px;
	}

code{
	font-family:"Courier New", Courier, monospace;
	}


/* links */

a{
	color: #333;
	}



/* content */


#content {
	float:left;
	width:450px;;
	overflow: hidden;
	}


/* misc */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}





/*------------------------------------------------------------------
FORMS, INPUTS y LABELS
--------------------------------------------------------------------*/

label {
	display: block;
	padding: 15px 0 5px 0;
	font-size: 14px;
}

input[type=text],textarea,input[type=password] {
	border: 1px solid #30130C;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 5px;
	font-size: 14px;
	width: 90%;
}

input[type=submit] {
	margin: 15px 0;
	font-size: 16px;
}

/*------------------------------------------------------------------
FIN FORMS, INPUTS y LABELS
--------------------------------------------------------------------*/	

/*------------------------------------------------------------------
TABLES, TRS Y TDS
--------------------------------------------------------------------*/

table {
	width: 100%;
	margin: 0 0 20px 0;
}

table th {
	padding: 10px;
	font-size: 14px;
	border-bottom: 1px solid #ccc;
}

table td {
	padding: 10px 10px 0 10px;
	font-size: 13px;
}

/*------------------------------------------------------------------
FIN TABLES, TRS Y TDS
--------------------------------------------------------------------*/	
	
/* --------------------------------------------------------------------
    cake 
-----------------------------------------------------------------------*/

.cake-sql-log { clear: both;}

.cake-sql-log td {
	padding: 10px;
	font-size: 14px;
}

/* Notices and Errors */
div.message {
	clear: both;
	color: #900;
	font-size: 100%;
	font-weight: bold;
	margin: 10px 0 0 0;
}
div.error-message {
	clear: both;
	color: #900;
	font-weight: bold;
}
p.error {
	background-color: #e32;
	color: #fff;
	font-family: Courier, monospace;
	font-size: 120%;
	line-height: 140%;
	padding: 0.8em;
	margin: 1em 0;
}
p.error em {
	color: #000;
	font-weight: normal;
	line-height: 140%;
}
.notice {
	background: #ffcc00;
	color: #000;
	display: block;
	font-family: Courier, monospace;
	font-size: 120%;
	line-height: 140%;
	padding: 0.8em;
	margin: 1em 0;
}
.success {
	background: green;
	color: #fff;
}

/*  Actions  */
div.actions ul {
	margin: 0px 0;
	padding: 0;
}
div.actions li {
	display: inline;
	list-style-type: none;
	line-height: 2em;
	margin: 0 2em 0 0;
	white-space: nowrap;
}
div.actions ul li a {
	background:#fff;
	color: #003d4c;
	text-decoration: none;
}
div.actions ul li a:hover {
	color: #333;
	text-decoration: underline;
}

/* Related */
div.related {
	clear: both;
	display: block;
}

/* Debugging */
pre {
	color: #000;
	background: #f0f0f0;
	padding: 1em;
}
pre.cake-debug {
	background: #ffcc00;
	font-size: 120%;
	line-height: 140%;
	margin-top: 1em;
	overflow: auto;
	position: relative;
}
div.cake-stack-trace {
	background: #fff;
	border: 4px dotted #ffcc00;
	color: #333;
	margin: 0px;
	padding: 6px;
	font-size: 120%;
	line-height: 140%;
	overflow: auto;
	position: relative;
}
div.cake-code-dump pre {
	position: relative;
	overflow: auto;
}
div.cake-stack-trace pre, div.cake-code-dump pre {
	color: #000;
	background-color: #F0F0F0;
	margin: 0px;
	padding: 1em;
	overflow: auto;
}
div.cake-code-dump pre, div.cake-code-dump pre code {
	clear: both;
	font-size: 12px;
	line-height: 15px;
	margin: 4px 2px;
	padding: 4px;
	overflow: auto;
}
div.cake-code-dump span.code-highlight {
	background-color: #ff0;
	padding: 4px;
}
div.code-coverage-results div.code-line {
	padding-left:5px;
	display:block;
	margin-left:10px;
}
div.code-coverage-results div.uncovered span.content {
	background:#ecc;
}
div.code-coverage-results div.covered span.content {
	background:#cec;
}
div.code-coverage-results div.ignored span.content {
	color:#aaa;
}
div.code-coverage-results span.line-num {
	color:#666;
	display:block;
	float:left;
	width:20px;
	text-align:right;
	margin-right:5px;
}
div.code-coverage-results span.line-num strong {
	color:#666;
}
div.code-coverage-results div.start {
	border:1px solid #aaa;
	border-width:1px 1px 0px 1px;
	margin-top:30px;
	padding-top:5px;

}
div.code-coverage-results div.end {
	border:1px solid #aaa;
	border-width:0px 1px 1px 1px;
	margin-bottom:30px;
	padding-bottom:5px;
}
div.code-coverage-results div.realstart {
	margin-top:0px;
}
div.code-coverage-results p.note {
	color:#bbb;
	padding:5px;
	margin:5px 0 10px;
	font-size:10px;
}
div.code-coverage-results span.result-bad {
	color: #a00;
}
div.code-coverage-results span.result-ok {
	color: #fa0;
}
div.code-coverage-results span.result-good {
	color: #0a0;
}