/*
Theme Name: Titanium Folio
Description: Professional Showcase Theme
Author: Marius Pop
Version: 1.0
*/

/* =Reset default browser CSS.
-------------------------------------------------------------- */
/* Formulario Index-Login */
.form_index{
	border:2px solid #ccc;
}
.form_index,.form_index-selected{
	padding-left:2px;
	width:125px;
}
.form_index-selected{
	border: 2px solid #3D598B;
}
/* propiedades input*/
input{
	height:15px;
	line-height: 22px; /*consigo tener un input de 22px de alto con el texto perfectamente alneado al medio*/
	font-size: 12px;
	color: #666
}

/* End form */
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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
html	{
	overflow-y: scroll;
	overflow-x: hidden;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a img { border: none; }
input[type="text"],
textarea	{
	border:none;
}

/* =Fonts
-------------------------------------------------------------- */
body,
input,
textarea,
.page-title span,
.pingback a.url {
	font-family: Verdana, Helvetica, sans-serif;
}

h3#comments-title,
h3#reply-title,
#access .menu,
#access div.menu ul,
#cancel-comment-reply-link,
.form-allowed-tags,
#site-info,
#site-title,
#wp-calendar,
.comment-meta,
.comment-body tr th,
.comment-body thead th,
.entry-content label,
.entry-content tr th,
.entry-content thead th,
.entry-meta,
.entry-title,
.entry-utility,
#respond label,
.navigation,
.page-title,
.pingback p,
.reply,
.widget-title,
.wp-caption-text,
{
	font-family:  Verdana, Helvetica, sans-serif;
}

.normal-font	{font-family:  Verdana, Helvetica, sans-serif;}

blockquote	{font-size:14px;}

pre {
	font:Consolas,"Courier New",Courier,monospace;
	line-height:18px;
	font-size:13px;
	padding:18px 5px;
}
code {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	padding:1px 3px;
	margin-bottom:15px;
	display:inline-block;
}

/* =Global Elements
-------------------------------------------------------------- */
body,
input,
textarea {
	color: #666;
	font-size: 12px;
	line-height: 18px;
}

.floatLeft	{float:left;}
.floatRight	{float:right;}

.clearfloat	{clear: both; height: 0px; font-size: 1px;}


hr {
	border:0;
	height: 1px;
	margin-bottom: 18px;
	clear:both;
}

/* Text elements */
p {	margin-bottom: 18px;}
h1, h2, h3, h4, h5, h6 {font-weight: normal; clear: both;}

h1	{font-size:80px;}
h2	{font-size:30px;}
h3	{font-size:25px;}
h4	{font-size:20px;}
h5	{font-size:18px;}
h6	{font-size:16px;}

ul {
	list-style: square;
	margin: 0 0 18px 1.5em;
}
ol {
	list-style: decimal;
	margin: 0 0 18px 1.5em;
}
ol ol {
	list-style:upper-alpha;
}
ol ol ol {
	list-style:lower-roman;
}
ol ol ol ol {
	list-style:lower-alpha;
}
ul ul,
ol ol,
ul ol,
ol ul {
	margin-bottom:0;
}
dl {
	margin:0 0 24px 0;
}
dt {
	font-weight: bold;
}
dd {
	margin-bottom: 18px;
}
strong {
	font-weight: bold;
}
cite,
em,
i {
	font-style: italic;
}
big {
	font-size: 131.25%;
}
ins {
	text-decoration: none;
}
blockquote {
	quotes: none;
	font-style:italic;
	margin:0 0 18px 4px;
	padding:0 16px;
}
blockquote cite,
blockquote em,
blockquote i {
	font-style: normal;
}

abbr,
acronym {
	cursor: help;
}

sup,
sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	position: relative;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
input[type="text"],
textarea {
	padding: 5px;
}

/* Text meant only for screen readers */
.screen-reader-text {
	position: absolute;
	left: -9000px;
}

/* Bulleted lists */
.bullet-check li,
.bullet-gray li,
.bullet-silver li,
.bullet-blue li,
.bullet-green li,
.bullet-orange li,
.bullet-red li,
.bullet-disc-gray li,
.bullet-disc-silver li,
.bullet-disc-blue li,
.bullet-disc-green li,
.bullet-disc-orange li,
.bullet-disc-red li
 {
	list-style-type:none;
	padding-left:20px;
}

/* Numbered lists */
ol.number-pad	{
	padding:3px 5px 5px 32px;
}
ol.number-pad li	{
	padding-left:10px;
}
ol	{padding-left:32px;}
ol	li	{padding-left:10px;}

/* Table style
-------------------------------------------------------------- */
#tableLayout {font-size:12px;padding:25px 0}
#tableLayout th.tableColumn,#tableLayout td.tableItem,#tableLayout td.tableOdd,#tableLayout td.tableEven
	{border-style:solid;border-width:1px 1px 0;text-align:center;}
#tableLayout th .th_title {font-size:20px;margin-top:11px;margin-bottom:0px; display:block;}
#tableLayout .tableColumn	a	{display:block; font-size:11px; margin-bottom:5px;}
#tableLayout .tableItem {padding:15px 0;width:200px}
#tableLayout td {width:150px}

/* =Structure
-------------------------------------------------------------- */
	/* Header
	-------------------------------------------------------------- */
	#header {
		height:91px;
	}
	
	.header-content	{
		margin:0 auto;
		width:980px;
		position:relative;
	}
	
	.logo	{
		float:left;
	}
	
	#site-title {
		float: left;
		margin: 0 0 18px 0;
		width: 700px;
		font-size: 30px;
		line-height: 36px;
	}
	
	#site-description {
		clear: right;
		float: right;
		font-style: italic;
		margin: 14px 0 18px 0;
		width: 220px;
	}
	
	.buy_theme	{
		position:absolute;
		top:92px;
		z-index:10;
	}
	
	/* The main theme structure */
	#wrapper {
		margin: 0 auto;
		width: 980px;
		position:relative;
	}
	.page_contentMetodo	{
		width:940px;
		height:549px;
		padding:20px 0 0 100px ;
	}
	.page_contentFacial	{
		width:940px;
		height:549px;
		padding:20px 0 0 100px ;
	}
	.page_contentCorporales	{
		width:940px;
		height:549px;
		padding:20px 0 0 100px ;
	}
	.page_contentContacto {
		width:940px;
		height:549px;
		padding:20px 0 0 100px ;
	}
	.page_contentDepilacion {
		width:940px;
		height:549px;
		padding:20px 0 0 100px ;
	}
	.page_contentOtros {
		width:940px;
		height:549px;
		padding:20px 0 0 100px ;
	}
	.page_contentApar {
		width:940px;
		height:549px;
		padding:20px 0 0 100px ;
	}

	.page_content	{
		width:940px;
		padding:20px 0 0 100px ;
	}
	
	/* Layout columns
	-------------------------------------------------------------- */
	.col1, .col2, .col3, .col4, .col32 { display:inline; float:left; position:relative; margin:0 10px; overflow:hidden; padding-bottom:20px }
	.col1 { width:940px }
	.col2 { width:450px }
	.col32 { width:610px }
	.col3 { width:290px }
	.col4 { width:215px }
	

	
	/* Page header
	-------------------------------------------------------------- */
	.page_headerMetodo	{
		position:relative;
		width:980px;
		height:45px;
		margin-top:35px;
		margin-bottom:10px;
	}
	.page_headerFacial	{
		position:relative;
		width:980px;
		height:45px;
		margin-top:35px;
		margin-bottom:10px;
	}
	.page_headerCorporales	{
		position:relative;
		width:980px;
		height:45px;
		margin-top:35px;
		margin-bottom:10px;
	}
	.page_headerContacto	{
		position:relative;
		width:980px;
		height:45px;
		margin-top:35px;
		margin-bottom:10px;
	}
	.page_headerDepilacion	{
		position:relative;
		width:980px;
		height:45px;
		margin-top:35px;
		margin-bottom:10px;
	}
	.page_headerOtros	{
		position:relative;
		width:980px;
		height:45px;
		margin-top:35px;
		margin-bottom:10px;
	}
	.page_headerApar	{
		position:relative;
		width:980px;
		height:45px;
		margin-top:35px;
		margin-bottom:10px;
	}

	.page_header	{
		position:relative;
		width:980px;
		height:45px;
		margin-top:35px;
		margin-bottom:10px;
	}
	
	.page_header	h1	{
		font-size:40px;
		overflow:hidden;
		display:block;
		position:absolute;
		top:50px;
		left:15px;
	}
	.page_header	h2	{
		font-size:22px;
		width:250px;
		overflow:hidden;
		display:block;	
		position:absolute;
		right:15px;
		top:17px;
		text-align:right;
	}
	
	
	/* Sort nav
	-------------------------------------------------------------- */
	.sort-nav	{
		width:980px;
		height:38px;
		text-align:center;
		margin-bottom:20px;
	}
	
	.sort-nav	ul	{
		list-style-type:none;
		margin:0;
		padding:0;
		padding:10px;
	}
	
	.sort-nav	ul li	{
		display:inline-block;
		margin:0;
		padding:0;
	}
	
	.sort-nav	ul li	a	{
		font-size:22px;
		text-decoration:none;
		margin:0;
		padding:0;
		padding:0 10px;
	}

	/* Structure the footer area
	-------------------------------------------------------------- */
	#footer	{
		padding:10px;
	}
	
	#footer	.copyright	{
		float:left;
		width:300px;
	}
	#footer	.social	{
		float:right;
		width:150px;
	}
	#footer .social	ul	{
		margin:0; 
		padding:0;
		list-style-type:none;
		float:right;
	}
	#footer .social li	{
		float:left;
		margin-left:5px;	
	}

