/* style.css */
/************************************************************************************
IMPORTACION DE FUENTES 
http://www.kirsle.net/wizards/ttf2eot.cgi
http://www.google.com/webfonts
*************************************************************************************/

@font-face {
 font-family: OpenSans-Light;
 src: url("fonts/OpenSans-Light.eot") /* EOT file for IE */
}

@font-face {
 font-family:  OpenSans-Light;
 src: url("fonts/OpenSans-Light.ttf") /* TTF file for CSS3 browsers */
}




/************************************************************************************
RESET
*************************************************************************************/

html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {
	margin: 0;
	padding: 0;
}

img, fieldset {
	border: 0;
}


/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display: block;
}

/************************************************************************************
GENERAL STYLING
*************************************************************************************/

body {
	font: .81em/150% Arial, Helvetica, sans-serif;
	color: #666;
	background-color: #5E3823;
	background-image:url(body01.jpg);
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-attachment: fixed;	
	background-position: top center;			
}

a {
	color: #026acb;
	text-decoration: none;
	outline: none;
}

a:hover {
	text-decoration: underline;
}

p {
	margin: 0 0 1.2em;
	padding: 0;
}

/* list */
ul, ol {
	margin: 1em 0 1.4em 24px;
	padding: 0;
	line-height: 140%;
}

li {
	margin: 0 0 .5em 0;
	padding: 0;
}

/* headings */
h1, h2, h3, h4, h5, h6 {
	line-height: 1.4em;
	color: #000;
}

h1 {
	font-size: 2em;
}

h2 {
	font-size: 1.6em;
}

h3 {
	font-size: 1.4em;
}

h4 {
	font-size: 1.2em;
}

h5 {
	font-size: 1.1em;
}

h6 {
	font-size: 1em;
}

/************************************************************************************
HEADER LOGO
*************************************************************************************/

#pagewrapLogo {
	width: 980px;
	margin: 0 auto;
	/*background-color:#FFFFFF;*/
	padding:0px;
}

#col_h_1 {
	float: left;
	width: 380px;
	display: block;
	height: 135px;
	cursor:pointer;
}

#col_h_1 img {
	/*width: auto/9;*/ /* ie8 */ /* No valida en css */
	width: 100%; 
	max-width: 100%;
	height: auto;
}

#col_h_2 {
	float:right;
	width: 600px;
	display: block;
	height: 135px; 
	position: relative;
}

#col_h_2 img {
position: absolute;
top: 50%;
left: 50%;
margin-top: -21px; /* Mitad altura de la imagen */
margin-left: -236px; /* Mitad ancho de la imagen */
}
/************************************************************************************
HEADER TELEFONOS
*************************************************************************************/

#pagewrapTelefonos {
	width: 980px;
	margin: 0 auto;
	padding:0px;
}

#Telefonos {
	display:none;
	/*width: auto/9;*/ /* ie8 */ /* No valida en css */
	width: 100%; 
	max-width: 100%;
	height: auto;
	margin: 0 auto;	
	text-align:center;
}

/************************************************************************************
HEADER MENU
*************************************************************************************/

#pagewrapMenu {
	clear: both;
	width: 980px;
	margin: 0 auto;
}

/************************************************************************************
CUERPO
*************************************************************************************/

#pagewrap {
	width: 980px;
	margin: 0 auto;
	background-color:#FFFFFF; /*COLOR DE FONDO */
}

/************************************************************************************
CONTENT
*************************************************************************************/

#content {
	background: #fff;
	padding: 20px 35px;
	width: 600px;
	float: left;
}

#content img {
	/*width: auto/9;*/ /* ie8 */ /* No valida en css */
	width: 100%; 
	max-width: 100%;
	height: auto;
}


#content img.alignleft, a img.alignleft {
width:25%;
	float:left;
	margin: 0px 10px 3px 0px; 
/*	border: solid 0px; 
	border-color:#BC6C65*/

}	
#content img.taller, a img.taller {
width:70%;
	float:left;
	margin: 0px 10px 3px 0px; 
/*	border: solid 0px; 
	border-color:#BC6C65*/

}	
#content img.taller2, a img.taller2 {
width:25%;
	float:left;
	margin: 0px 0px 20px 0px; 
/*	border: solid 0px; 
	border-color:#BC6C65*/

}	

#content img.alignright, a img.alignright {
	float:right;
	margin: 0px 0px 3px 10px;
}


