html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, figure, footer, header, 
hgroup, menu, nav, section, menu,
time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
article, aside, figure, footer, header, 
hgroup, nav, section { display: block; }
nav ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
ins { background-color: #ff9; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted #000; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
input, select { vertical-align: middle; }
/* End Reset */

/* Fonts */
body { font-size: 14px; line-height: 1.3; font-family: 'Droid Sans', Helvetica, Arial, Verdana, sans-serif; }
table { font-size: inherit; font: 100%; }
select, input, textarea { font: 99% sans-serif; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }

/* Minimal base style */
body, select, input, textarea { color: #333333; }
h1,h2,h3,h4,h5,h6 { font-weight: bold; text-rendering: optimizeLegibility; }
html { -webkit-font-smoothing: antialiased; }
a:hover, a:active { outline: none; }
a, a:active, a:visited { color: #607890; text-decoration: none; -webkit-transition: all 0.2s ease-in; }
a:hover { color: #036; text-decoration: none; }
ul { margin-left: 15px; margin-bottom: 15px; }
ol { margin-left: 15px; list-style-type: decimal; }
small { font-size: 85%; }
strong, th { font-weight: bold; }
td, td img { vertical-align: top; }
sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; *vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
label, input[type=button], input[type=submit], button { cursor: pointer; }
a:link { -webkit-tap-highlight-color: #FF5E99; }
button { width: auto; overflow: visible; }
.ie7 img { -ms-interpolation-mode: bicubic; }

/* Non-semantic helper clases */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
input.button,
.button { background-repeat: no-repeat; background-position: 4px 1px; background-color: #000000; border: 1px solid #111111; color: #EEEEEE; font-weight: bold; text-decoration: none; -moz-border-radius: 4px; border-radius: 4px; padding: 3px 5px 3px 5px; -webkit-transition: all 0.2s ease-in; }
input:hover.button,
a.button:hover { }

/* General Styles */
body { margin: 0px auto; -webkit-transition: all 0.5s ease-in; }
a.theme { -webkit-transition: all 0.3s ease-in; }

h1 { font-size: 180%; margin-bottom: 15px; }
h2 { font-size: 140%; margin-bottom: 15px; line-height: 1.2em; }
h3 { font-size: 130%; margin-bottom: 7px; }
h4 { font-size: 110%; margin-bottom: 5px; }
h5 { font-size: 100%; margin-bottom: 0px; }
h6 { font-size: 90%; margin-bottom: 0px; }
p { margin-bottom: 15px; }
.last { margin-right: 0px; }
.right { text-align: right; }

header,
section { width: 860px; margin: 0px auto; position: relative; }
section { padding: 30px 0px; clear: both; display: block; }
section h1 { border-bottom: 1px solid #CCCCCC; } 
section article h2 { text-align: center; }
section article h2 span { font-size: 70%; } 
article { clear: both; } 
aside { float: left; width: 260px; margin-right: 40px; display: inline-block; margin-bottom: 0px; } 
blockquote { padding: 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; text-align: center; } 

/* Header */
div.telefono { padding: 5px 8px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
div.telefono p { margin: 0px; font-size: 120%; font-weight: bold; text-align: center; }
div.telefono p span { font-size: 140%; }
header h1 { float: left; width: 300px; height: 59px; margin-top: 20px; line-height: 0; }
header h1 a { display: block; width: 300px; height: 59px; overflow: hidden; text-indent: -100em; }
header nav { float: left; width: 560px; margin-top: 40px; }
header nav ul { margin: 6px 0px 0px 0px; padding: 0px; list-style: none; }
header nav ul li { display: inline-block; float: left; } 
header nav a:link, nav a:visited, nav a:active { display: inline-block; padding: 3px 6px; margin: 5px 4px 0px 0px; background-color: #333333; color: #EEEEEE; text-decoration: none;  font-weight: bold; -webkit-border-radius: 4px; 	-moz-border-radius: 4px; border-radius: 4px;	-webkit-transition: all 0.2s ease-in; outline: none;  } 
header nav a:hover { color: #F2EDEF; background-color: #666666; } 
header nav li.active a { background-color: #000000; }

/* Home */
#home { padding: 0px 30px 10px 30px; }
#info section { padding: 20px 0px 10px 0px; }
#info section aside { margin-bottom: 0px; font-size: 100%; }
#info section aside p { margin: 0px 0px 10px 0px; }
#info section aside.last p { margin: 0px; }

/* Content */
#content { padding: 0px 30px; } 
#content a img { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";	filter: alpha(opacity=90); opacity: 0.9; -webkit-transition: all 0.2s ease-in; }
#content a:hover img { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";	filter: alpha(opacity=100); opacity: 1; }
#content img { background: transparent url('../img/img-loader.gif') no-repeat center center; width: 100%; min-height: 30px; }
#inside h1,
#inside h2,
#inside h3,
#inside h4,
#inside h5,
#inside h6,
#inside p { clear: both; } 
.align-left { float: left; width: 600px; }
.align-right { float: right; width: 600px; }
.align-center { width: 600px; margin-left: 150px; }
.post { width: 560px; }
.subtitle { font-size: 90%; margin-top: -7px; }

section#portfolio article img { width: 100%; } 

/* Blog */
section#blog article { margin-bottom: 30px; margin-bottom: 30px; border-bottom: 3px solid #CCCCCC; }
section#blog article img { width: 100%; } 

/* Contact */
label { display: none; }
input, select, textarea { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; width: 250px; max-width: 250px; font-size: 100%; padding: 5px; border: none; }
textarea { height: 150px; }
.submit { width: auto; font-weight: bold; -webkit-transition: all 0.2s ease-in; }
form div { margin-bottom: 5px; }

/* Footer */
#footer { padding: 15px 30px; min-height: 57px; font-size: 90%; }
footer { width: 860px; margin: 0px auto; }
footer p { margin: 0px; }
footer h3 { font-size: 140%; }
footer h6 { display: inline-block; margin: 0px 5px 0px 0px; }
footer img { width: auto; }
footer a img { margin-left: 20px; }
div.top { display: block; clear: both; padding: 0px 10px 20px 10px; text-align: center; }
div.top a { display: block; background: transparent url('../img/ico-top.png') center center no-repeat; text-indent: -1000em; overflow: hidden; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";	filter: alpha(opacity=30); opacity: 0.3; -webkit-transition: all 0.3s ease-in; }
div.top a:hover { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";	filter: alpha(opacity=100); opacity: 1; }

/* Theme */
body.clean { color: #F3F3F3; background-color: #F3F3F3; }
body.clean a,
body.clean a:active,
body.clean a:visited { color: #D7DE27; font-weight: bold; }
body.clean a:hover { color: #28A8E0; }
body.clean a.button { background-color: #28A8E0; border: none; color: #222C59; }
body.clean a.button:hover { background-color: #D7DE27; border: none; color: #222C59; text-decoration: none; }
body.clean header nav a:link, 
body.clean nav a:visited,
body.clean nav a:active { background-color: transparent; color: #222C59; } 
body.clean header nav a:hover { background-color: #E5E5E5; color: #28A8E0; } 
body.clean header nav li.active a { background-color: transparent; color: #28A8E0; }
body.clean header h1 a { background: transparent url('../img/logo-akros.png') top left no-repeat; }
body.clean hr { border-color: #0F1838; }
body.clean div.telefono { background-color: #D7DE27; color: #222C59; }
body.clean #home { background: #F3F3F3; }
body.clean #info { background: #28A8E0; color: #222C59; }
body.clean #info a { color: #222C59; }
body.clean #content { background: #222C59; border-bottom: 10px solid #28A8E0; }
body.clean #content img { border-bottom: 3px solid #28A8E0; }
body.clean section#blog article { border-bottom: 3px solid #CCCCCC; }
body.clean section h1 { color: #28A8E0; border-bottom: 1px solid #28A8E0; }
body.clean section h3 { color: #D7DE27; } 
body.clean blockquote { background-color: #0F1838; color: #F3F3F3; font-size: 90%; }
body.clean blockquote h3 { color: #F3F3F3; } 
body.clean blockquote h3 span { font-size: 120%; } 
body.clean #info p.horarios { margin: 10px 0px 0px 0px; font-size: 80%; text-align: center; } 
body.clean input,
body.clean textarea,
body.clean select { color: #333333; }
body.clean .submit { background-color: #D7DE27; border: none; color: #222C59; }
body.clean .submit:hover { background-color: #28A8E0; border: none; color: #222C59; text-decoration: none; }
body.clean #footer { background-color: #F3F3F3; color: #222C59; }
body.clean footer hr { border-top: 1px solid #CCCCCC; }

/* Huge screens */
@media screen and (min-width: 1224px){ 
}
 
/* iPad and Desktops */
@media only screen and (max-width: 899px) {
}
 
/* iPad in landscape mode (768px) */
@media only screen and (device-width: 768px) and (orientation: landscape) {
}

/* iPhone, Androind and other phones */
@media only screen and (max-width: 767px) {
  #content { width: 300px; }
}

/* Overrides for iPhone 4 and other high device-pixel-ratio devices 
---------------------------------------------------------------- */
@media
	only screen and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (min-device-pixel-ratio: 1.5) {
}

/* Prevent iOS, WinMobile from adjusting font size */
html { -webkit-text-size-adjust: none; -ms-text-size-adjust: none; }

/* Print Styles */
@media print {
	* { background: transparent !important; color: #444 !important; text-shadow: none; }
	a, a:visited { color: #444 !important; text-decoration: underline; }
	.ir a:after { content: ""; }
	a:after { content: " (" attr(href) ")"; }
	abbr:after { content: " (" attr(title) ")"; }
	pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
	img { page-break-inside: avoid; }
	  @page { margin: 0.5cm; }
	p, h2, h3 { orphans: 3; widows: 3; }
	h2, h3 { page-break-after: avoid; }
}