@charset "utf-8";

/*
THEME NAME: Domain
THEME URI: http://domain.gr/
DESCRIPTION: 
VERSION: 0.1
AUTHOR: NeoWeb
AUTHOR URI: http://neoweb.gr/
TAGS: InneT CMS, NeoWeb, Inventics S.A.
*/


* { margin: 0; padding: 0; font-size: 1em; outline: none; }
.clear {clear: both; height: 0px;}
.no_margin {margin-right: 0px !important;}
a, img, a img, iframe, form, fieldset, abbr, acronym, object, applet { border: none; }

/* =Global Elements
-------------------------------------------------------------- */

body, input, textarea {font-size:62.5%;line-height: 1.5em;}

h1, h2, h3, h4, h5, h6 {font-family: 'Open Sans', Microsoft Sans Serif, Helvetica, Arial, Verdana, sans-serif; font-style: normal; font-weight: 600; }

h1 {font-size: 18px;}
h2 {font-size: 14px;}
h3 {font-size: 12px;}
h4 {font-size: 12px;}
h5 {font-size: 12px;}
h6 {font-size: 12px;}

a:link,
a:visited {
color:#cd3c16;
text-decoration: none;
}
a:hover,
a:active {
color: #cd3c16;
text-decoration: underline;
}

.relative {position:relative !important;}


/* =Layout
-------------------------------------------------------------- */

body {
font-family: "Open Sans", Helvetica, Arial, Verdana, sans-serif;
text-align: center;
background-color: #f0f0f0;
color: #333333;
}


.wrapper {
width: 980px;
margin: 0px auto;
padding: 0px;	
position: relative;
}

/* =Header
-------------------------------------------------------------- */

header {
	padding: 0 0 14px 0;
	background-image: url(../tmp_images/backlogo_up.png);
	background-repeat: no-repeat;
	background-position: left top;
}

.logo {
float: left;
margin: 28px 0;
}

.top_banner {
	float: right;
	margin: 36px 0 0 0;
	}


nav {
	clear: both;
	background-image: url(../tmp_images/black.jpg);
	background-repeat: repeat-x;
	background-position: center;
	height: 30px;
	}

nav li a.first {border-left: solid 0px #999999;}

/* =SECTION
------------------------------------------- */
 
section {
width: 750px;
float: left;
text-align: left;
margin-right: 20px;
}

/* =Homepage Slideshow
-------------------------------------------------------------- */

#slideshow {
width: 750px;
float: left;
border: solid 0px #eeeded;
overflow: hidden;
position: relative;
margin-bottom: 14px;
}

.flexslider {
position: relative;
}

.flex-caption {
background-image: url(../tmp_images/trans.png);
background-repeat: repeat;
position: absolute;
left: 25px;
bottom: 0px;
/*height: 320px;*/
width: 660px;
padding: 20px;
text-align: left;
}


.slide_title {
font-family: 'Open Sans', Microsoft Sans Serif, Helvetica, Arial, Verdana, sans-serif; font-style: normal; font-weight: 600;
font-size: 20px;
line-height: 25px;
margin: 0 0 10px 0;
}

.slide_title a:link,
.slide_title a:visited {
color:#ffffff;
text-decoration: none;
}
.slide_title a:hover,
.slide_title a:active {
color: #ffffff;
text-decoration: underline;
}

.slide_text {
font-size: 13px;
line-height: 1.26em;
color: #ffffff;
}

.slide_text a:link,
.slide_text a:visited {
color:#bacd16;
text-decoration: none;
}
.slide_text a:hover,
.slide_text a:active {
color: #bacd16;
text-decoration: underline;
}


/* =LEFT COL
------------------------------------------- */
 
.leftcol {
width: 520px;
float: left;
text-align: left;
margin-right: 20px;
}

.hovernews {}

.block_listed_news {}

.listed_new {
	overflow: hidden;
	background-image: url(../tmp_images/divider.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	padding: 10px;
	text-align: left;
	}

.listed_photo {
	float: left;
	margin: 0 10px 0 0;
	}

.listed_photo img {
width: 150px !important;
height: auto !important;
}

.listed_date {font-weight: 600;}

.listed_title {
	font-size: 13px;
	font-weight: 600;
	margin: 0 0 10px 0;
	}

.listed_title a:link,
.listed_title a:visited {
color:#000000;
text-decoration: none;
}
.listed_title a:hover,
.listed_title a:active {
color: #cd3c16;
text-decoration: none;
}

.listed_text {
	font-size: 1.2em;
	}



#maintext .listed_text {


	font-size: 1.3em;
  line-height: 1.5em;
	}

