/** CSS RESET **/
body{ padding: 0; margin: 0; font: 13px Arial, Helvetica, Garuda, sans-serif; font-size: small; font-size: x-small; }
h1, h2, h3, h4, h5, h6,  em, pre, code{
			padding: 0; margin: 0; line-height: 1em; font-size: 100%; font-weight: normal; font-style: normal;
			}
table{ font-size: inherit; font-size: 100%; }
ul{list-style-type:square; }

img{ border: 0; }
p{ margin: 1em 0; }
input, textarea, select{ border: none; background: none; outline: none; }










/** ADDING THE NON WEBSAFE FONTS **/
@font-face {
    font-family: 'custom-font';
    src: url('../fonts/jennasue-webfont.eot');
    src: url('../fonts/jennasue-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/jennasue-webfont.woff') format('woff'),
         url('../fonts/jennasue-webfont.ttf') format('truetype'),
         url('../fonts/jennasue-webfont.svg#JennaSueRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/** COVERIN' THE BASICS **/
body{ background:  white; font-family: Arial, Helvetica,sans-serif;
	  margin: 0px;
	}

h1{ font-size: 38px; color: #383839; }
h2{ font-size: 34px; color: #383839; }
h3{ font-size: 30px; color: #383839; }
h4{ font-size: 26px; color: #383839; }
h5{ font-size: 22px; color: #383839; }
h6{ font-size: 20px; color: #383839; }

.custom-font{ font-family: 'custom-font'; color: #000000; }
.h2 { font-family: 'custom-font'; color: #383839; }




p{ color: #4c4c4c; font-size: 12px; line-height: 18px; }

blockquote{ background: #e1ddd5; border: 1px solid #ada595; padding: 15px; color: #4c4c4c; font-size: 12px; font-style: italic; }

.highlight{ background: #f8f7f6; padding: 4px; }

a{ text-decoration: none; color: #383839; outline: none; }
a img{ border: none; }

img, input[type="text"], textarea, select{ background: #e4e2df; padding: 6px; border: 1px solid #c3bbab; }

.spacer{ clear:both; height: 0px; } 

/** WRAPPER **/
.wrapper{ width: 950px; margin-left: auto; margin-right: auto; }

/** HEADER **/
.header{ margin-top: 20px; margin-bottom: 20px; }
.logo{ font-size: 43px; float: left; }
.logo a span{ font-size: 35px; }
.logo a img{ vertical-align: -20%; border: none; background: none; padding: 0px; }
.navigation{ float: right; margin-top: 6px; }
.navigation ul li{ float: left; padding: 5px 10px; border-right: 1px solid #949495; }
.navigation ul li:hover{ background: #e4e2df; }
.navigation ul li a{ display: block; font-size: 20px; color: #383839; }
.navigation ul li span{ padding-top: 5px; display: block; }
.navigation ul .last{ border: none; }
.navigation ul .current{ background: #e4e2df; }

#content.ul {list-style-type:circle}


/** HOME TOP **/
.home-top-left{ float: left; margin-right: 10px; }
.home-top-right{ float: right; width: 570px; }

/** HOME BOTTOM **/
.home-bottom{ margin-top: 20px; }
.home-bottom-column{ float: left; margin-left: 20px; }

/** PORTFOLIO FREE CSS **/
.portfolio-free-row{ margin-top: 30px; }
.portfolio-free-item{ float: left; margin-left: 20px; width: 465px; }
.portfolio-free-item-text{ margin-top: 10px; }
.portfolio-free-item-text h2{ margin: 0px; }
.portfolio-free-item-text p{ margin-top: 0px; width: 445px; margin-left: 10px; }

/** CONTACT FREE **/
.contact{ margin-top: 20px; margin-bottom: 50px; }
.contact-form-free{ }
.contact-form{ }
.contact-form-row{ margin-top: 15px; }
.contact-form-item{ float: left; margin-left: 24px; }
.contact-form-item label{ display: block; }
.contact-form-item-full label{ display: block; }
.contact-form-row label{ font-size: 15px; color: #383839; margin-bottom: 5px; }
.contact-form-item-submit input{ background: url(../img/contact/send-message.png) top left no-repeat; width: 111px; height: 40px;
								 float: right;
							   }
.contact-form-free{ width: 568px; margin-left: auto; margin-right: auto; }
.contact-header-free{ text-align: center; }

/** FOOTER **/
.footer{ width: 910px; background: #e1ddd5; padding: 20px; border-top: 3px solid #cdc7bc; margin-top: 15px; }
.footer-left{ float: left; }
.footer-logo{ font-size: 26px; display: block; margin-bottom: -10px; padding: 0px; }
.footer-link{ color: #383839; }
.footer-left font{ padding: 6px; }
.footer-right{ float: right; }
.footer-right span{ display: block; color: #383839; text-align: right; }
.footer-right span a{ text-decoration: underline; }




/* NAVIGATION ELEMENTS */
#navigation
    {
    margin-left: 5px;
    }

#navigation ul
    {
    margin-left: 0;

    padding-left: 0;
    list-style-type: none;list-style: none;
    float:       left;
    width:       13em;margin-top:0px;
    }


#navigation li
    {
    margin-left: 0;

    padding-left: 0;
list-style: none;
    }




#navigation a
    {
    display: block;
list-style-type: none;font-weight:bold;
    font-weight: bold;
    padding: 5px;
    width:   289px;
    border-bottom: 1px solid #CCC;height:2em;
    }

#navigation a:link, #navlist a:visited
    {
    color: black;

    text-decoration: none;
    }

#navigation a:hover
    {
    background: #F5F5F5 url('arrow.gif') no-repeat 96% 50%;

    color:black; background-color:#F5F5F5
    }




.titulo { font-family: 'custom-font'; color: #383839; }



a.gflag {vertical-align:middle;font-size:16px;padding:1px 0;background-repeat:no-repeat;background-image:url('http://joomla-gtranslate.googlecode.com/svn/trunk/mod_gtranslate/tmpl/lang/16.png');}
a.gflag img {border:0;}
a.gflag:hover {background-image:url('http://joomla-gtranslate.googlecode.com/svn/trunk/mod_gtranslate/tmpl/lang/16a.png');}




/** AFTER CSS **/
.first{ margin-left: 0px; }
.size3{ width: 258px; }
.size5{ width: 555px; }
.height1{ height: 90px; }



.logoayto{ font-size: 13px; float: top;padding:0px;margin:0px; }

.logoayto a img{  border: none; background: none; padding: 0px;margin:0px; }



.iconlist
{
list-style: none;
margin: 0;
padding: 0;
text-align: left;padding-left:5px;
font: normal 95% "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
text-decoration: none;
color: #999;
}


.iconlist li
{
display: inline;
list-style-type: none;
padding-right: 4px;
font: normal 95% "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
}

.iconlist a
{
display: inline;
list-style-type: none;

font: normal 95% "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
}


.iconlist li.pdf
{
background-image: url('../../images/iconostb/pdf.gif');
background-repeat: no-repeat;
background-position: 0 50%;
margin: .4em 0; padding-left:18px; padding-right:0; padding-top:3px; padding-bottom:3px
}

.iconlist li.print
{
background-image: url('../../images/iconostb/print.gif');
background-repeat: no-repeat;
background-position: 0 50%;
margin: .4em 0; padding-left:18px; padding-right:0; padding-top:3px; padding-bottom:3px
}

.iconlist li.sonido
{
background-image: url('../../images/iconostb/sonido.gif');
background-repeat: no-repeat;
background-position: 0 50%;
margin: .4em 0; padding-left:18px; padding-right:0; padding-top:3px; padding-bottom:3px
}

.iconlist li.mapa
{
background-image: url('../../images/iconostb/mapa.gif');
background-repeat: no-repeat;
background-position: 0 50%;
margin: .4em 0; padding-left:18px; padding-right:0; padding-top:3px; padding-bottom:3px
}

.iconlist li.mail
{
background-image: url('../../images/iconostb/mailing.gif');
background-repeat: no-repeat;
background-position: 0 50%;
margin: .4em 0; padding-left:18px; padding-right:0; padding-top:3px; padding-bottom:3px
}

.iconlist li.facebook
{
background-image: url('../../images/iconostb/facebook.gif');
background-repeat: no-repeat;
background-position: 0 50%;
margin: .4em 0; padding-left:18px; padding-right:0; padding-top:3px; padding-bottom:3px
}

.iconlist li.twitter
{
background-image: url('../../images/iconostb/twitter.gif');
background-repeat: no-repeat;
background-position: 0 50%;
margin: .4em 0; padding-left:18px; padding-right:0; padding-top:3px; padding-bottom:3px
}


#pipe ul {
				margin-left: 0;
				padding-left: 0;
				display: inline;
				}
			
#pipe ul li {
				margin-left: 0;
				padding: 3px 5px;			
				list-style: none;
				display: inline;
				}
			
			
#pipe ul li.last {
				margin-left: 0;
				border-left: none;
				list-style: none;
				display: inline;
				}

.searchbutton {

     width: 60px;
     height: 23px;
     margin-top: 1px;
     border: 1px solid #dcdcdc;
     border-radius: 3px;
     background: #f1f1f1 url('search.gif') no-repeat center;
	outline: none;
	
	}
	
.searchfield {
 height: 23px;outline: none;

}	




#superior ul
	{
	list-style: none;
	padding: 0;
	margin: 0;
} 

#superior li
{
float: left;
margin: 0 0.15em;
} 


	
			 #superior strong
				{
			vertical-align:top;font-size:12px;margin:5px;padding:5px;
				font-weight: bold;
				color:navy;
			
				}
			
	
#superior img
							{
						float:left;margin-right:3px;
					
						
				}
				
				
#superior a
							{
							
							text-decoration:none;
							padding: 5px;
							
							float:left;
						width: 18em;font-size:12px;
							vertical-align:top;
							color: black;
							font-weight:normal;
							}
						
		#superior a:link, #superior a:visited
							{
							/*  color:black; */
							color: black;
						
							text-decoration: none;
							}
						
		#superior a:hover
							{
							background: #F5F5F5 url('arrow.gif') no-repeat 96% 50%;
						
							color:black; background-color:#F5F5F5
				}



h2,h3 {font-size: 18px;font-weight:bold;}