/*  **** Brasilia Prima { HOLA! } ****
	Name: BrasiliaPrima
	Date: March 2011
	Description: Pequeña Fábrica de Diseños Deluxe.
	Version: 1.0
	Author: BrasiliaPrima
	Autor URI: http://brasiliaprima.com.ar
	Copyright: (c) 2011 BrasiliaPrima
*/


/*********************************** page styles *****************************/

	html, body {
	font-family:  'Ubuntu', arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	line-height: 13px;
	color: #333333;
	background-color: #FAFAFA;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
}
	::-moz-selection {background: #333333; color: #fff;}
	::selection {background: #333333; color: #fff;}

	h2 {color:#FAFAFA;}

/*********************************** my content index *****************************/



	#centrado {
	position:absolute;
	height:445px;
	width:900px;
	margin:-223px 0px 0px -450px;
	top: 50%;
	left: 50%;
	border: 0px;
	overflow: no;
}	

	a.style6:link		{
	color: #999999;
	text-decoration: none;
	font-weight: lighter;
	font-size: 14px;
	font-family: 'PT Serif', serif;
	font-weight: lighter;
	color: #333333;
}

	a.style6:visited	{
	color: #333333;
	text-decoration: none;
	font-weight: lighter;

}
	a.style6:active	{
	color: #333333;
	font-weight: lighter;
}

	a.style6:hover	{
	color: #FC354D;
	font-weight: lighter;
	text-decoration: none;

}	


/*********************************** botonera *****************************/


    #navprinci	{
	font-size: 14px;
	font-family: 'PT Serif', serif;
	text-transform: capitalize;
	font-weight: lighter;
	text-align: right;
	padding: 25px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border-top: 1px solid #CCCCCC;
}

	#navprinci a	{
	color: #333333;
	text-decoration: none;
	font-weight: lighter;
	margin: 0px 30px 0px 0px;

}

	#navprinci a:visited	{
	color: #333333;
	text-decoration: none;
	font-weight: lighter;

}
	#navprinci a:active	{
	color: #FC354D;
	font-weight: lighter;
}

	#navprinci a:hover	{
	color: #FC354D;
	font-weight: lighter;
	text-decoration: none;

}

/*********************************** slideshow home *****************************/

	#show {width: 900px; overflow: hidden; margin-bottom: 10px;}
	#show img {cursor: pointer;}
	#show_nav a {font-size: 11px; color: #b8b8b8; text-decoration: none; margin-right: 10px;}
	#show_nav a:hover, #show_nav .activeSlide {color: #FC354D;}

/*********************************** slideshow portfolio *****************************/

	#portshow {width: 665px; overflow: hidden; margin-bottom: 10px;}
	#portshow img {cursor: pointer;}
	#portshow_nav a {font-size: 11px; color: #b8b8b8; text-decoration: none; margin-right: 10px;}
	#portshow_nav a:hover, #portshow_nav .activeSlide {color: #FC354D;}


/*********************************** img thumbs *****************************/

	img {border:0;}
	
	img.opacitynew  {
	opacity: 1;
	filter: alpha(opacity=100);
 	-webkit-transition: opacity 0.5s ease-in-out;
	-moz-transition: opacity 0.5s ease-in-out;
	-o-transition: opacity 0.5s ease-in-out;
	transition: opacity 0.5s ease-in-out;
	}	
 
	img.opacitynew:hover {
	opacity: 0.2;
	filter: alpha(opacity=20);
 	-webkit-transition: opacity 0.5s linear;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
	}

	img.opacityportfolio  {
	opacity: 1;
	filter: alpha(opacity=100);
 	-webkit-transition: opacity 0.5s ease-in-out;
	-moz-transition: opacity 0.5s ease-in-out;
	-o-transition: opacity 0.5s ease-in-out;
	transition: opacity 0.5s ease-in-out;
	}	
 
	img.opacityportfolio:hover {
	opacity: 0.2;
	filter: alpha(opacity=20);
 	-webkit-transition: opacity 0.5s linear;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
	}

/*********************************** sliders *****************************/


/*
	jQuery Coda-Slider v2.0 - http://www.ndoherty.biz/coda-slider
	Copyright (c) 2009 Niall Doherty
	This plugin available for use in all personal or commercial projects under both MIT and GPL licenses.
*/

/* Most common stuff you'll need to change */

	.coda-slider-wrapper { padding: 0px }
	.coda-slider { background: #FAFAFA }
	
	/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
	.coda-slider-no-js .coda-slider { height: 2000px; overflow: auto !important; padding: 0px }
	
	/* Change the width of the entire slider (without dynamic arrows) */
	.coda-slider, .coda-slider .panel { width: 900px } 
	
	/* Change margin and width of the slider (with dynamic arrows) */
	.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 900px }
	.coda-slider-wrapper.arrows .coda-slider { margin: 0px }
	
	/* Tab nav */
	.coda-nav ul li a.current { color: #FC354D }
	
	/* Panel padding */
	.coda-slider .panel-wrapper { padding: 0px }
	
	/* Preloader */
	.coda-slider p.loading { padding: 0px; text-align: center }

	/* Tabbed nav */
	.coda-nav ul { clear: both; display: block; margin: auto; overflow: hidden }
	.coda-nav ul li { display: inline }
	.coda-nav ul li a { font-size: 12px; font-family: 'PT Serif', serif; font-weight: lighter; background: #FAFAFA; color: #CCCCCC; display: block; float: left; margin-right: 30px; padding: 0px 0px 5px; text-decoration: none }
	
	/* Miscellaneous */
	.coda-slider-wrapper { clear: both; overflow: auto }
	.coda-slider { float: left; overflow: hidden; position: relative }
	.coda-slider .panel { display: block; float: left }
	.coda-slider .panel-container { position: relative }
	.coda-nav-left, .coda-nav-right { float: left }
	.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }
	
			
/*********************************** general type styles *****************************/

	a {color: #FC354D; text-decoration: none; background-color: transparent;}
	a:link {color: #FC354D; text-decoration: none; background-color: transparent;} 
	a:visited {text-decoration: none; background-color: transparent;} 
	a:active {background-color: transparent;} 
	a:hover {color: #000000; background-color: transparent;} 
	
	.style1 {color: #FC354D;}
	.style2	{font-size: 12px; font-family: 'PT Serif', serif; font-weight: lighter; color: #999999;}
	.style3	{font-size: 10px; color: #999999;font-weight: lighter; }
	.style4	{font-size: 12px; font-family: 'PT Serif', serif; font-weight: lighter;}
	.style5 {color: #333333;}

/*********************************** estudio *****************************/
	
  	#estudiotxt	{
	font-size: 14px;
	color:#FFFFFF;
	line-height: 16px;
	font-family: 'PT Serif', serif;
	font-weight: lighter;
	text-align: left;
	padding: 20px 20px 20px 20px;
	margin: 0px 0px 0px 0px;
	background-color: #FC354D;
}


/*********************************** pie *****************************/


	a.style3:link		{
	color: #999999;
	text-decoration: none;
	font-weight: lighter;
}

	a.style3:visited	{
	color: #999999;
	text-decoration: none;
	font-weight: lighter;

}
	a.style3:active	{
	color: #999999;
	font-weight: lighter;
}

	a.style3:hover	{
	color: #FC354D;
	font-weight: lighter;
	text-decoration: none;

}