/*------------------------------------------------------------
CSS file for http://campaigngrid.net/campaigns/
------------------------------------------------------------*/

html, body {
	/*background: #044078 url(images/body-background.png) repeat-x;*/
	background: #06609B;
	color: #000;
	font-family: arial,Helvetica,sans-serif;
	font-size: 12px;
	line-height: 22px;
	text-align: left;
	margin: 0px auto;
}
/*------------------------------------------------------------
TITLES
------------------------------------------------------------*/
h1{
	font-size: 32px;
	/*line-height: 42px;*/
	margin: 0px;
}

h2{
	font-size: 22px;
	margin: 10px 0px 5px 0px;
}
/*------------------------------------------------------------
LAYOUT
------------------------------------------------------------*/
#wrapper {
	text-align: center;
	padding: 0px;
	width: 100%;
}
#top-max , #main-max , #footer-max{
	width: 850px;
	overflow:hidden;
	clear:both;	
	margin: 0px auto;
} 
#top , #main , #footer{
	width: 800px;
	margin: 0px 25px;
	padding: 0px ;
}

#top-max {
	background: #06609B url(images/top-background.jpg);
	height: 160px;
}
#main-max {
	background: #06609B url(images/main-background.jpg);
}
#footer-max {
	background: #06609B url(images/footer-background.jpg);
	height: 124px;
}
#main{
	text-align: left;
}
	#main-content{
		width: 800px;
		padding: 0px 0px;
		margin: 0px auto;
	}
		#main-content-left{
			float:left;
			width: 50%;
		}
		#main-content-right{
			float:right;
			width: 50%;
		}
		#main-content p{
			margin: 0px 0px 5px 0px;
			line-height: 18px;
			text-align: justify;
		}		
		#intro-title{
			padding: 20px 15px;
			text-align: center;
		}		
		#intro{
			font-size: 14px;
			clear:both;
			padding: 20px 15px;
		}
		
		#salutation{
			font-size: 12px;
			clear:both;
			padding: 20px 15px;
			font-weight: bold;
		}

		#explanation {
			clear:both;
			padding: 15px 35px;
			overflow: hidden;
		}
			#explanation-left {
				float: left;
				width: 45%;
			}
			#explanation-right {
				float: right;
				width: 45%;
			}		
			#explanation h1{
				color: #06609B;
			}
		#call-or-write{
			text-align: center;
		}
#video{
	text-align:center;
	padding: 20px 0px 30px 0px;
	clear:both;
}
#share{
	text-align:center;
	padding: 10px 0px;
	clear:both;
}
#example{
	clear:both;
	text-align:center;
	padding: 10px 0px;
}
	#example a, #example a:hover {
		color:#06609B;
		font-size:20px;
		font-weight:bold;
	}

#footer{
	padding: 40px 0px;
	text-align: center;
	color:#06609B;
	font-size: 20px;
	font-weight: bold;
}
	#footer a:link, #footer a:hover{
		color:#06609B;
	}

/*------------------------------------------------------------
FORM
------------------------------------------------------------*/
ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 100%;
}
ul li {
	clear: both;
	display: block;
	margin: 0;
	padding: 5px;
	list-style-type:none;
	overflow: hidden;
}
label.title-label {
	border:medium none;
	color:#222222;
	display:block;
	font-size:95%;
	font-weight:bold;
	line-height:150%;
	margin:0;
	padding:0 0 3px;
}
span.req {
	color: red !important;
	display: inline;
	float: none;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
li span {
	float: left;
}
li div, li span {
	color: #444444;
	margin: 0 0.3em 0 0;
	padding: 0;
}
input.text, input.file {
	padding: 2px 0;
}
input.text{
	background: #FFFFFF;
	border-color: #7C7C7C #C3C3C3 #DDDDDD;
	border-style: solid;
	border-width: 1px;
}
input.text, input.file, textarea.textarea, select.select {
	color: #000066;
	background: #CCD6E0;
	font-size: 20px;
	border: 1px solid #CCCC66;
	margin: 0;
	
}

li div label, li span label {
	clear:both;
	color:#444444;
	display:block;
	font-size:10px;
	line-height:10px;
	margin:0;
	padding-top:6px;
}
.buttons {
	clear:both;
	margin-top:10px;
}
.info{
	display:block;
}
.info {
	border-bottom:1px dotted #CCCCCC;
	clear:both;
	display:inline-block;
	margin:0 0 12px;
	width: 75%;
}
	.info h2 {
		clear:left;
		font-size:160%;
		font-weight:normal;
		margin:0 0 0.2em;
	}
/*------------------------------------------------------------
MISC
------------------------------------------------------------*/
ul.item{
	padding: 10px 0px;
}

ul.item li{
	color:#06609B;
	font-size:18px;
}
ol{
	padding: 10px 0px 10px 25px !important; /* Firefox y los demás */
	*padding: 10px 0px 10px 0px !important; /* Sólo IE7 */
	*padding: 10px 0px 10px 0px; /* Sólo IE6 */		
}

ol li{
	color:#06609B;
	font-size:18px;
	padding: 5px 0px;
}


a:link img, a:visited img  { 
	border: none ;
}
.green{
	color: green;
}
.blue{
	color: #06609B;
}

#call-result{
	font-weight: bold;
	color:#06609B;
	padding-left: 5px;
}