/*
Design by Metamorphosis Design
http://www.metamorphozis.com
Released for free under a Creative Commons Attribution 2.5 License
*/
/*
Degradados lineales:
Para crear un degradado lineal, debes definir almenos dos colores de destino, el punto de inicio y el punto final. También puedes definir una dirección o ángulo para el degradado. El código CSS seria asi:

background: linear-gradient(direction, color-stop1, color-stop2, …);

Veamos un ejemplo de código de degradado lineal de arriba a abajo (el degradado por defecto). En este caso, empezamos por arriba en rojo y acabamos abajo en azul:

#degradado {
background: -webkit-linear-gradient(red, blue); 
background: -o-linear-gradient(red, blue); 
background: -moz-linear-gradient(red, blue); 
background: linear-gradient(red, blue); 
}

Como veis, he inculido la syntaxis para todos los 
egadores para no tener problemas de compatibilidad

Ahora veamos un ejemplo de degradado lineal de izquierda a derecha:

#degradado {
background: -webkit-linear-gradient(left, red , blue); 
background: -o-linear-gradient(right, red, blue); 
background: -moz-linear-gradient(right, red, blue); 
background: linear-gradient(to right, red , blue); 
}

Y un ejempo de degradado lineal diagonal:

#degradado {
background: -webkit-linear-gradient(left top, red , blue); 
background: -o-linear-gradient(bottom right, red, blue); 
background: -moz-linear-gradient(bottom right, red, blue); 
background: linear-gradient(to bottom right, red , blue); 
}
*/

/* Degradados Radiales:
	#degradado {
background: -webkit-radial-gradient(red, green, blue);
background: -o-radial-gradient(red, green, blue); 
background: -moz-radial-gradient(red, green, blue); 
background: radial-gradient(red, green, blue); 
} 
*/
img,
iframe {
  max-width: 100%;
}

/* CSS para MENU RESPONSIVE */

* {
	margin:0;
	padding:0;
}

body {
	background:#FFFFFA;
}

header {
	width:100%;
}

header nav {
	width:90%;
	max-width:1000px;
	margin-left:0 auto;
	/*background:#014C83;*/

}

.menu_bar {
	display:none;
}

header nav ul {
	overflow:hidden;
	list-style:none;
}

header nav ul li {
	float:left;
	
}

header nav ul li a {
	/*background: -webkit-linear-gradient(left top, black, white); 
	background: -o-linear-gradient(bottom right, black, white); 
	background: -moz-linear-gradient(bottom right, black, white); 
	background: linear-gradient(to bottom right, black, white); */

	color:#fff;
	padding:15px;
	display:block;
	text-decoration:none;
}

header nav ul li span {
	margin-right:10px;
}

header nav ul li a:hover {
	/*background:#037E8C;*/
	background: -webkit-linear-gradient(left top, black, grey); 
	background: -o-linear-gradient(bottom right, black, grey); 
	background: -moz-linear-gradient(bottom right, black, grey); 
	background: linear-gradient(to bottom right, black, grey); 

}
header nav ul li ul a {
	background: linear-gradient(to bottom right, white, grey);
	color:#201D1C;
	padding:15px;
	display:block;
	text-decoration:none;
}
header nav ul li ul li ul a {
	background: linear-gradient(to bottom right, white, grey);
	color:#000;
	padding:15px;
	display:block;
	text-decoration:none;
}
section {
	padding:15px;
}