.titulo {
	font-family: "OpenSans-Light",Arial,Helvetica,Sans-Serif;
	font-size: 30px;
	color: #333333;	
	margin: 0 0 5px;
	padding: 0;

}

.titulo a {
	text-decoration: none;
	color: #000;
}

.tituloSub {
	font-family: "OpenSans-Light",Arial,Helvetica,Sans-Serif;
	font-size: 20px;
	color: #333333;	
	margin: 0 0 5px;
	padding: 0;

}

.tituloSub a {
	text-decoration: none;
	color: #000;
}

.texto {
	font-family: "OpenSans-Light",Arial,Helvetica,Sans-Serif;
	font-size: 14px;
	color: #000000;
	text-align : justify;	
}

.texto a{
	font-family: "OpenSans-Light",Arial,Helvetica,Sans-Serif;
	font-size: 14px;
	font-weight:normal;
	color: #000000;
	text-decoration:none;
	border-bottom:dotted 1px #FF0000;
	text-align : justify;	
}

.texto a:hover{
	font-family: "OpenSans-Light",Arial,Helvetica,Sans-Serif;
	font-size: 14px;
	font-weight:normal;
	color: #FF0000;
	text-decoration:none;
	border-bottom:dotted 1px #FF0000;
	text-align : justify;	
}

.texto_mini {
	font-family: "OpenSans-Light",Arial,Helvetica,Sans-Serif;
	font-size: 13px;
	color: #000000;
	text-align : justify;	
}

.texto_mini a{
	font-family: "OpenSans-Light",Arial,Helvetica,Sans-Serif;
	font-size: 13px;
	font-weight:normal;
	color: #000000;
	text-decoration:none;
	border-bottom:dotted 1px #FF0000;
	text-align : justify;	
}

.texto_mini a:hover{
	font-family: "OpenSans-Light",Arial,Helvetica,Sans-Serif;
	font-size: 13px;
	font-weight:normal;
	color: #FF0000;
	text-decoration:none;
	border-bottom:dotted 1px #FF0000;
	text-align : justify;	
}

.titulofoto {
	font-family: "OpenSans-Light",Arial,Helvetica,Sans-Serif;
	font-size: 14px;
	color: #000000;
	text-align : center;	
}

/* post */
.post {
	margin-bottom: 20px;
}

.post-meta {
	margin: 0 0 10px;
	font-size: 90%;
}

/* post image */
.post-image {
	margin: 0 0 15px;
	
}



/************************************************************************************
CONTENT COLUMNAS
*************************************************************************************/

#colu_2_1 {
	width: 33%;
	float:left;
}

#colu_2_2 {
	width: 33%;
	float:right;
}

#colu_2_3 {
	width: 33%;
	float:right;
}

/************************************************************************************
SIDEBAR COMUNES A TODOS LOS
*************************************************************************************/

#sidebar {
	width: 310px;
	float: right;
	margin: 0px 0 0px;
}

.widgettitle {
	margin: 0 0 5px;
	padding: 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFFFFF;
}

.tituloSidebar {
	font-family: "OpenSans-Light",Arial,Helvetica,Sans-Serif;
	font-size: 20px;
	color: #ffffff;	
	margin: 0 0 5px;
	padding: 0;

}

.tituloSidebar a {
	text-decoration: none;
	color: #000;
}

.tituloSubSidebar {
	font-family: "OpenSans-Light",Arial,Helvetica,Sans-Serif;
	font-size: 20px;
	color: #333333;	
	margin: 0 0 5px;
	padding: 0;
}

.tituloSubSidebar a {
	text-decoration: none;
	color: #000;
}

.textoSidebar {
	font-family: "OpenSans-Light",Arial,Helvetica,Sans-Serif;
	font-size: 14px;
	color: #ffffff;
	text-align : justify;	
}

.textoSidebar a{
	font-family: "OpenSans-Light",Arial,Helvetica,Sans-Serif;
	font-size: 14px;
	font-weight:normal;
	color: #ffffff;
	text-decoration:none;
	border-bottom:dotted 1px #cccccc;
	text-align : justify;	
}

.textoSidebar a:hover{
	font-family: "OpenSans-Light",Arial,Helvetica,Sans-Serif;
	font-size: 14px;
	font-weight:normal;
	color: #FFFF00;
	text-decoration:none;
	border-bottom:dotted 1px #FFFF00;
	text-align : justify;	
}