.closed .listed_photo,
.closed .listed_date,
.closed .listed_text {display: none;}

/* =mid COL
------------------------------------------- */
 
.midcol {
width: 210px;
float: left;
text-align: left;
}

#slideshow2, #slideshow3 {
width: 210px;
overflow: hidden;
position: relative;
margin-bottom: 14px;
}

.cycle_slide { padding: 10px 0;text-align: center;	}

a.cycler_slide_photo {
	width: 150px;
	height: 120px;
	overflow: hidden;
	display: block;
	margin:0 auto 10px auto;
	}

a.cycler_slide_photo img {
	width: 150px;
	height: auto !important;
	}
	
a.cycler_slide_title {
	padding: 0 30px;
	text-align: left;
	display: block;
	font-weight: 600;
	font-size: 12px;
	}
	
a.cycler_slide_title:link,
a.cycler_slide_title:visited {
color:#000000;
text-decoration: none;
}
a.cycler_slide_title:hover,
a.cycler_slide_title:active {
color: #cd3c16;
text-decoration: none;
}


/* =Aside
------------------------------------------- */

aside {
width: 210px;
float: right;
text-align: left;
}

.block {
margin: 0 0 12px 0;
	box-shadow: 0 0px 1px 1px rgba(0,0,0,0.2);
	text-align: left;
	overflow: hidden;
}

.block.noshadow {
	box-shadow: 0 0px 0px 0px rgba(0,0,0,0);
}

.block.newsletter {}

.newsletter_text {
	background-image: url(../tmp_images/mail_icon.png);
	background-repeat: no-repeat;
	background-position: left center;
	font-weight: bold;
	font-size: 11px;
	padding: 0 0 0 45px;
	margin-bottom: 8px;
	line-height: 12px;
}

.block h2.block_title {
text-align: left;
	color: #ffffff;
	padding: 12px;
	font-size: 1.3em;

	background-image: url(../tmp_images/black.jpg);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #101010;

	}
	
.red {
	background-image: url(../tmp_images/red.jpg) !important;
	background-color: #ce0000 !important;
}

.green {
	background-image: url(../tmp_images/green.jpg) !important;
	background-position: center !important;
	background-color: #9bda6c !important;
}

.blue {
	background-image: url(../tmp_images/blue.jpg) !important;
	background-color: #66b7fc !important;
}

.black {
	background-image: url(../tmp_images/black.jpg) !important;
	background-color: #101010 !important;
}

.gold {
	background-image: url(../tmp_images/golden.jpg) !important;
	background-color: #c89810 !important;
}

.pink {
	background-image: url(../tmp_images/pink.jpg) !important;
	background-color: #eb3eee !important;
}

.top_search_box {
  border: solid 1px #cccccc;
  border-radius: 3px 0 0 3px;
border-right: 0px;
  color: #999999;
  float: left;
  font-size: 11px;
  height: 32px;
  line-height: 30px;
  padding: 0 5px;
  width: 150px;
  overflow: hidden;
}

.top_search img {  
border: solid 1px #cccccc;
border-left: 0px;
  border-radius: 0 3px 3px 0;
  }

.block.add {
text-align: center;
  background-color: #ffffff;
  padding: 10px 0;
}

.block.add img {
max-width: 190px;
}
	
.block_more {

	text-align: right;

	}	