@media screen and (max-width:568px ) {
	h2{
    font-family: Georgia,'Times New Roman',times,serif;
    font-size: 16px;
    /*color: #003495;*/
	color: red;
    font-weight: normal;
}

h3{
    color: #FFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: normal;
    padding-bottom: 10px;
}
	
	header nav {
		width:80%;
		height:100%;
		left:-100%;
		margin:0;
		position: absolute;
	}

	header nav ul li {
	background: -webkit-linear-gradient(left top, black, white); 
	background: -o-linear-gradient(bottom right, black, white); 
	background: -moz-linear-gradient(bottom right, black, white); 
	background: linear-gradient(to bottom right, black, white); 
		font-size:15px;
		display:block;
		float:none;
		border-bottom:2px solid rgba(255,255,255, .3);
	}

	.menu_bar {
		display:block;
		width:100%;
		background:#ccc;
	}

	.menu_bar .bt-menu {
		display:block;
		padding:20px;
	/*	background:#014C83;*/
	background: -webkit-linear-gradient(left top, black, grey); 
	background: -o-linear-gradient(bottom right, black, grey); 
	background: -moz-linear-gradient(bottom right, black, grey); 
	background: linear-gradient(to bottom right, black, grey); 

		color:#fff;
		text-decoration:none;
		font-weight: bold;
		font-size:25px;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}

	.menu_bar span {
		float:right;
		font-size:40px;
	}
.con_top2{
   /* background: #c0353c no-repeat top left;*/
       background: -webkit-radial-gradient(  grey, #9F2D32, #c0353c);
       background: -o-radial-gradient( grey, #9F2D32, #c0353c); 
       background: -moz-radial-gradient(  grey, #9F2D32, #c0353c); 
       background: radial-gradient( grey, #9F2D32, #c0353c);
    height: 10px;
}
.con_bot{
    /*background: #c0353c no-repeat top left;*/
      background: -webkit-radial-gradient(  grey, #9F2D32, #c0353c);
       background: -o-radial-gradient( grey, #9F2D32, #c0353c); 
       background: -moz-radial-gradient(  grey, #9F2D32, #c0353c); 
       background: radial-gradient( grey, #9F2D32, #c0353c);

    height: 10px;
}

/*prev box*/

.prev_box{
    background: linear-gradient(to bottom right, grey, white);	
    padding-left: 10px;
    min-height: 380px;	
}

}

/*--------------------------------------------------------------------------------------------------------------------------------------*/
@import url(http://fonts.googleapis.com/css?family=Istok+Web);
@keyframes slidy {
0% { left: 0%; }
20% { left: 0%; }
25% { left: -100%; }
45% { left: -100%; }
50% { left: -200%; }
70% { left: -200%; }
75% { left: -300%; }
95% { left: -300%; }
100% { left: -400%; }
}
 figure { 
  margin: 0; background: #101010;
  font-family: Istok Web, sans-serif;
  font-weight: 100;
}
div#captioned-gallery { 
  width: 99%; overflow: hidden; 
}
figure.slider { 
  position: relative; width: 500%; 
  font-size: 0; animation: 30s slidy infinite; 
}
figure.slider figure { 
  width: 20%; height: auto;
  display: inline-block;  position: inherit; 
}
figure.slider img { width: 100%; height: auto; }
figure.slider figure figcaption { 
  position: absolute; bottom: 0;
  background: rgba(0,0,0,0.4);
  color: #fff; width: 100%;
  font-size: 2rem; padding: .6rem; 
}




*{
    margin: 0px;
    padding: 0px;
}

img{
	max-width: 100%;
    padding: 0px;
    border: none;
}

a{
    color: #000000;
    font-weight: bold;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
    color: #a7001c;
}

body {	
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 18px;
    color: #232323;
    background: linear-gradient(white, white);
    padding-bottom: 50px;
}

#bg_top{
    /*background: #1c1c1c no-repeat top center;*/
       background: -webkit-radial-gradient(black, grey, black);
       background: -o-radial-gradient(black, grey, black); 
       background: -moz-radial-gradient(black, grey, black); 
       background: radial-gradient(black, grey, black); 

}
@media screen and (min-width: 950px){
#wrap{
    background: transparent no-repeat top;
    width: 950px;
    margin: 0 auto;
}
}

@media screen and (min-width: 568px){



/*Menu*/
h2{
    font-family: Georgia,'Times New Roman',times,serif;
    font-size: 16px;
    /*color: #003495;*/
	color: red;
    font-weight: normal;
}

h3{
    color: #FFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: normal;
    padding-bottom: 10px;
}
* {
	margin:0px;
	padding:0px;
}
#menu2{

    width: 662px;
    background: transparent no-repeat top;
    margin: 0 auto;
	
}
ul, ol {
	padding-left: 0px;
	list-style:none;
}
			
.nav > li {
	float:left;
}
		
.nav li a {
	font-family: Georgia,'Times New Roman',times,serif;
	font-size: 21px;
	/*background-color:#1c1c1c;
       	   background: -webkit-radial-gradient(black, grey, grey);
              background: -o-radial-gradient(black, grey, grey); 
              background: -moz-radial-gradient(black, grey, grey); 
              background: radial-gradient(black, grey, grey);*/ 
	   background-color:#transparent;

	color:#fff;
	text-align: center;
	text-decoration:none;
	padding:20px 22px;
	display:block;
	height: 15px;
	padding-top: 16px;
}
			
.nav li a:hover {
	background-color:#037e8c;
}
			
.nav li ul {
	
	display:none;
	position:absolute;
	min-width:140px;
}
			
.nav li:hover > ul {
				
	display:block;
}
			
.nav li ul li {
	position:relative;
	right:0px;
	top:0px;
}
.nav li ul a {
	font-family: Georgia,'Times New Roman',times,serif;
	font-size: 16px;
	background-color:#ffffff;
	color:#201D1C;
	text-align: center;
	text-decoration:none;
	padding:20px 22px;
	display:block;
	height: 15px;
	padding-top: 16px;
}		
.nav li ul li ul {
	position:relative;
	right:0px;
	top:0px;
}
.nav li ul li  ul a {
	font-family: Georgia,'Times New Roman',times,serif;
	font-size: 9px;
	background-color:#ffffff;
	color:#000;
	text-align: center;
	text-decoration:none;
	padding:20px 22px;
	display:block;
	height: 15px;
	padding-top: 16px;
}
#menu{
    width: 902px;
    background: #014C83 no-repeat top;
    margin: 0 auto;

}
#menu ul {
    padding-left: 0px;
    list-style: none;
}

#menu li {
    display: inline;
}

#menu ul li a{
    font-family: Georgia,'Times New Roman',times,serif;
    font-size: 16px;
    color: #ffffff;
    text-align: center;
    font-weight: normal;
    text-decoration: none;
    display: block;
    float: left;
    width: 19.9%;
    height: 30px;
    padding-top: 16px;
}

#menu ul li a:hover, #menu ul li .active{
    font-weight: bold;
}
.con_top2{
   /* background: #c0353c no-repeat top left;*/
       background: -webkit-radial-gradient(  grey, #9F2D32, #c0353c);
       background: -o-radial-gradient( grey, #9F2D32, #c0353c); 
       background: -moz-radial-gradient(  grey, #9F2D32, #c0353c); 
       background: radial-gradient( grey, #9F2D32, #c0353c);
    height: 15px;
}
.con_bot{
    /*background: #c0353c no-repeat top left;*/
      background: -webkit-radial-gradient(  grey, #9F2D32, #c0353c);
       background: -o-radial-gradient( grey, #9F2D32, #c0353c); 
       background: -moz-radial-gradient(  grey, #9F2D32, #c0353c); 
       background: radial-gradient( grey, #9F2D32, #c0353c);

    height: 10px;
}

/*prev box*/
.prev_box{
    background: linear-gradient(to bottom right, grey, white);	
    padding-left: 10px;
    min-height: 380px;	
}
h2{
    font-family: Georgia,'Times New Roman',times,serif;
    font-size: 16px;
    /*color: #003495;*/
	color: red;
    font-weight: normal;
}

h3{
    color: #FFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: normal;
    padding-bottom: 10px;
}


/*logo*/

#logo{
	/*background: url(images/Logo-APCars.png) no-repeat left top;*/
    padding-top: 20px;
    height: 90px;
	max-width:100%;
	backgroung: #1c1c1c no-repeat top; 
}

#logo a{
    text-decoration: none;
    color: #ffffff;
}

#logo h1{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 40px;
    font-style: italic;
    color: #ffffff;
    font-weight: normal;
}
#logo small{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-style: italic;
    color: #ffffff;
    font-weight: normal;
    padding-left: 30px;
}
}
#logo2{
    padding-top: 0px;
    padding-right: 10px;
    height: 50px;
}

#logo2 a{
    text-decoration: none;
    color: #ffffff;
}

#logo2 h1{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 28px;
    font-style: italic;
    color: #ffffff;
    font-weight: normal;
}

#logo2 small {
    float: right;
    word-spacing: 2pt;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 24px;
    font-style: italic;
    color:  #fafafa;
    font-weight: normal;
    padding-left: 30px;
}