.texto_miniSidebar {
	font-family: "OpenSans-Light",Arial,Helvetica,Sans-Serif;
	font-size: 13px;
	color: #FFFFFF;
	text-align : justify;	
}

.texto_miniSidebar a{
	font-family: "OpenSans-Light",Arial,Helvetica,Sans-Serif;
	font-size: 13px;
	font-weight:normal;
	color: #FFFFFF;
	text-decoration:none;
	text-align : justify;	
}

.texto_miniSidebar a:hover{
	font-family: "OpenSans-Light",Arial,Helvetica,Sans-Serif;
	font-size: 13px;
	font-weight:normal;
	color: #FF0000;
	text-decoration:none;
	border-bottom:dotted 1px #FF0000;
	text-align : justify;	
}
/************************************************************************************
GALMUESTRA
*************************************************************************************/

.GalMuestra {
	background: #E3EDD4;
	margin: 0 0 0px;
	text-align:left;
/*	padding: 10px 20px;*/
}

.GalMuestra img { 
width: 100%; 
height: auto; 
margin: 0 0 0px;


}

.GalMuestragallery { 
list-style: none; 
padding: 0; 
margin: 0; 
}

.GalMuestragallery ul {
	margin: 0;
	padding: 0;
}

.GalMuestragallery li {
float: left; 
width: 20%; 
}

.GalMuestragallery li img { 
display: block; 
width: 100%; 
height: auto; 
}
/************************************************************************************
GALMUESTRA2
*************************************************************************************/

.GalMuestra2 {
	background: #E3EDD4;
	margin: 0 0 0px;
	text-align:left;
/*	padding: 10px 20px;*/
}

.GalMuestra2 img { 
width: 100%; 
height: auto; 
margin: 0 0 0px;


}

.GalMuestra2gallery { 
list-style: none; 
padding: 0; 
margin: 0; 
}

.GalMuestra2gallery ul {
	margin: 0;
	padding: 0;
}

.GalMuestra2gallery li {
background:#FFFFFF;
float: left; 
width: 25%; 

}

.GalMuestra2gallery li:hover {

background:#46681E;
}

.GalMuestra2gallery li img { 
display: block; 
width: 100%; 
height: auto; 
}
/************************************************************************************
GALMUESTRA3
*************************************************************************************/

.GalMuestra3 {
	background: #E3EDD4;
	margin: 0 0 0px;
	text-align:left;
/*	padding: 10px 20px;*/
}

.GalMuestra3 img { 
width: 100%; 
height: auto; 
margin: 0 0 0px;


}

.GalMuestra3gallery { 
list-style: none; 
padding: 0; 
margin: 0; 
}

.GalMuestra3gallery ul {
	margin: 0;
	padding: 0;
}

.GalMuestra3gallery li {
background:#E1E0CD;
float: left; 
width: 33.333333%; 

}

.GalMuestra3gallery li:hover {

background:#ffffff;
}

.GalMuestra3gallery li img { 
display: block; 
width: 100%; 
height: auto; 
}

/************************************************************************************
SEPARADORES
*************************************************************************************/

.separador {
	/*background: #1b0d31;*/
	margin: 0 0 0px;
	padding: 0px 0px;
	margin: 0;
	padding: 6px 0;
	list-style: none;
	clear: both;
	border-top: dotted 1px #999999;
}
.separador_blanco {
	/*background: #1b0d31;*/
	margin: 0 0 0px;
	padding: 0px 0px;
	margin: 0;
	padding: 20px 0;
	list-style: none;
	clear: both;
}
/************************************************************************************
WIDGETS 1
*************************************************************************************/

.widget01 {
	/*background: #1b0d31;*/
	margin: 0 0 0px;
	padding: 10px 20px;

}

.widget01 ul {
	margin: 0;
	padding: 0;
}

.widget01 li {
	margin: 0;
	padding: 6px 0;
	list-style: none;
	clear: both;
	border-top: solid 1px #666666;
}
/************************************************************************************
WIDGETS 4
*************************************************************************************/

.widget04 {
	background: #E3EDD4;
	margin: 0 0 0px;
	text-align:center;
/*	padding: 10px 20px;*/
}

.widget04 img { 
width: 100%; 
height: auto; 
margin: 0 0 0px;


}

.widget04gallery { 
list-style: none; 
padding: 0; 
margin: 0; 
}

.widget04gallery ul {
	margin: 0;
	padding: 0;
}

