@charset "utf-8";

/* Simple fluid media

   Note: Fluid media requires that you remove the media's height and width attributes from the HTML

   http://www.alistapart.com/articles/fluid-images/ 

*/

img, object, embed, video {

	max-width: 100%;

}



/* IE 6 does not support max-width so default to width 100% */

.ie6 img {

	width:100%;

}



/*

	Dreamweaver Fluid Grid Properties

	----------------------------------

	dw-num-cols-mobile:		4;

	dw-num-cols-tablet:		8;

	dw-num-cols-desktop:	12;

	dw-gutter-percentage:	25;

	

	Inspiration from "Responsive Web Design" by Ethan Marcotte 

	http://www.alistapart.com/articles/responsive-web-design

	

	and Golden Grid System by Joni Korpi

	http://goldengridsystem.com/

*/


.centrirano
{
	text-align:center;
	color:#cd007b;
}

.roza
{
	color:#cd007b;
}
.fluid {

	clear: both;

	margin-left: 0;

	width: 100%;

	float: left;

	display: block;

}



.fluidList {

    list-style:none;

    list-style-image:none;

    margin:0;

    padding:0;        

}



/* Mobile Layout: 480px and below. */

  

.gridContainer {

	margin-left: auto;

	margin-right: auto;

	width: 86.45%;

	padding-left: 2.275%;

	padding-right: 2.275%;

	clear: none;

	float: none;

}

.center{

	margin: 0 auto;

}



.left{

	float:left;

}

.right{

	float:right;

}

.center{

	margin: 0 auto;

}



/* styles */



p {

	color: #000;

	font-family:"Open Sans", arial, helvetica, sans-serif;

}

li {

	color: #000;

	font-family:"Open Sans", arial, helvetica, sans-serif;

}

h1 {

	font-size:55px;

	color: #cd007e;

	font-family: 'Open Sans', serif;

	font-weight:300;

	margin: 50px 0 0 0;

}

h2 {

	font-size:30px;

	color: #0268b3;

	font-family: 'Open Sans', serif;

	font-weight:300;

	margin: 50px 0 0 0;

}

a {

 	color: #0974a7;

	text-decoration:underline;

}

a:hover {

	text-decoration: none;

}

b, strong { font-weight: 700; }

.emphasis {

	font-size:32px;

	line-height: 38px;

	color: #cd007e;

	font-family: 'Playfair Display', serif;

	font-style:italic;

}

.orange
{
	color:#ff5a00;
}

.heroImage h1 {

	font-style: normal;

	margin:120px 0 0 0;

	font-size: 50px;

	text-align:center;

}

.heroImage h2 {

	font-family: arial, serif;

	text-transform: uppercase;

	color:#000;

	margin:0;

	text-align:center;

}

/* elements */



header{

	background:#fff;

	text-align: center;

}



.logo {

	margin:50px 0;

}



img {

	width: 100%;

}

.content{

	background:#FFF;

}



.zeroMargin_mobile{

margin-left: 0;

}



.hide_mobile{

display: none;

}



.clearfix:after {

	visibility: hidden;

	display: block;

	font-size: 0;

	content: " ";

	clear: both;

	height: 0;

	}

* html .clearfix             { zoom: 1; } /* IE6 */

*:first-child+html .clearfix { zoom: 1; } /* IE7 */



/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */



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



.gridContainer {

	width: 90.675%;

	padding-left: 1.1625%;

	padding-right: 1.1625%;

	clear: none;

	float: none;

	margin-left: auto;

}

#div1 {

}

.content {

}

.hide_tablet {

display: none;

}

.zeroMargin_tablet {

margin-left: 0;

}

}



/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */



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



.gridContainer {

	width: 88.5%;

	max-width: 1232px;

	padding-left: 0.75%;

	padding-right: 0.75%;

	margin: auto;

	clear: none;

	float: none;

	margin-left: auto;

}

	.col_1  { width:  6.25%; }

	.col_2  { width: 14.58%; }

	.col_3  { width: 22.92%; }

	.col_4  { width: 31.25%; }

	.col_5  { width: 39.58%; }

	.col_6  { width: 47.92%; }

	.col_7  { width: 56.25%; }

	.col_8  { width: 64.58%; }

	.col_9  { width: 72.92%; }

	.col_10 { width: 81.25%; }

	.col_11 { width: 89.58%; }

	.col_12	{ width: 97.92%; }

.zeroMargin_desktop {

margin-left: 0;

}

.hide_desktop {

display: none;

}

}