#titulo{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 40px;
    height: 5px;
    font-style: italic;
    color: #232323;
/* background: #737373; */
background: -webkit-linear-gradient(left, #5b5b5b, #434343); 
background: -o-linear-gradient(right, #5b5b5b, #434343); 
background: -moz-linear-gradient(right, #5b5b5b, #434343); 
background: linear-gradient(to right, #5b5b5b, #434343); 

  /*  background: -webkit-linear-gradient(#5b5b5b, #434343); 
    background: -o-linear-gradient(#5b5b5b, #434343); 
    background: -moz-linear-gradient(#5b5b5b, #434343); 
    background: linear-gradient(#5b5b5b, #434343); */

    font-weight: normal;
    padding-left: 30px;
    margin: 0 auto;
}

/*content*/
@media screen and (min-width:900px) {
.clear_con{
    height: 15px;
    clear: both;
}

.con_top{
       background: transparent no-repeat top; 
	/*background: -webkit-linear-gradient(#5b5b5b, #434343); 
	background: -o-linear-gradient(#5b5b5b, #434343); 
	background: -moz-linear-gradient(#5b5b5b, #434343); 
	background: linear-gradient(#5b5b5b, #434343); */


    height: 15px;
}

.con_top2{
   /* background: #c0353c no-repeat top left;*/
       background: -webkit-radial-gradient(  grey, #9F2D32, #c0353c);
       background: -o-radial-gradient( grey, #9F2D32, #c0353c); 
       background: -moz-radial-gradient(  grey, #9F2D32, #c0353c); 
       background: radial-gradient( grey, #9F2D32, #c0353c);
    height: 15px;
}
.con_bot{
    /*background: #c0353c no-repeat top left;*/
      background: -webkit-radial-gradient(  grey, #9F2D32, #c0353c);
       background: -o-radial-gradient( grey, #9F2D32, #c0353c); 
       background: -moz-radial-gradient(  grey, #9F2D32, #c0353c); 
       background: radial-gradient( grey, #9F2D32, #c0353c);

    height: 15px;
}

/*prev box*/

.prev_box{
    /*background: linear-gradient(to bottom right, #C0353C, grey);	*/
       background: linear-gradient(to bottom right, grey, white);
    padding-left: 10px;
    min-height: 380px;	
}
/*
.prev_box_header{
    background: #fff;
    padding-left: 10px;	
}
*/

#page1{
    background: url(images/presentacion1.png) no-repeat left top;
    width: 880px;
    height: 321px;
}


.but_left, .but_right{
    padding-top: 150px;
    padding-left: 10px;
    padding-right: 10px;
}
.but_left{
    float: left;
}

.but_right{
    float: right;
}

.prev_text{
    padding-top: 105px;
    padding-left: 20px;
    clear: both;
}

h2{
    font-family: Georgia,'Times New Roman',times,serif;
    font-size: 16px;
    /*color: #003495;*/
	color: red;
    font-weight: normal;
}

h3{
    color: #FFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: normal;
    padding-bottom: 10px;
}
.read a{
    background: url(images/read_more.png) no-repeat center;
    width: 78px;
    height: 21px;
    display: block;
    text-align: center;
    color: #ffffff;
    font-weight: normal;
    float: right;
    margin-right: 5px;
    margin-top: 10px;
}

.more a{
    background: url(images/more.png) no-repeat center;
    width: 155px;
    height: 31px;
    display: block;
    text-align: center;
    color: #ffffff;
    font-weight: normal;
    font-size: 18px;
    text-transform: uppercase;
    padding-top: 12px;
    float: right;
    margin-right: 5px;
    margin-top: 10px;
    font-family: Georgia,'Times New Roman',times,serif;
}

/*footer*/

#footer_box{
	margin: 0 auto;
       background: transparent no-repeat top;
   /* background: #ffffff;*/
   /* background: -webkit-radial-gradient(black, grey, black);
       background: -o-radial-gradient(black, grey, black); 
       background: -moz-radial-gradient(black, grey, black); 
       background: radial-gradient(black, grey, black); */
    padding-left: 10px;
}

.footer_bg{
    background: url(images/more_bg.jpg) repeat-y center;
    width: 842px;
    padding-right: 30px;
    padding-left: 10px;
}

.foot_col1, .foot_col2, .foot_col3, .foot_col4{
    float: left;
}

.foot_col1{
	
    width: 274px;
}

.foot_col2, .foot_col3{
    width: 284px;
    padding-left: 40px;
}

.foot_col4{
    width: 234px;
    padding-left: 20px;
}

#footer a, #footer p{
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    color: #454545;
    font-weight: normal;
}

.footer_text{
    float: left;
}

.footer_img{
    float: right;
    padding-top: 3px;
}

.footer_more a{
    background: url(images/ls1.png) no-repeat center right;
    width: 50px;  
    display: block;
    text-align: center;
    color: #004cf4;
    font-weight: normal;
    float: right;
    margin-right: 5px;
}

.ls{
    list-style: none;
    padding-left: 0px;
}

.ls li{
    margin-bottom: 4px;

    background: url(images/bot_bor.png) repeat-x bottom;
}

.ls li a{
    background: url(images/ls1.png) no-repeat 0px 6px;
    display: block;
    padding-left: 15px;
    padding-bottom: 4px;
    color: #000000;
    font-weight: normal;
}

.ls li a:hover{
    color: #a7001c;
}

.ls_style{
    background: url(images/ls1.png) no-repeat 0px 6px;
    display: block;
    padding-left: 15px;
    color: #000000;
}

.bot_bor{
    background: url(images/bot_bor.png) repeat-x bottom;
    padding-top: 10px;
    padding-left: 30px;
    padding-bottom: 15px;
    margin-bottom: 20px;
}

.pad_left{
    padding-left: 20px;
    margin-bottom: 5px;
}

/*index*/

.col1 p, .col2 p, .col3 p, .col4 p{
    line-height: 20px;
    font-style: italic;
    padding-top: 10px;
}

.col1, .col3{
    width: 690px;
    float: center;
}
.col2, .col4{
    width: 690px;
    float: center;
}
.col1, .col2, .col3, .col4{
	padding-top: 20px;
    padding-right: 57px;
	padding-left: 57px;
}
.colm1 p, .colm2 p, .colm3 p, .colm4 p{
    line-height: 20px;
    font-style: italic;
    padding-top: 10px;
}

.colm1, .colm3{
    width: 290px;
    float: left;
}
.colm2, .colm4{
    width: 290px;
    float: right;
}
.colm1, .colm2, .colm3, .colm4{
	padding-top: 20px;
    padding-right: 57px;
	padding-left: 57px;
}
.more_top{
    background: url(images/more_top.jpg) no-repeat bottom;
    width: 882px;
    height: 11px;
    padding-top: 30px;
}

.more_bg{
    background: url(images/more_bg.jpg) repeat-y center;
    width: 852px;
    padding-right: 30px;
}

.more_bg p{
    font-family: Georgia,'Times New Roman',times,serif;
    font-size: 18px;
    color: #454545;
    line-height: 36px;
    padding-left: 10px;
    padding-right: 10px;
}
.more_bot{
    background: url(images/more_bot.jpg) no-repeat bottom;
    width: 882px;
    height: 11px;
}
#logo2{
    padding-top: 0px;
	padding-right: 10px;
    height: 50px;
}

#logo2 a{
    text-decoration: none;
    color: #ffffff;
}

#logo2 h1{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 26px;
    font-style: italic;
    color: #ffffff;
    font-weight: normal;
}

#logo2 small{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 28px;
    font-style: italic;
    color:  #FFF;
    font-weight: normal;
    padding-left: 30px;
}


}
/*gallery*/

.row {
    padding-left: 1px;
    height: 270px;
}

.box_img2 {
    width: 273px;
    padding: 3px 0px 0px 3px;
    float:left;
}

.box_razd {
    width: 24px;
    height: 50px;
    float: left;
}
.box_img2 h4 {
    font-family: Georgia,'Times New Roman',times,serif;
    font-size:18px;
    font-weight: normal;
    color: #004cf4;
    text-align: left;
    padding-bottom: 20px;
    padding-left: 60px;
}

.pirobox_gal1
{
    width: 298px;
    height: 123px;
    display: block;
}

.pirobox_gal1:hover
{
    width: 298px;
    height: 123px;
    display: block;
    background:url(images/rol_over_galery.png) left top no-repeat;
}

.bold{
    font-weight: bold;
    padding-top: 10px;
}

/*contact*/

.contact_content_bg{
    background: url(images/con_bg.png) repeat-y center;
    padding-left: 20px;
}

.contact_content_left{
    padding-right: 20px;
    float: left;
    width: 586px;
}

.contact_content_left p{
    line-height: 20px;
}

.contact_content_right{
    float: left;
    width: 274px;
}

#contact_form fieldset {
    border: none;
}

#contact_form input {
    margin-bottom: 5px;
}

#contact-submit{
    width: 78px;
    height: 23px;
    color: #000000;
    background: url(images/read_more.png);
    background-repeat:no-repeat;
    background-position:left bottom;
    border: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
}

#contact-clear{
    width: 78px;
    height: 23px;
    color: #000000;
    background: url(images/read_more.png);
    background-repeat:no-repeat;
    background-position:left bottom;
    border: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
}