.widget04gallery li {
float: left; 
/*width: 33.33333333%;*/
width: 50%; 
/*width: 19.55555555%;*/
}

.widget04gallery li img { 
display: block; 
width: 100%; 
height: auto; 
}
/************************************************************************************
WIDGETS 5
*************************************************************************************/
.tituloSidebar05 {
	font-family: "OpenSans-Light",Arial,Helvetica,Sans-Serif;
	font-size: 20px;
	color: #66666;	
	margin: 0 0 5px;
	padding: 0;
	text-align:left

}

.widget05 {
	background: #ffffff;
	margin: 0 0 0px;
	text-align:center;
	padding: 10px 20px;
}



.widget05 img { 
width: 100%; 
height: auto; 
margin: 0 0 0px;


}

.widget05gallery { 
list-style: none; 
padding: 0; 
margin: 0; 
}

.widget05gallery ul {
	margin: 0;
	padding: 0;
}

.widget05gallery li {
float: left; 
width: 33.33333333%;
/*width: 19.55555555%;*/
cursor:pointer;
}

.widget05gallery li img { 
display: block; 
width: 100%; 
height: auto; 
}

/************************************************************************************
WIDGETS 8
*************************************************************************************/
.tituloSidebar08 {
	font-family: "OpenSans-Light",Arial,Helvetica,Sans-Serif;
	font-size: 20px;
	color: #ffffff;	
	margin: 0 0 5px;
	padding: 0;
	text-align:left

}

.widget08 {
	background: #1B0D31;
	margin: 0 0 0px;
	text-align:center;
	padding: 10px 20px;
}



.widget08 img { 
width: 100%; 
height: auto; 
margin: 0 0 0px;


}

.widget08gallery { 
list-style: none; 
padding: 0; 
margin: 0; 
}

.widget08gallery ul {
	margin: 0;
	padding: 0;
}

.widget08gallery li {
float: left; 
/*width: 33.33333333%;*/
width: 100%;
/*width: 19.55555555%;*/
}

.widget08gallery li img { 
display: block; 
width: 100%; 
height: auto; 
}

/************************************************************************************
WIDGETS 9
*************************************************************************************/
.tituloSidebar09 {
	font-family: "OpenSans-Light",Arial,Helvetica,Sans-Serif;
	font-size: 20px;
	color: #ffffff;	
	margin: 0 0 5px;
	padding: 0;
	text-align:left

}

.widget09 {
	background: #1B0D31;
	margin: 0 0 0px;
	text-align:center;
	padding: 0px 0px;
	padding-top:1px;
	padding-bottom:1px;
}



.widget09 img { 
width: 100%; 
height: auto; 
margin: 0 0 0px;


}

.widget09gallery { 
list-style: none; 
padding: 0; 
margin: 0; 
}

.widget09gallery ul {
	margin: 0;
	padding: 0;
}

.widget09gallery li {
float: left; 
/*width: 33.33333333%;*/
width: 100%;
width: 25%;
width: 33.33333333%;
cursor:pointer;
}

.widget09gallery li img { 
display: block; 
width: 100%; 
height: auto; 
}


/************************************************************************************
WIDGETS 10
*************************************************************************************/
.tituloSidebar10 {
	font-family: "OpenSans-Light",Arial,Helvetica,Sans-Serif;
	font-size: 20px;
	color: #ffffff;	
	margin: 0 0 5px;
	padding: 0;
	text-align:left

}

.widget10 {
	background: #1B0D31;
	margin: 0 0 0px;
	text-align:center;
	padding: 0px 0px;
	padding-top:1px;
	padding-bottom:1px;
}



.widget10 img { 
width: 100%; 
height: auto; 
margin: 0 0 0px;


}

.widget10gallery { 
list-style: none; 
padding: 0; 
margin: 0; 
}

.widget10gallery ul {
	margin: 0;
	padding: 0;
}

.widget10gallery li {
float: left; 
/*width: 33.33333333%;*/
width: 100%;
/*width: 25%;
width: 33.33333333%;*/
cursor:pointer;
}

.widget10gallery li img { 
display: block; 
width: 100%; 
height: auto; 
}

/************************************************************************************
GALERIA DE FOTOS O VIDEOS
*************************************************************************************/

#ContentFancybox{ 
display: block;
padding-bottom: 30px;

}

.galleryFancybox { 
list-style: none; 
padding: 0; 
margin: 0; 
}

