/*
  Theme Name: rounded corners with images 
  Author: Cosmonomy
*/
/* The external table with dark background and rounded corners from prepared images. 
 Top corners */
.top-row {
background-color:transparent;
position:relative;
width:100%; 
height:32px; 
margin:0 auto; 
padding-bottom:0; 
padding-top:0;
margin-bottom:0; 
margin-top:0;
display:inline-block;
}  
.top-corner-left { 
background-color:transparent; 
float:left; 
width:32px; 
height:32px; 
padding:0; 
margin:0;
}
.top-corner-right { 
background-color:transparent; 
float:right; 
width:32px; 
height:32px; 
padding:0; 
margin:0;
}
.top-row-center {
background-color:#000000; 
background-image:url('shared/fontostar-.gif'); 
width:94%; 
height:32px; 
padding-top:0; 
padding-bottom:2px; 
margin:0;
}
/* top corners end */
/* dark middle field */
.middle-field {
margin:0 auto; 
width:100%; 
background-color:#000000; 
background-image:url('shared/bg_curve_dark.gif'); 
padding-bottom:1px; 
padding-top:0; 
margin-top:0; 
margin-bottom:0; 
border-left:0 solid #000000; 
border-right:0 solid #000000; 
border-top:1px solid #000000; 
border-bottom:0 solid #000000; 
}
/* middle field end */
/* bottom corners */
.bottom-row {
background-color:transparent; 
position:relative; 
width:100%; 
height:32px; 
margin:0 auto; 
padding-top:0; 
padding-bottom:0; 
margin-top:0; 
margin-bottom:0; 
display:inline-block;
}
.bottom-corner-left {
background-color:transparent; 
float:left; 
width:32px; 
height:32px; 
padding:0;  
margin:0;
}
.bottom-corner-right {
background-color:transparent; 
float:right; 
width:32px; 
height:32px; 
padding:0; 
margin:0;
}
.bottom-row-center {
background-color:#000000; 
background-image:url('shared/fontostar-.gif'); 
width:94%; 
height:30px; 
padding-top:2px; 
padding-bottom:0; 
margin:0;
}
/* bottom corners end */
.all-divs { /* Adjustment of the total width */
width:100%;
}

@media all and (max-width: 800px) { 
.all-divs { width:100%; }
.top-row-center { /* correction of overflow */
width:92%; }
.bottom-row-center { /* correction of overflow */
width:92%; }
}
@media all and (max-width: 480px) { 
.all-divs { width:100%; }
.top-row-center { /* correction of overflow */
width:86%; }
.bottom-row-center { /* correction of overflow */
width:86%; }
} /* The end of dark table with rounded corners from prepared images */

/* Dark table with all corners rounded from css. 
(This only selector replaces all of the above selectors of a dark table with rounded corners from images) */
.dark-div-tb {
	background-color:#000000;
	background-image:url("shared/bg_curve.jpg");
	margin:0 auto;
	width:100%;
	max-width:1024px;
	padding-left:0;
	padding-right:0;
	border-right:1px solid #fff9dd;	
	border-bottom:1px solid #fff9dd;
	-webkit-border-radius:30px;
	-moz-border-radius:30px;
	border-radius:30px 30px 30px 30px; /* Level 3 CSS */
} 
@media all and (max-width: 800px) { 
.dark-div-tb { width:100% }
} /* The end of dark table with all corners rounded from css */

/* Light table with wave bg and rounded corners from prepared images.
 Internal top corners */
.internal-top-row {
background-color:transparent;
background-image:url('shared/bg-waves.jpg'); 
position:relative;
width:92%; 
height:30px; 
margin-left:auto; 
margin-right:auto; 
padding-bottom:0; 
padding-top:0;
margin-bottom:0; 
margin-top:0;
display:inline-block;
}  
.internal-top-corner-left { 
background-color:transparent; 
float:left; 
width:30px; 
height:30px; 
padding:0;  
margin:0;
/* border-bottom:2px solid #eeeeee;
border-right:1px solid #ffffff; */
}
.internal-top-corner-right { 
background-color:transparent; 
float:right; 
width:30px; 
height:30px; 
padding:0; 
margin:0;
/* border-bottom:2px solid #eeeeee;
border-left:1px solid #ffffff; */
}
.internal-top-row-center {
background-color:#ffffff; 
background-image:url('shared/bg-waves.jpg'); 
width:90%; 
height:30px; 
padding-top:1px; 
padding-bottom:1px; 
margin:0;
}
/* internal top corners end */
/* internal middle field */
.internal-middle-field {
margin:0 auto; 
width:92%; 
background-color:#ffffff; 
background-image:url('shared/bg-waves.jpg'); 
padding-bottom:1px; 
padding-top:1px; 
margin-top:0; 
margin-bottom:0; 
border-left:0 solid #cccccc; 
border-right:0 solid #dddddd; 
border-top:0 solid #ffffff; 
border-bottom:0 solid #dddddd; 
}
/* internal middle field end */
/* internal bottom corners */
.internal-bottom-row { /* and separated to the top or elsewhere */
background-color:transparent; 
background-image:url('shared/bg-waves.jpg');
position:relative; 
width:92%; 
height:30px; 
margin:0 auto; 
padding-top:0; 
padding-bottom:0; 
margin-top:0; 
margin-bottom:3px; 
display:inline-block;
}
.internal-bottom-corner-left {
background-color:transparent; 
float:left; 
width:30px; 
height:30px; 
padding:0;  
margin:0;
}
.internal-bottom-corner-right {
background-color:transparent; 
float:right; 
width:30px; 
height:30px; 
padding:0; 
margin:0;
}
.internal-bottom-row-center { 
background-color:#ffffff; 
background-image:url('shared/bg-waves.jpg');  
width:90%; 
height:30px; 
padding-top:0; 
padding-bottom:0; 
margin:0;
font-family:Roboto, Helvetica, Arial, sans-serif;
color:#242424;
font-size:16px; 
text-align:center;
font-weight:700;
letter-spacing:1px;
display:inline;

}
/* bottom corners end */
.internal-all-divs { /* Adjustment of the total width */
width:100%;
}