#con_name, #con_email, #con_website {
    width: 566px;
    height: 26px;
    padding-top: 0px;
    padding-left: 10px;
    padding-right: 10px;
    border: none;
    background: url(images/input_bg.jpg);
    background-repeat:no-repeat;
    background-position:left top;
    color: #000000;
    padding-bottom: 5px;
}

#con_mess {
    width: 566px;
    height: 125px;
    padding-top: 4px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 15px;
    border: none;
    background: url(images/mess_text.jpg);
    background-repeat:no-repeat;
    background-position:left top;
    color: #000000;
    margin-bottom: 10px;
}

h5 {
    font-family: Georgia,'Times New Roman',times,serif;
    font-size:18px;
    font-weight: normal;
    color: #004cf4;
    text-align: left;
    padding-top: 20px;
    padding-bottom: 10px;
}

.contact_content_left h6 {
    font-family: Georgia,'Times New Roman',times,serif;
    font-size:18px;
    font-weight: normal;
    color: #004cf4;
    text-align: left;
    padding-top: 5px;
    padding-bottom: 10px;
}

.contact_content_left h5{
    background: url(images/bot_bor.png) repeat-x bottom;
    padding-top: 0px;
    margin-bottom: 10px;
}

.contact_content_right h6{
    font-family: Georgia,'Times New Roman',times,serif;
    font-size: 18px;
    font-weight: normal;
    color: #ffffff;
    background: url(images/title.jpg) no-repeat top left;
    text-align: center;
    width: 274px;
    height: 40px;
    padding-top: 14px;
}