.block_more a {
	display: block;
	font-weight: bold;
	text-align: right;
	padding: 5px;
	background-image: url(../tmp_images/white.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: #ffffff;
	}


/*.block_more:after {
	content: "\25BA";
    font-size: 80%;
    display: inline;
    padding-left: 3px;
    pointer-events: none;
	color: #cd3c16;
	}*/
	
.block_more a:hover {
text-decoration: none;
	background-image: url(../tmp_images/red.jpg);
	color: #ffffff;
	}
	
.block_list {
	background-color: #ffffff;
	text-align: left;
	}
		
.block_list a {
	border-bottom: solid 1px #cccccc;
	display: block;
	padding: 12px;
	font-weight: 600;
	font-size: 12px;
	}
	
.block_list a:link,
.block_list a:visited {
color:#000000;
text-decoration: none;
}

.block_list a:hover,
.block_list a:active {
color: #cd3c16;
text-decoration: none;
}




/* =CATEGORY
--------------------------------- */	
	
.category_wrapper {
padding: 0 0 0px 0;
}

.category_title {}

.category_title h1  {
border-bottom: solid 1px #cccccc;
padding: 0 0 16px 0;
margin: 0 0 20px 0;
}

.category_photo {
clear: both;
margin: 0 0 16px 0;
}

.category_text {
font-size: 12px;



line-height: 18px;
padding: 0 0 20px 0;
}
	
.category_text p {
margin: 0 0 12px 0;
}	

/* =LISTED PAGES
--------------------------------- */

.listed_pages_wrapper {}

.listed_page {
margin: 0 0 20px 0;
position: relative;
}

.page_title {}	
	
.page_title h2 {
border-bottom: dotted 1px #cccccc;
padding: 0 0 8px 0;
margin: 0 0 0px 0;
}	
	
.page_date {
position: absolute;
top: 0px;
right: 0px;
}

.page_photo  {
clear: both;
margin: 0 0 10px 0;
}

.page_photo img {}

.page_summary {
font-size: 12px;
line-height: 18px;
}

.page_text {
font-size: 13px;
line-height: 1.5em;
}
	
.page_text p {
margin: 0 0 12px 0;
}

.page_text ul,
.page_text ol,
.article_text ul,
.article_text ol {
margin: 0 0 12px 28px;
}

.page_more_text {
font-size: 12px;
line-height: 18px;
}




/* =Navigator
--------------------------------- */

.navigator {
font-size: 12px;
line-height: 18px;
clear: both;
overflow: hidden;
  padding: 20px 10px;
  	background-image: url(../tmp_images/divider.jpg);
	background-repeat: repeat-x;
	background-position: bottom;

}

.navigator a {padding: 0 3px;}


/* =ARTICLE (The simple PAGE)
--------------------------------- */		

article {
margin: 0 0 20px 0;
clear: both;
}

.article_headings {
	position: relative;
	margin-bottom: 20px;
	}

.article_big_photo {}

.article_titles {
	position: absolute;
	bottom: 0;
	left: 0;
	}

.article_category {
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
	font-weight: 600;
	padding: 10px 20px;
	display: inline-block;
	}

.relative .article_category {
margin-left: 20px;
}

.article_title {
	background-image: url(../tmp_images/trans.png);
	background-repeat: repeat;
	padding: 20px;
  width: 710px;
	}

.relative .article_title {
	background-image: url(https://www.e-cardio.gr/Designs/ecardio2013/tmp_images/none.png);
	}

.article_title h1 {
font-size: 24px;
	line-height: 26px;
	color: #ffffff;
	font-weight: 600;
	margin-bottom: 10px;
}

.relative .article_title h1 {
	color: #333333;
}

.article_title h3 {
font-size: 12px;
	line-height: 15px;
	color: #ffffff;
	font-weight: 600;
}

.relative .article_title h3 {
	color: #333333;
}


.article_photo {
margin: 0 10px 10px 0;
}

article .listed_date {
padding: 0 0 10px 20px;
}

.article_text, .page_summary {
font-size: 13px;
line-height: 1.5em !important;
padding: 0 20px 0 20px;
}

.article_text p {
margin: 0 0 12px 0;
  line-height: 1.5em !important;
}

.page_goback {
font-size: 12px;
line-height: 18px;
  padding: 0 10px 20px 20px;
}

.article_share_area {padding: 20px 10px 0 10px;}

article .article_share_area {padding: 20px 10px 0 20px;}

/* =Pager
------------------------------------------- */
.pager_wrapper {
position: relative;
overflow: hidden; 
clear: both;
text-align: center;
margin: 10px 0;
font-size: 11px;
}

.pager {
width: 70%;
margin: 0 auto;
overflow: hidden;
}

.pager_wrapper a, 
.pager_wrapper span {
color:#333;
display: inline-block;
  
padding: 0.25em 0.5em;
margin-right: 0.1em; 
}

.pager span.current {
border: 1px solid #E4542F;
font-weight: bold;
background: #E4542F;
color: #fff;
}

.pager_wrapper a {
border: 1px solid #999;
text-decoration: none;
}

.pager_wrapper a:hover {
border-color: #E4542F;
background: #E4542F;
color: #fff;
}

.pager_wrapper a.nextprev {
font-weight: bold;
border: none;
}

.pager_wrapper span.nextprev {
color: #666;
}

.pager_wrapper span.nextprev {
border: 1px solid #ccc;
color: #999;
}

.pager_wrapper .nextprev.prev {
position: absolute;
top: 0px;
left: 0px;
}

.pager_wrapper .nextprev.next {
position: absolute;
top: 0px;
right: 0px;
}



/* =Footer
-------------------------------------------------------------- */

footer {
border-top: solid 16px #4c4c4c;

}

footer .wrapper {
	background-image: url(../tmp_images/backlogo_down.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding: 20px 0 10px 0;
}

.halfcol {
	width: 490px;
	float: left;
	}

.footerblock {
	text-align: left;
	font-size: 12px;
	clear: both;
	overflow: hidden;
	margin: 0 0 20px 0;
	}

.footerblock img {
	float: left;
	margin: 0 10px 0 0;
	}


.footerlogo {
text-align: right;
padding: 10px 0 10px 0;
}


.footernav {
text-align: right;
}

.footer_nav_box {
width: 237px;
margin-right: 10px;
float: left;
background-color: #3d3d3d;
font-size: 12px;
padding: 0 0 10px 0;
height: 170px;
border-radius: 0px;
}



.footer_nav_links a:link,
.footer_nav_links a:visited {
color:#ffffff;
text-decoration: none;
}
.footer_nav_links a:hover,
.footer_nav_links a:active {
color: #ec261e;
text-decoration: none;
}

.neoweb {
	clear: both;
	text-align: left;
	}



/* =CONTACT FORM MODULE
-------------------------------------------------------------- */

#contactform {
font-size: 13px;
padding: 12px 0 0 0;
overflow: hidden;
}

.form_row {
overflow: auto;
padding: 0 30px 2px 0;
float: left;
width: 300px;
}

.form_row_send {
overflow: auto;
padding: 0 30px 24px 0;
float: left;
width: 540px;
}

.form_row .label {
display: block;
text-align: left;
padding: 4px 12px 3px 0;
}

.form_row .input {
width: 250px;
float: left;
}

.form_row .input input.textbox {
padding: 3px;
font-size: 12px;
width: 250px;
   font-size: 12px;
	padding: 3px;
	border: solid 1px #cccccc;
  font-family: 'Open sans', Helvetica, arial, serif;
}

.form_row .input textarea {
padding: 3px;
font-size: 12px;
width: 250px;
height: 95px;
}

.inputbtn {
font-size: 12px;
float: right;
}

.top_search .searchbutton,
.top_search .inputbtn {border: solid 1px #cccccc !important;float: left;}

.form_row .inputbtn {
font-size: 12px;
float: right;
  padding: 6px;
}

span.validator {
color: red;
}

.banner_wrapper
{
margin-top:20px;
margin-bottom:30px;
}

.button_form_row {width: 640px;}
.button_form_row .label {display: none;}

.button_form_row .input {width: 640px;
padding: 12px 0 0 0;}

.module_validation {
color:#ff0000;
font-weight:bold;
}

#galleria {
margin-bottom:30px;
}

#ctl05_Viewcategory1_Moduleloader4_ctl00_RegisterCheckBox {
  margin: 0 3px 0 0;
}


/* =SEARCH
-------------------------------------------------------------- */

.search_results {}

.search_results h1 {
color: #333333;
  padding: 0 0 10px 0;
  margin: 10px 0 20px 0;
  border-bottom: solid 1px #999999;
}

.searchform {
font-size: 12px;
  border-bottom: dotted 1px #999;
  padding: 0 0 20px 0;
  margin: 0 0 20px 0;
}

.searchform span {}

.searchform input {
font-size: 12px;
  padding: 3px;
}

.searchform input.textbox {}

.search_results h2 {
color: #333333;
  margin: 0 0 20px 0;
  line-height: 1.3em;
}

.search_results .results {}

.search_results .search_item {
margin: 0 0 30px 0;
}

.search_results .search_item h2 {
margin: 0 0 3px 0;
  
}

.search_results .search_item p {
font-size: 12px;
    line-height: 1.3em;
  margin: 0 0 3px 0;
}

.search_results .search_item a {
font-size: 12px;
}








.selectnav { display: none; }

.usefultools {}

.usefultools a {
display: inline-block;
  padding: 5px 15px;
  border: solid 1px #cccccc;
  -webkit-border-radius: 10px;
border-radius: 20px; 
  
  background: #eeeeee; /* Old browsers */
background: -moz-linear-gradient(top,  #eeeeee 0%, #cccccc 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* IE10+ */
background: linear-gradient(to bottom,  #eeeeee 0%,#cccccc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */

}

.usefultools a:hover {
  color: #ffffff;
  text-decoration: none;
background: #ff3019; /* Old browsers */
background: -moz-linear-gradient(top,  #ff3019 0%, #cf0404 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff3019), color-stop(100%,#cf0404)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ff3019 0%,#cf0404 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ff3019 0%,#cf0404 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ff3019 0%,#cf0404 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ff3019 0%,#cf0404 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); /* IE6-9 */

}



/* ==|== media queries ======================================================
Media Queries for Responsive Design.
========================================================================== */
   
/* 
Ipad Portrait 768 x 1024 
Apple iPad 1& 2 
HP TouchPad

Samsung Galaxy Nexus 720 x 1280
Sony Xperia S
High resolution netbooks such as Acer Aspire One 522
*/
@media only screen and (min-width:720px) and (max-width: 990px) {
	
.wrapper {
width: 700px;
padding: 0 10px;
overflow: hidden;
}

img {
	max-width:700px !important;
	height: auto !important;
	}

.logo {float: none;}

.top_banner {
  float: none;
  margin: 0 0 20px 0;
}

#slideshow {
  width: 700px;
}

.flex-caption {
  width: 610px !important;
}

.sf-menu {
  font-size: 11px !important;
}

.sf-menu a {
  padding: 0.85em 0.65em !important;
  font-size: 11px !important;
}

section {
  float: none;
  margin-right: 0px;
  text-align: left;
  width: 700px;
}

.leftcol {
  float: left;
  margin-right: 20px;
  text-align: left;
  width: 470px;
}

aside {
  float: none;
  text-align: left;
  width: 700px;
  overflow: hidden;
  border-top: 1px solid #CCCCCC;
  margin-top: 20px;
  padding-top: 20px;
}

aside .block {
  float: left;
  margin: 0 20px 20px 20px;
  text-align: left;
  width: 310px;
  
}

.top_search .inputbtn {
  float: left;
}

.halfcol {
  float: left;
  width: 350px;
}



}







/* 
Apple iPhone 4 & 4S 640 x 960
New Apple iPod Touch

Standard netbook/tablet resolution includes: 600 x 1024
Amazon Kindle Fire
Blackberry Playbook
Viewsonic Viewpad 10
Samsung Galaxy Tab
*/
@media only screen and (min-width:600px) and (max-width: 719px) {

nav {
  clear: right;
  float: none;
  margin: 5px 0 20px;
  background-image:url(https://www.e-cardio.gr/Designs/ecardio2013/tmp_images/none.jpg)
}

  .js #nav { display: none; }
  .js .selectnav { display: inline; }
  
  nav select {
  background-color: #FFFFFF;
  clear: both;
  font-size: 14px;
  font-weight: bold;
  padding: 5px;
}

.wrapper {
width: 580px;
padding: 0 10px;
}

img {
	max-width:580px !important;
	height: auto !important;
	}

.logo {float: none;}

.top_banner {
  float: none;
  margin: 0 0 20px 0;
}

#slideshow {
  width: 580px;
}

.flex-caption {
  width: 490px !important;
}

section {
  float: none;
  margin-right: 0px;
  text-align: left;
  width: 580px;
}

.leftcol {
  width: 580px;
}

.midcol {
	width: 580px;
	overflow: hidden;
	}

.midcol .block {
	width: 210px;
	float: left;
	margin: 0 40px;
	}

.banners {
	width: 580px;
	float: none;
	overflow: hidden;
	margin: 20px 0;
	}

aside {
  float: none;
  text-align: left;
  width: 580px;
  overflow: hidden;
  border-top: 1px solid #CCCCCC;
  margin-top: 20px;
  padding-top: 20px;
}

aside .block {
  float: left;
  margin: 0 20px 20px 20px;
  text-align: left;
  width: 250px;
}

.top_search .inputbtn {
  float: left;
}

.halfcol {
  float: left;
  width: 290px;
}



}





/* 
Apple iPhone 3G & 3GS Landscape 480 

Blackberry Bold 9900 & Torch 9810 480 x 640

Samsung Galaxy I, II and S Samsung Nexus S 480 x 800
HTC Desire, Desire HD & Desire S
HTC Evo HTC Sensation XL
BlackBerry Torch 9860
Blackberry Storm 3
Nokia Lumia 800
Viewsonic Viewpad 7
LG Optimus 2X & 3D
*/
@media only screen and (min-width:480px) and (max-width: 599px) {
	
.wrapper {
width: 460px;
padding: 0 10px;
}

nav {
  clear: right;
  float: none;
  margin: 5px 0 20px;
  background-image:url(https://www.e-cardio.gr/Designs/ecardio2013/tmp_images/none.jpg)
}

  .js #nav { display: none; }
  .js .selectnav { display: inline; }
  
  nav select {
  background-color: #FFFFFF;
  clear: both;
  font-size: 14px;
  font-weight: bold;
  padding: 5px;
}

img {
	max-width:460px !important;
	height: auto !important;
	}

.logo {float: none;}

.top_banner {
  float: none;
  margin: 0 0 20px 0;
}

#slideshow {
  width: 460px;
}

.flex-caption {
  width: 370px !important;
}

section {
  float: none;
  margin-right: 0px;
  text-align: left;
  width: 460px;
}

.leftcol {
  width: 460px;
}

.midcol {
	width: 460px;
	overflow: hidden;
	}

.midcol .block {
	width: 210px;
	float: left;
	margin: 0 10px;
	}

.banners {
	width: 460px;
	float: none;
	overflow: hidden;
	margin: 20px 0;
	}

aside {
  float: none;
  text-align: left;
  width: 460px;
  overflow: hidden;
  border-top: 1px solid #CCCCCC;
  margin-top: 20px;
  padding-top: 20px;
}

aside .block {
  float: left;
  margin: 0 10px 20px 10px;
  text-align: left;
  width: 210px;
}

.top_search .inputbtn {
  float: left;
}

.halfcol {
  float: left;
  width: 460px;
}


.article_title h1 {
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  margin-bottom: 10px;
}



}




/* 
Apple iphone 3G & 3GS Portrait 320 

BlackBerry Curve, Storm, Torch 9800 & Bold incl. 9700 360 x 480
Sony Ericsson Vivaz

Nokia N8, N97, E7 and X6 amongst others 360 x 640
*/
@media only screen and (max-width: 479px) {
	
.wrapper {
width: 300px;
padding: 0 10px;
}

nav {
  clear: right;
  float: none;
  margin: 5px 0 20px;
  background-image:url(https://www.e-cardio.gr/Designs/ecardio2013/tmp_images/none.jpg)
}

  .js #nav { display: none; }
  .js .selectnav { display: inline; }
  
  nav select {
  background-color: #FFFFFF;
  clear: both;
  font-size: 14px;
  font-weight: bold;
  padding: 5px;
}

img {
	max-width:300px !important;
	height: auto !important;
	}

.logo {float: none;}

.top_banner {
  float: none;
  margin: 0 0 20px 0;
}

#slideshow {
  width: 300px;
}

.flex-caption {
  width: 220px !important;
}

.slide_title {
  font-family: 'Open Sans',Microsoft Sans Serif,Helvetica,Arial,Verdana,sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 17px;
  margin: 0 0 10px;
}

.slide_text {
  color: #FFFFFF;
  font-size: 12px;
  line-height: 1.26em;
}

section {
  float: none;
  margin-right: 0px;
  text-align: left;
  width: 300px;
}

.leftcol {
  width: 300px;
}

.midcol {
	width: 300px;
	overflow: hidden;
	}

.midcol .block {
	width: 210px;
	float: left;
	margin: 0 40px;
	}

.banners {
	width: 300px;
	float: none;
	overflow: hidden;
	margin: 20px 0;
	}

aside {
  float: none;
  text-align: left;
  width: 300px;
  overflow: hidden;
  border-top: 1px solid #CCCCCC;
  margin-top: 20px;
  padding-top: 20px;
}

aside .block {
  float: left;
  margin: 0 40px 20px 40px;
  text-align: left;
  width: 210px;
}

.top_search .inputbtn {
  float: left;
}

.halfcol {
  float: left;
  width: 300px;
}

.article_titles {
  position: relative;
}

.article_big_photo {
  display: none;
}

.article_title h1 {
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
  margin-bottom: 10px;
}


}


/* ==|== print styles =======================================================
Print styles.
Inlined to avoid required HTTP connection: h5bp.com/r
========================================================================== */

@media print {
* { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
a, a:visited { text-decoration: underline; }
a[href]:after { content: " (" attr(href) ")"; }
abbr[title]:after { content: " (" attr(title) ")"; }
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
thead { display: table-header-group; } /* h5bp.com/t */
tr, img { page-break-inside: avoid; }
img { max-width: 100% !important; }
@page { margin: 0.5cm; }
p, h2, h3 { orphans: 3; widows: 3; }
h2, h3 { page-break-after: avoid; }
}