.galleryFancybox:after { 
clear: both; 
content: "."; 
display: block; 
height: 0; 
visibility: hidden; 
}

.galleryFancybox li { 
float: left; 
width: 22.22222222%; 
/*width: 19.55555555%; */
width: 33.333333333%; 
}

.galleryFancybox li a { 
display: block; 
margin: 5px; 
border: 2px solid #999999; 
}

.galleryFancybox li img { 
display: block; 
width: 100%; 
height: auto; 
}

/************************************************************************************
FOOTER
*************************************************************************************/

#footer {
	width: 980px;
	margin: 0 auto;
	background-color:#001D11;
	padding:0px;	
	
}

#footerBlock1 {
	float:left;
	width:580px;
	max-width:980px;
	margin:0 auto;
	text-align:left;
	padding-top:20px;
	padding-left:24px;
	padding-right:24px;
	padding-bottom:20px;
	display: block;
	
}

#footerBlock1 img{
	width: 100%; 
	max-width: 100%;
	height: auto;
}

#footerBlock2 {
	float:right; 
	width:330px;
	max-width:980px;
	height:auto;
	margin:0 auto;
	text-align:left;
	padding-top:20px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:20px;
	display: block;
}

#footerBlock2 li {
	margin: 0;
	padding-top:20px;
	padding-left:24px;
	padding-right:24px;
	padding-bottom:5px;
	list-style: none;
	clear: both;
	border-top: dotted 1px #666666;
}

#footerMap {
	display: block;	
}

.footerTexto {
	display: block;	
	width: 100%;
	max-width:980px;
	height:auto;
	margin:0 auto;
	font-family: "OpenSans-Light",Arial,Helvetica,Sans-Serif;
	font-size: 14px;
	color: #ffffff;
	text-align : justify;
	text-decoration:none;		
}
.footerTexto a {
	font-family: "OpenSans-Light",Arial,Helvetica,Sans-Serif;
	font-size: 14px;
	font-weight:normal;
	color: #FFFFFF;
	text-decoration:none;
	border-bottom:dotted 1px #666666;
}

.footerTexto a:hover{
	font-family: "OpenSans-Light",Arial,Helvetica,Sans-Serif;
	font-size: 14px;
	font-weight:normal;
	color: #FFFFFF;
	text-decoration:none;
	border-bottom:dotted 1px #FFFFFF;
}

#footerBajo {
	display: block;	
	width: 980px;
	margin: 0 auto;
	padding:0px;
	height:160px;	
}

#footerBajoBlock1 {
	float:left;
	width:900px;
	max-width:980px;
	margin:0 auto;
	text-align:left;
	padding-top:20px;
	padding-left:24px;
	padding-right:24px;
	padding-bottom:20px;
	display: block;
}

#footerBajoBlock1 img{
	width: 100%; 
	max-width: 100%;
	height: auto;
}

#footerBajoBlock2 {
	float:right; 
	width:306px;
	max-width:980px;
	height:auto;
	margin:0 auto;
	text-align: right;
	padding-top:20px;
	padding-left:0px;
	padding-right:24px;
	padding-bottom:20px;
	display: block;
}

.footerBajoTexto {
	display: block;	
	width: 100%;
	max-width:980px;
	height:auto;
	margin:0 auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;	
	color: #ffffff;
	text-align : justify;
	text-decoration:none;		
}
.footerBajoTexto a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;	
	color: #ffffff;
	text-decoration:none;
	border-bottom:dotted 0px #ffffff;
}

.footerBajoTexto a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;	
	color: #ffffff;
	text-decoration:none;
	border-bottom:dotted 1px #FFFFFF;
}

#footerBajoReferers {
	width: auto;
	float: none;
	margin: 0px 0px;
	padding:0px;
}	

#footerBajoReferersBlock1 {
	float: left;
	width: auto;
	padding-top:20px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:1px;
}	

#footerBajoReferersBlock2 {
	float: right;
	width: auto;
	padding-top:20px;
	text-align:center;
}
/************************************************************************************
CLEAR BOTH
*************************************************************************************/

.clear{ 
	clear:both;
}
/************************************************************************************
BOTONES
************************************************************************************/
#demobotones {background-color: #FFF;margin: 0 auto;padding: 20px;text-align: center;width: 400px;} 