.pad_left_con{
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
}

/*aboutus*/

.datebox{
    background: url(images/bot_bor.png) repeat-x bottom;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.datebox a{
    font-weight: normal;
}

.date, .user, .com{
    width: 33.3%;
    float: left;
}

.date a{
    background: url(images/date.jpg) no-repeat 0px 1px;
    padding-left: 20px;
    display: block;
    height: 17px;
    margin-left: 3px;
}

.user a{
    background: url(images/user.jpg) no-repeat 0px 3px;
    padding-left: 20px;
    display: block;
    height: 17px;
}

.com a{
    background: url(images/com.jpg) no-repeat 0px 3px;
    padding-left: 20px;
    display: block;
    height: 17px;
}

/* Header Scroll */

.nivoSlider { position:relative; max-width: 100%;}
.nivoSlider img { position:absolute; top:0px; left:0px; }
.nivoSlider a.nivo-imageLink { position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:60; display:none;}
.nivo-slice { display:block; position:absolute; z-index:50; height:100%; }
.nivo-caption {	position:absolute; left:0px; bottom:0px;  color:#000; width:100%; z-index:89; padding-left: 10px; font-weight: bold}
.nivo-caption p { padding:10px 5px; margin:0; text-indent:-9999%; }
.nivo-directionNav a {position:absolute; width:45px; height: 60px; top:41%; z-index:99; cursor:pointer; text-indent:-9999%;}
.nivo-prevNav { background-position: left bottom; left:20px; background:url(images/but_left.png) no-repeat;}
.nivo-nextNav { background-position: left top; right: 0px; background:url(images/but_right.png) no-repeat;}
.nivo-controlNav { bottom:-20px; position:absolute; right:0;}
.nivo-controlNav a { float:left; width:14px; height:14px; display:block; position:relative; z-index:99;cursor:pointer; text-indent:-9999%; background:url(images/scroll_small.png) no-repeat scroll right top;}
.nivo-controlNav a.active {	background-position:left top; margin-top:-1px;}