/*======================================================================*\
|| #################################################################### ||
|| # Package - Joomla Template based on YJSimpleGrid Framework          ||
|| # Copyright (C) 2010  Youjoomla LLC. All Rights Reserved.            ||
|| # license - PHP files are licensed under  GNU/GPL V2                 ||
|| # license - CSS  - JS - IMAGE files  are Copyrighted material        ||
|| # bound by Proprietary License of Youjoomla LLC                      ||
|| # for more information visit http://www.youjoomla.com/license.html   ||
|| # Redistribution and  modification of this software                  ||
|| # is bounded by its licenses                                         ||
|| # websites - http://www.youjoomla.com | http://www.yjsimplegrid.com  ||
|| #################################################################### ||
\*======================================================================*/
/* 
ADD ALL YOUR CUSTOM CSS OVERRIDES TO THIS FILE. THIS WAY IF YOU MAKE
A MISTAKE YOU CAN ALWAYS REVERT BACK TO ORIGINAL TEMPLATE CSS
THIS FILE WILL LOAD VERY LAST AFTER ALL TEMPLATE CSS FILES. IT LOADS EVEN AFTER TEMPLATE_RTL.CSS 
SO YOU CAN ADJUST ANY CSS PART OF THE TEMPLATE YOU NEED.*/
/*CUSTOM ITEM CLASS EXAMPLE*/
/*.horiznav a.newclas{
  background-image:url(../images/pdf_button.png)!important;
  background-repeat:no-repeat!important;
  background-position:95% center!important;
  
}*/
/*CUSTOM FIRST DROP NO TOP ROUNDED CORNERS EXAMPLE*/

/*.horiznav ul.level1 li.tl,.horiznav ul.level1 li.tl:hover{
  background:transparent url(../images/metal/topmenu/square/tl.png)!important;
}
.horiznav ul.level1 li.tr,.horiznav ul.level1 li.tr:hover{
  background:transparent url(../images/metal/topmenu/square/tr.png) no-repeat right top!important;
}
.horiznav ul.level2 li.tl,.horiznav ul.level2 li.tl:hover{
  background:transparent url(../images/metal/topmenu/corners/tl.png)!important;
}
.horiznav ul.level2 li.tr,.horiznav ul.level2 li.tr:hover{
  background:transparent url(../images/metal/topmenu/corners/tr.png) no-repeat right top!important;
}
.top_menu ul.subul_main.level1{
  margin-top:3px;
}
.YJSG_listContainer ul.subul_main.level1{
  margin-top:-3px!important;
}*/

blockquote {
margin: 1em 0;
}

/*<i> elem*/
/*<i class="nyil_jobbra"><i></i><i></i></i>*/
.nyil_jobbra {
  background-color:#8A0404 !important;
    color:#fff;
}
.nyil_jobbra > em {
    display: inline-block;
    width: 17em;
    height: 7em;
    background-color: transparent;
    color:#fff;
  text-align:center;
  font-size:18px;
}
.nyil_jobbra_szoveg{
  background-color:#8A0404 !important;
    color:#fff;
  font-style:normal;
  line-height:2.3em;
}
.nyil_jobbra > em+em {
    display: inline-block;
    width: 0;
    height: 0;
    line-height: 0;
    border: 3.5em solid transparent;
    border-left: 4em solid #8A0404;
}

.nyil{
  position:absolute;
}


/*<i class="bevagott_teglalap"><i></i><i></i><i></i></i>*/
.bevagott_teglalap {
  color:#fff;
  display:block;
}

.bevagott_teglalap_bal{
  height:0 !important;
}

.bevagott_teglalap_szoveg{
  background-color: #8A0404;
margin-top: -194px !important;
/* height: 0px !important; */
width: 19em !important;
height: 5.38em !important;
position: relative;
top: 0.45em;
font-style: normal;
line-height: 2.4em !important;
font-size: 130%;
}

.bevagott_teglalap > em {
    display: inline-block;
    border: 3.5em solid #8A0404;
    border-left: 3.5em solid transparent;
  width:0em;
  height:0em;
}