.button{display: inline-block;text-decoration: none;font: bold 12px/12px Arial !important;padding: 8px 11px;color: #555;border: 1px solid #dedede;border-radius: 3px;margin:5px;} 

.button.white{background: #f5f5f5;filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#f0f0f0');background: -webkit-linear-gradient(top,  #f9f9f9, #f0f0f0);background: -moz-linear-gradient(top,  #f9f9f9, #f0f0f0);border-color: #dedede #d8d8d8 #d3d3d3;color: #555  !important;text-shadow: 0 1px 0 #fff;box-shadow: 0 0px 0px #eaeaea, inset 0 1px 0 #fbfbfb;} 

.button.white:hover{background: #f4f4f4;filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#f8f8f8');background: -webkit-linear-gradient(top,  #efefef, #f8f8f8);background: -moz-linear-gradient(top,  #efefef, #f8f8f8);border-color: #c7c7c7 #c3c3c3 #bebebe;color: #555  !important;text-shadow: 0 1px 0 #fdfdfd;box-shadow: 0 0px 0px #ebebeb, inset 0 1px 0 #f3f3f3;} 

.button.grey{background: #bdbdbd;filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#cacaca', endColorstr='#aeaeae');background: -webkit-linear-gradient(top,  #cacaca, #aeaeae);background: -moz-linear-gradient(top,  #cacaca, #aeaeae);border-color: #b5b5b5 #a1a1a1 #8f8f8f;color: #555  !important;text-shadow: 0 1px 0 #d4d4d4;box-shadow: 0 0px 0px #c9c9c9, inset 0 1px 0 #d7d7d7;} 

.button.grey:hover{background: #c2c2c2;filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#bcbcbc', endColorstr='#c2c2c2');background: -webkit-linear-gradient(top,  #bcbcbc, #c2c2c2);background: -moz-linear-gradient(top,  #bcbcbc, #c2c2c2);border-color: #989898 #8e8e8e #878787;color: #555  !important;text-shadow: 0 1px 0 #dadada;box-shadow: 0 0px 0px #cdcdcd, inset 0 1px 0 #ccc;} 

.button.pink{background: #f67689;filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f78297', endColorstr='#f56778');background: -webkit-linear-gradient(top,  #f78297, #f56778);background: -moz-linear-gradient(top,  #f78297, #f56778);border-color: #df6f8b #da5f75 #d55061;color: #913944  !important;text-shadow: 0 1px 0 #f89ca9;box-shadow: 0 0px 0px #c1c1c1, inset 0 1px 0 #f9a1b1;} 

.button.pink:hover{background: #f67c90;filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f56c7e', endColorstr='#f78297');background: -webkit-linear-gradient(top,  #f56c7e, #f78297);background: -moz-linear-gradient(top,  #f56c7e, #f78297);border-color: #c36079 #c25669 #c14e5c;color: #913944  !important;text-shadow: 0 1px 0 #f9a6b4;box-shadow: 0 0px 0px #c3c3c3, inset 0 1px 0 #f8909e;} 

.button.orange{background: #fecc5f;filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#feda71', endColorstr='#febb4a');background: -webkit-linear-gradient(top,  #feda71, #febb4a);background: -moz-linear-gradient(top,  #feda71, #febb4a);border-color: #f5b74e #e5a73e #d6982f;color: #996633  !important;text-shadow: 0 1px 0 #fedd9b;box-shadow: 0 0px 0px #d3d3d3, inset 0 1px 0 #fee395;} 

.button.orange:hover{background: #fecb5e;filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#fec354', endColorstr='#fecd61');background: -webkit-linear-gradient(top,  #fec354, #fecd61);background: -moz-linear-gradient(top,  #fec354, #fecd61);border-color: #d29a3a #cc9436 #c89133;color: #996633  !important;text-shadow: 0 1px 0 #fee1a0;box-shadow: 0 0px 0px #d4d4d4, inset 0 1px 0 #fed17e;} 

.button.green{background: #b7d770;filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#cae285', endColorstr='#9fcb57');background: -webkit-linear-gradient(top,  #cae285, #9fcb57);background: -moz-linear-gradient(top,  #cae285, #9fcb57);border-color: #adc671 #98b65b #87aa4a;color: #5d7731  !important;text-shadow: 0 1px 0 #cfe5a4;box-shadow: 0 0px 0px #d3d3d3, inset 0 1px 0 #d7e9a4;} 

.button.green:hover{background: #b9d972;filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8d872', endColorstr='#b9d972');background: -webkit-linear-gradient(top,  #b8d872, #b9d972);background: -moz-linear-gradient(top,  #b8d872, #b9d972);border-color: #8bb14d #83a648 #7d9e45;color: #5d7731  !important;text-shadow: 0 1px 0 #d5e8aa;box-shadow: 0 0px 0px #d5d5d5, inset 0 1px 0 #cae295;} 

.button.blue{background: #92dbf6;filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#abe4f8', endColorstr='#6fcef3');background: -webkit-linear-gradient(top,  #abe4f8, #6fcef3);background: -moz-linear-gradient(top,  #abe4f8, #6fcef3);border-color: #8dc5da #76b7cf #63abc7;color: #42788e  !important;text-shadow: 0 1px 0 #b6e6f9;box-shadow: 0 0px 0px #d6d6d6, inset 0 1px 0 #c0ebfa;} 

.button.blue:hover{background: #92dbf6;border-color: #7caec0 #68a3ba #5a9cb5;text-shadow: 0 1px 0 #bee9fa;box-shadow: 0 0px 0px #d6d6d6, inset 0 1px 0 #ade4f8;color: #42788e  !important;} 

.button.purple{background: #dfaeda;filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#e8c4e4', endColorstr='#d494ce');background: -webkit-linear-gradient(top,  #e8c4e4, #d494ce);background: -moz-linear-gradient(top,  #e8c4e4, #d494ce);border-color: #bc9db9 #ad89aa #a1799d;color: #7b5777  !important;text-shadow: 0 1px 0 #eacae6;box-shadow: 0 0px 0px #d5d5d5, inset 0 1px 0 #eed3eb;} 

.button.purple:hover{background: #e0b1db;filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#deabd9', endColorstr='#e0b1db');background: -webkit-linear-gradient(top,  #deabd9, #e0b1db);background: -moz-linear-gradient(top,  #deabd9, #e0b1db);border-color: #a482a0 #9b7897 #947090;color: #7b5777  !important;text-shadow: 0 1px 0 #ecd0e9;box-shadow: 0 0px 0px #cdcdcd, inset 0 1px 0 #ccc;} 

.button.teal{background: #9cedef;filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#b7f2f4', endColorstr='#7ce7ea');background: -webkit-linear-gradient(top,  #b7f2f4, #7ce7ea);background: -moz-linear-gradient(top,  #b7f2f4, #7ce7ea);border-color: #90c6c8 #78bdc0 #65b6ba;color: #437b7d  !important;text-shadow: 0 1px 0 #bef3f5;box-shadow: 0 0px 0px #d5d5d5, inset 0 1px 0 #c9f5f7;} 

.button.teal:hover{background: #9fedf0;border-color: #7db9bb #6bb2b5 #5dacaf;color: #437b7d  !important;text-shadow: 0 1px 0 #c5f4f6;box-shadow: 0 0px 0px #d5d5d5, inset 0 1px 0 #b7f2f4;} 

.button.darkblue{background: #a5b8c6;filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#becbd6', endColorstr='#88a1b4');background: -webkit-linear-gradient(top,  #becbd6, #88a1b4);background: -moz-linear-gradient(top,  #becbd6, #88a1b4);border-color: #a2afb8 #8696a1 #6f818f;color: #515f6a  !important;text-shadow: 0 1px 0 #c4d0d9;box-shadow: 0 0px 0px #d3d3d3, inset 0 1px 0 #ced8e0;} 

.button.darkblue:hover{background: #adbfcb;border-color: #8996a0 #798791 #6c7a85;color: #515f6a  !important;text-shadow: 0 1px 0 #ced9e0;box-shadow: 0 0px 0px #d3d3d3, inset 0 1px 0 #c2cfd8;} 

.button.black{background: #525252;filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#5e5e5e', endColorstr='#434343');background: -webkit-linear-gradient(top,  #5e5e5e, #434343);background: -moz-linear-gradient(top,  #5e5e5e, #434343);border-color: #4c4c4c #313131 #1f1f1f;color: #fff  !important;text-shadow: 0 1px 0 #2e2e2e;box-shadow: 0 0px 0px #afafaf, inset 0 1px 0 #868686;} 

.button.black:hover{background: #5a5a5a;border-color: #2c2c2c #1c1c1c #101010;color: #fff  !important;text-shadow: 0 1px 0 #363636;box-shadow: 0 0px 0px #b1b1b1, inset 0 1px 0 #838383;} 