/* =Content
-------------------------------------------------------------- */

	/* Main menu
	-------------------------------------------------------------- */	

	#access .menu-header,
	div.menu {
		font-size: 20px;
		width:720px;
		position:relative;
		top:15px;
	}
	#access div.diag {
		color: #AF7F1B;
		font-size:13px; 
		font-weight: bold; 
		width:720px;
		text-align: right;
		//float: right;		
//position:relative;
		padding-top:20px;
	}
	#access .menu-header ul,
	div.menu ul {
		list-style: none;
		margin: 0;
		float:right;
	}
	#access .menu-header li,
	div.menu li {
		float:left;
		position: relative;
	}
	#access a {
		display:block;
		text-decoration:none;
		padding:0 15px;
		line-height:30px;
	}
	#access ul ul {
		display:none;
		position:absolute;
		top:38px;
		left:0;
		float:left;
		width: 180px;
		z-index: 99999;
		font-size:12px;
		text-transform:uppercase;
	}
	#access ul ul li {
		min-width: 180px;	
	}
	#access ul ul ul {
		left:100%;
		top:0;
	}
	#access ul ul a {
		height:auto;
		line-height:1em;
		padding:10px;
		width: 160px;
	}
	#access ul li:hover > ul {
		display:block;
	}	
	
	/* Homepage
	-------------------------------------------------------------- */
		/* Featured content
		-------------------------------------------------------------- */
		#loopedSlider	{
			margin-top:50px;
			position:relative;
		}
		
		.container { width:980px; height:327px; overflow:hidden; position:relative; cursor:pointer; }
		.slides { position:absolute;}
		.slides .slide { position:absolute; top:0; width:980px; display:none; }
		
		.info_slide	h1	{
			font-size:30px;
			margin:0;
			margin-bottom:10px;
		}		
		.info_slide	p	{
			font-size:14px;
		}
		
		.more_btn	{
			width:180px;
			height:46px;
			display:block;
			text-indent:-999999px;
		}
		
		.slide1, .slide2	{
			height:410px;
		}
		
		.slide3	{
			height:410px;
			width:980px;
			position:relative;
		}
		
		.slide1 .content_slide	{
			float:left;
			margin:21px 0 0 6px;
		}
		.slide1 .info_slide	{
			float:right;
			width:300px;
			margin:20px 10px 0 0;
		}
		
		.slide2 .content_slide	{
			float:right;
			margin:21px 39px 0 0px;
		}
		.slide2 .info_slide	{
			float:left;
			width:300px;
			margin:20px 10px 0 0;
		}
		
		.slide3 .content_slide	{
			margin:20px 0px 0 37px;
		}
		.slide3 .info_slide	{
			width:600px;
			margin-top:25px;
			position:absolute;
			right:0;
		}
		.slide3 .info_slide	h1	{
			position:absolute;
			right:250px;
			width:730px;
			overflow:hidden;
		}
		.slide3 .info_slide	p	{
			position:absolute;
			right:250px;
			width:730px;
			top:30px;
			overflow:hidden;
		}
		
		.slide3 .info_slide .more_btn	{
			position:absolute;
			right:0;
		}
		
		.slider-nav	{
			position:absolute;
			top:-28px;
			right:0;
		}
		
		ul.pagination { list-style-type:none; margin:0; padding:0; margin-right:50px;}
		ul.pagination li { float:left; }	
		ul.pagination a { 
			display:block; 
			width:22px;
			height:22px;	
			text-indent:-999999px;
			outline:none;
		}
		.previous { 
			position:absolute; 
			right:20px;
			display:block; 
			width:22px; height:22px;
			text-indent:-999999px;
			outline:none;
		}		
		.next { 
			position:absolute; 
			right:0;
			display:block; 
			width:22px; height:22px; 
			text-indent:-999999px;
			outline:none;
		}
		/* 3D slider */
		#piecemaker	{
			margin-top:60px;
		}
		
		/* Homepage content
		-------------------------------------------------------------- */		
		#home-content	{
			padding-top:20px;
			margin-top:20px;
		}
		#home-content .item1, #home-content .item2, #home-content .item3	{
			margin-bottom:15px;
			width:285px;
			padding-left:20px;
		}
		#home-content	p	{
			margin-bottom:0px;
		}
				
			
.diagnostico{
color: #AF7F1B;
float:right;
font-size:13px; 
font-weight: bold; 
margin-top:20px; 
margin-right: 15px;
}