.bevagott_teglalap > em+em+em {
    display: inline-block;
    border: 3.5em solid #8A0404;
    border-right: 3.5em solid transparent;
  width:0em;
  margin-left:-5px;
}

.bevagott_teglalap > em+em {
    display: inline-block;
    width: 15em;
    height: 0em;
  border:0;
}

/*<i> elem*/

/*blockquote elem*/

/*Szöveg buborék*/
/*<blockquote class="oval-thought-border"> </blockquote>*/
.oval-thought-border {
  width:70%;
position: relative;
padding: 70px 30px;
margin: 1em auto 80px;
border: 10px solid #c81e2b;
text-align: center;
color:#8A0404;;
background: #fff;
-webkit-border-top-left-radius: 240px 140px;
-webkit-border-top-right-radius: 240px 140px;
-webkit-border-bottom-right-radius: 240px 140px;
-webkit-border-bottom-left-radius: 240px 140px;
-moz-border-radius: 240px / 140px;
border-radius: 240px / 140px;
}

.oval-thought-border:before {
content: "";
position: absolute;
z-index: 10;
bottom: -40px;
right: 250px;
width: 50px;
height: 50px;
border: 10px solid #c81e2b;
background: #fff;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
display: block;
}

.oval-thought-border:after {
content: "";
position: absolute;
z-index: 10;
bottom: -60px;
right: 200px;
width: 25px;
height: 25px;
border: 10px solid #c81e2b;
background: #fff;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
display: block;
}
/*Szöveg buborék*/

/*blockquote elem*/