@media all and (max-width: 800px) { 
.all-divs { width:100% }
.internal-top-row {
width:99%; }
.internal-middle-field { 
width:99%; }
.internal-bottom-row { /* and separated to the top or elsewhere */
width:99%; }
.internal-bottom-row-center {
color:#242424;
font-size:14px; 
text-align:center;
font-weight:400;
letter-spacing:0;
line-height:100%; }
}
/* The end of the light table with wave bg and rounded corners from prepared images */
/* light table with pseudo-transparent wave bg without rounded corners (inside to others) */
.internal-page-bg-opacity {
width:94%; 
background-color:#ffffff; 
background-image:url('shared/bg-waves-op.jpg');  
padding-top:1px; 
padding-bottom:6px;
margin:0 auto;
}
/* clear page for text without bg (inside the previous tables) */
.internal-page {
width:94%;
background-color:#ffffff;
margin:0 auto;
padding-left:0;
padding-right:0;
padding-top:1px;
padding-bottom:10px;
border-right:1px solid #dddddd;	
border-bottom:1px solid #dddddd;
} /* The end of the clear page */

/* Dark rows with rounded corners from images.
 Top corners separated */
.top-row-separated {
background-color:transparent;
position:relative;
width:100%; 
height:32px; 
margin:0 auto; 
padding-bottom:0; 
padding-top:0;
margin-bottom:0; 
margin-top:0;
}  
.top-corner-left-sep { 
background-color:transparent; 
float:left; 
width:32px; 
height:32px; 
padding:0;  
margin:0;
}
.top-corner-right-sep { 
background-color:transparent; 
float:right; 
width:32px; 
height:32px; 
padding:0; 
margin:0;
}
.top-row-center-sep {
background-color:#000000; 
background-image:url('shared/fontostar-.gif'); 
width:94%; 
height:32px; 
padding-top:0; 
padding-bottom:0; 
margin-top:0;
margin-bottom:0;
font-family:"Times New Roman", Cambria, Georgia, serif;
color:#ffd700;
font-size:18px; 
font-weight:700;
line-height:120%;
text-align:center;
letter-spacing:1px;
}
/* top corners separated end */
/* bottom corners separated */
.bottom-row-separated {
background-color:transparent; 
position:relative; 
width:100%; 
height:32px; 
margin:0 auto; 
padding-top:0; 
padding-bottom:0; 
margin-top:0; 
margin-bottom:0; 
}
.bottom-corner-left-sep {
background-color:transparent; 
float:left; 
width:32px; 
height:32px; 
padding:0;  
margin:0;
}
.bottom-corner-right-sep {
background-color:transparent; 
float:right; 
width:32px; 
height:32px; 
padding:0; 
margin:0;
}
.bottom-row-center-sep {
background-color:#000000; 
background-image:url('shared/fontostar-.gif'); 
width:94%; 
height:32px; 
padding-top:0; 
padding-bottom:0; 
margin-top:0;
margin-bottom:0;
}
/* bottom corners separated end */
#key-txt { /* a few keywords inside the bottom-row-center-sep, top-row-center-sep */
font-family:"Times New Roman", Cambria, Georgia, serif;
color:#ffd700;
font-size:18px; 
font-weight:700;
line-height:120%;
text-align:center; 
vertical-align:middle; 
padding-top:10px; 
letter-spacing:1px; 
}

@media all and (max-width: 768px) { 
#key-txt { 
font-size:15px; 
font-weight:500;
letter-spacing:0;
line-height:100%; 
display:block;
}
}