/*Gomb css*/
/*<a class="grad_button"></a>*/
.grad_button{
  border:1px solid #cacaca; 
  -webkit-border-radius: 3px; 
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-size:12px;
  font-family:arial, helvetica, sans-serif; 
  padding: 10px 10px 10px 10px; 
  text-decoration:none; 
  display:inline-block;
  text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
  font-weight:bold; 
  color: #000;
 background-color: #E6E6E6; background-image: -webkit-gradient(linear, left top, left bottom, from(#E6E6E6), to(#CCCCCC));
 background-image: -webkit-linear-gradient(top, #E6E6E6, #CCCCCC);
 background-image: -moz-linear-gradient(top, #E6E6E6, #CCCCCC);
 background-image: -ms-linear-gradient(top, #E6E6E6, #CCCCCC);
 background-image: -o-linear-gradient(top, #E6E6E6, #CCCCCC);
 background-image: linear-gradient(to bottom, #E6E6E6, #CCCCCC);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#E6E6E6, endColorstr=#CCCCCC);
 font-size:20px;
}

.grad_button:hover{
  border:1px solid #b3b3b3;
 background-color: #cdcdcd; background-image: -webkit-gradient(linear, left top, left bottom, from(#cdcdcd), to(#b3b3b3));
 background-image: -webkit-linear-gradient(top, #cdcdcd, #b3b3b3);
 background-image: -moz-linear-gradient(top, #cdcdcd, #b3b3b3);
 background-image: -ms-linear-gradient(top, #cdcdcd, #b3b3b3);
 background-image: -o-linear-gradient(top, #cdcdcd, #b3b3b3);
 background-image: linear-gradient(to bottom, #cdcdcd, #b3b3b3);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#cdcdcd, endColorstr=#b3b3b3);
}
/*Gomb css*/

/*Szürke négyzet*/
/*<div class="grey_square"></div>*/
.grey_square{
  border:5px solid #C7C7C7;
  background-color:#E6E6E6;
  color:#000;
  border-radius:3px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  width:90%;
  margin:0 auto;
}
/*Szürke négyzet*/

/*Fehér négyzat árnyékkal*/
.white_square_with_shadow{
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  background-color: #fff;
  box-shadow: 5px 5px 5px #000;
  -moz-box-shadow: 5px 5px 5px #000;
  -webkit-box-shadow: 5px 5px 5px #000;
  width: 70%;
  margin: 0 auto;
  margin-top: -50px;
  z-index: 6;
  position: relative;
  font-size: 130%;
}
.white_square_with_shadow ul{
  list-style-image:url(http://www.egyediszoftverek.hu/images/CRMProjekt/pipa2.png);
  width: 74%;
  margin: 20px auto;
}
.white_square_with_shadow li{
  margin:10px;
  line-height:10px;
  font-size:90%;
  padding:5px;
  background:none;
}
.white_square_with_shadow li span{
  margin-top: 21px;
  position: absolute;
  margin-left: inherit;
}
/*Fehér négyzat árnyékkal*/

/*Téglalap elforgatva jobbra*/
.transformed_rectangle{
  background-color:#8A0404;
  color:#fff;
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  -ms-transform: rotate(6deg); /* IE 9 */
  -webkit-transform: rotate(6deg); /* Chrome, Safari, Opera */
  transform: rotate(6deg);
  box-shadow:5px 5px 5px #000;
  -moz-box-shadow:5px 5px 5px #000;
  -webkit-box-shadow:5px 5px 5px #000;
  width:70%;
  height:3em;
  display:block;
  margin:0 auto;
  font-size:140%;
  font-weight:bold;
  padding:30px 15px;
}
/*Téglalap elforgatva jobbra*/

/*Téglalap elforgatva balra*/
.transformed_rectangle_left{
  background-color:#8A0404;
  color:#fff;
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  -ms-transform: rotate(-2deg); /* IE 9 */
  -webkit-transform: rotate(-2deg); /* Chrome, Safari, Opera */
  transform: rotate(-2deg);
  box-shadow:5px 5px 5px #000;
  -moz-box-shadow:5px 5px 5px #000;
  -webkit-box-shadow:5px 5px 5px #000;
  width:80%;
  height:3em;
  display:block;
  margin:0 auto;
  font-size:130%;
  font-weight:bold;
  padding:30px 15px;
}
/*Téglalap elforgatva balra*/

/*Manó dobozzal*/
.mano_dobozzal{
  background-image:url(http://www.egyediszoftverek.hu/images/CRMProjekt/business_grey_stick_guy_blank_board.png);
  background-size:100%;
  background-position:top center;
  background-repeat:no-repeat;
  width:290px;
  height:210px;
  display:block;
  margin:0 auto;
}

.doboz_szoveg_mano{
  font-weight: bold;
  margin-left: 52px;
  margin-top: 100px;
  position: absolute;
  width: 150px;
  text-align: center;
  font-size: 130%;
}
/*Manó dobozzal*/

/*Bonus háttér*/
.bonus_hatter{
  background-image:url(http://www.egyediszoftverek.hu/images/CRMProjekt/bonus_hatter.png);
  background-position:top center;
  background-repeat:no-repeat;
  width:470px;
  height:420px;
  display:block;
  margin:0 auto;
  font-size:140%;
  margin-top:50px;
  line-height:2em;
  color:#000;
}
/*Bonus háttér*/

/*Szöveg színek meghatározása*/
.piros_szoveg{
  color:#8A0404;
}

.szurke_szoveg{
  color:#9F9F9F;
}
/*Szöveg színek meghatározása*/

/*Felsorolás stílusa*/
.felsorolas{
  width:80%;
  margin:0 auto;
}

.felsorolas ul{
  list-style-image:url(http://www.egyediszoftverek.hu/images/CRMProjekt/pipa.png);
  background-image:url(http://www.egyediszoftverek.hu/images/CRMProjekt/crm_projekt_csomag.png);
  background-size:40%;
  background-repeat:no-repeat;
  background-position:top right;
}
.felsorolas li{
  opacity:0.7;
  color:#8A0404;
  background-color:gray;
  margin:10px;
  line-height:10px;
  font-size:110%;
  background-image:none;
}

.felsorolas li span{
  margin-top: 21px;
  position: absolute;
  margin-left: inherit;
}

.center{
  text-align:center;
  margin:0 auto;
}

.gray_header{
  padding:10px;
  background-color:#DFDFDF;
  border:1px solid #ccc;
  color:#8A0404;
  width:60%;
  font-size:130%;
  margin-left:5%;
  box-shadow 0px 0px 5px #000;
  -moz-box-shadow 0px 0px 5px #000;
  -webkit-box-shadow 0px 0px 5px #000;
}