/*

THEME NAME: Nasser Theme

THEME URI: www.naserpublicidad.org

DESCRIPTION: Todavia ninguna

VERSION: 1.0

AUTHOR: Ramm

AUTHOR URI: http://www.dessigual.com/

*/

	body {
		background: #00455D url(img/bg_body.jpg) top center repeat-x;
		text-align: center;
		font-family: "Myriad Pro", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
		color: #333;
		font-size: 14px;
		}
 
/*///////////////////////////////////////////////////////////////////////////*/

		#head {
			height: 159px;
			}
			
			#head h2 {
				float: left;
				margin: 0;
			}
				#head h2 a {
					display: block;
					width: 188px;
					height: 129px;
					text-indent: -9999px;
					background: url(img/logo.png) top right no-repeat;
				}
			
			#head p.ptop {
				margin: 0;
				padding: 4px 0 3px 0;
				height: 22px;
				line-height: 16px;
				background: url(img/campanas-integrales.png) left center no-repeat;
				text-align: right;
				clear: both;
				color: #FFF;
			}
			#head.headen p.ptop {
				background: url(img/campanas-integrales-en.png) left center no-repeat;
			}
				#head p a {
					color: #D2E9F0;
					text-decoration: underline;
				}
				#head p a.links {
					color: #D2E9F0;
					text-decoration: none;
					display: inline-block;
					padding: 2px 6px;
					background-color: #002938;
					margin: 0 0 0 1px;
				}
				#head p a.linkc {
					color: #FE6E00;
					text-decoration: none;
					display: inline-block;
					padding: 2px 6px;
					background-color: #002938;
					margin: 0 0 0 1px;
				}
				#head p a.linkc:hover {
					background-color: #02455F;
				}
					#head p a:hover {
						text-decoration: none;
					}
					#head p a.links:hover {
						color: #FFF;
						background-color: #02455F;
					}
					
				#head p.ptop span.camp {
					display: none;
				}
				#head p.ptop span.telf {
					display: inline-block;
					padding: 0 20px;
				}
				#head p.ptop a#englink {
					display: inline-block;
					padding: 0 20px 0 20px;
					background: url(img/flag-us.png) left center no-repeat;
				}
				#head p.ptop a#spalink {
					display: inline-block;
					padding: 0 20px 0 20px;
					background: url(img/flag-co.png) left center no-repeat;
				}
				
				#head p.ptop a.lang {
					display: inline-block;
					padding: 0 20px 0 22px;
					background-position:left center;
				}

/*///////////////////////////////////////////////////////////////////////////*/
	
		#menu {
			float: right;
			padding: 25px 0 0 0;
		}
			#menu p {
				margin: 0;
				text-align: right;
			}

			#menu ul {
				margin: 0;
				padding: 0;
				list-style: none;
			}
				#menu ul li {
					margin: 0 0 0 1px;
					padding: 0;
					height: 42px;
					width: 100px;
					overflow: hidden;
					float: left;
				}
					#menu ul li a {
						display: block;
						width: 100px;
						height: 42px;
						text-indent: -9999px;
						background-position: top;
					}
						#menu ul li a:hover {
							background-position: bottom;
						}
						
						#menu ul li a#btn_camp {
							background-image: url(img/btn_camp-en.png);
						}
						#menu ul li a#btn_even {
							background-image: url(img/btn_even-en.png);
						}
						#menu ul li a#btn_dweb {
							background-image: url(img/btn_dweb-en.png);
						}
						#menu ul li a#btn_merc {
							background-image: url(img/btn_merc.png);
						}
						#menu ul li a#btn_foto {
							background-image: url(img/btn_foto-en.png);
						}
						#menu ul li a#btn_port {
							background-image: url(img/btn_port-en.png);
						}
						#menu ul li a#btn_cont {
							background-image: url(img/btn_cont-en.png);
							width: 90px;
						}
						
						#menu.menuen ul li a#btn_camp {
							background-image: url(img/btn_camp-en.png);
						}
						#menu.menuen ul li a#btn_even {
							background-image: url(img/btn_even-en.png);
						}
						#menu.menuen ul li a#btn_dweb {
							background-image: url(img/btn_dweb-en.png);
						}
						#menu.menuen ul li a#btn_merc {
							background-image: url(img/btn_merc.png);
						}
						#menu.menuen ul li a#btn_foto {
							background-image: url(img/btn_foto-en.png);
						}
						#menu.menuen ul li a#btn_port {
							background-image: url(img/btn_port-en.png);
						}
						#menu.menuen ul li a#btn_cont {
							background-image: url(img/btn_cont-en.png);
							width: 90px;
						}
						
					#menu ul li p {
						margin: 0;
						width: 100px;
						height: 0;
						overflow: hidden;
						color: #FFF;
						position: absolute;
						font-size: 12px;
						text-align: left;
						line-height: 14px;
					}
						#menu ul li p span {
							display: block;
							padding: 34px 0 0 4px;
						}
						#menu ul li p#p_camp {
							background-image: url(img/p_camp.png);
						}
						#menu ul li p#p_even {
							background-image: url(img/p_even.png);
						}
						#menu ul li p#p_dweb {
							background-image: url(img/p_dweb.png);
						}
						#menu ul li p#p_merc {
							background-image: url(img/p_merc.png);
						}
						#menu ul li p#p_foto {
							background-image: url(img/p_foto.png);
						}
						#menu ul li p#p_port {
							background-image: url(img/p_port.png);
						}
						#menu ul li p#p_cont {
							background-image: url(img/p_cont.png);
							width: 90px;
						}
 
/*///////////////////////////////////////////////////////////////////////////*/

	#main {
		clear: both;
		padding: 20px 0;
	}
 
/*///////////////////////////////////////////////////////////////////////////*/

	#contop {
		background: #EBF5F9 url(img/bt_contop.png) top repeat-x;
		padding: 20px 58px;
	}
		#contop h2 {
			font-size: 24px;
			color: #00455D;
			font-weight: normal;
			margin: 0 0 14px 0;
		}
		
		#contop #slogan
		{
			text-align: center; 
			margin: -10px 0pt 8px auto; 
			color: #77A5AD; 
			font-weight: normal; 
			font-style: italic; 
			font-size: 18px;
		}
	
	.topsec {
		height: 90px;
	}
	.topsec h2 {
		display: none;
	}
	#top-asesoria {
		background-image: url(img/bg_asesoria.jpg);
	}
	#top-campanas {
		background-image: url(img/bg_campanias.jpg);
	}
	#top-eventos {
		background-image: url(img/bg_eventos.jpg);
	}
	#top-dweb {
		background-image: url(img/bg_dweb.jpg);
	}
	#top-merchandising {
		background-image: url(img/bg_merchand.jpg);
	}
	#top-foto {
		background-image: url(img/bg_foto.jpg);
	}
	#top-portafolio {
		background-image: url(img/bg_portafolio.jpg);
	}
	#top-contactos {
		background-image: url(img/bg_contactos.jpg);
	}
	#top-clientes {
		background-image: url(img/bg_clientes.jpg);
	}
	#top-blog {
		background-image: url(img/bg_blog.jpg);
	}
	
 
/*///////////////////////////////////////////////////////////////////////////*/

	#ultimo {
		float: left;
		width: 512px;
	}
	#ultimo a img {
		float: right;
		border: 1px solid #CCC;
		margin: 0 0 0 10px;
	}
	
	#hportafolio {
		float: right;
		width: 222px;
		padding: 0 0 0 35px;
		background: url(img/bg_hport.png) left 44px no-repeat;
	}
		#hportafolio a img {
			float: right;
			margin: 0 0 10px 10px;
			border: 1px solid #CCC;
		}
		#hportafolio a img.imgpar {
			margin: 0;
		}

/*///////////////////////////////////////////////////////////////////////////*/

	#mcont {
		padding: 40px 58px 20px 58px;
		background: #FFF url(img/bg_mcont.png) top center no-repeat;
	}
	
		#mcont h1 {
			font-size: 24px;
			font-weight: normal;
			padding: 0 0 2px 0;
			margin: 0 0 20px 0;
			border-bottom: 1px solid #333;
			color: #000;
		}
		#mcont h3 {
			font-size: 24px;
			font-weight: normal;
			padding: 0 0 2px 0;
			margin: 0 0 20px 0;
			border-bottom: 1px solid #333;
			color: #000;
		}
		
		#mcont h4 {
			font-size: 18px;
			font-weight: normal;
			padding: 0 0 2px 0;
			margin: 0 0 16px 0;
			color: #000;
		}
		
		#mcont a {
			color: #00455D;
		}
			#mcont a:hover {
				text-decoration: none;
			}
 
 	.boton {
		display: inline-block;
		line-height: 14px;
		padding: 6px 10px 5px 10px;
		height: 14px;
		color: #FFF!important;
		text-decoration: none;
		background: url(img/bg_boton-aqua.png) top repeat-x;
	}
		.boton:hover {
			background-position: bottom;
		}
 	span.boton a
 	{
 		color:#FFF!important;
 	}
/*///////////////////////////////////////////////////////////////////////////*/
	.video
	{
		margin:0 auto;
		width:400px;
	}
	.box {
		float: left;
		width:  222px;
		padding: 0 68px 0 0;
	}
	.box2 {
		float: left;
		width: 512px;
	}
	.box3 {
		float: right;
		width: 222px;
	}
	.box4 {
		float: left;
		width: 396px;
	}
	.box5 {
		float: right;
		width: 396px;
	}
	.box6 {
		float: right;
		width: 512px;
	}
	.box7 {
		width: 802px;
		clear: both;
	}
	
	span.pdate {
		display: block;
		float: left;
		width: 34px;
		height: 34px;
		padding: 2px;
		font-size: 18px;
		color: #FFF;
		text-align: center;
		background-color: #6A00B7;
		margin: 0 10px 10px 0;
		line-height: 24px;
	}
	span.pdate strong {
		display: block;
		font-size: 12px;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: bold;
		text-align: center;
		background-color: #3B0069;
		text-transform: lowercase;
		line-height: 16px;
	}
	
		.postdata {
			margin: -20px 0 30px 0;
			padding: 20px 0 10px 0;
			font-size: 13px;
			line-height: 18px;
		}
 
 	div.orange h3, div.orange h1 {
		color: #ED6000!important;
		border-bottom: 1px solid #ED6000!important;
	}
		div.orange ul {
			margin: 10px 0;
			padding: 0 0 0 20px;
			list-style-image: url(img/bg_li-orange.png);
		}
	div.orange a.boton {
			background-image: url(img/bg_boton-orange.png);
		}
	div.orange q {
		float: right;
		width: 164px;
		margin: 0 0 0 10px;
		font-size: 17px;
		font-style: italic;
		color: #ED6000;
		text-align: right;
	}
	
	div.purple h1 {
		color: #6A00B7!important;
		border-bottom: 1px solid #6A00B7!important;
		font-weight: normal;
		margin: 0 0 14px 0;
	}
		div.purple h1.blog {
			font-size: 36px!important;
		}
	
 	div.purple h3 {
		color: #6A00B7!important;
		border-bottom: 1px solid #6A00B7!important;
	}
	div.purple a.boton {
		background-image: url(img/bg_boton-purple.png);
	}
	
	div.purple .boton {
		background-image: url(img/bg_boton-purple.png);
	}
	
	div.purple .boton:hover {
		background-image: url(img/bg_boton-purple.png);
	}
	
		div.purple ul {
			margin: 10px 0;
			padding: 0 0 0 20px;
			list-style-image: url(img/bg_li-purple.png);
		}
 
 	div.green h3, div.green h1 {
		color: #7C7D00!important;
		border-bottom: 1px solid #7C7D00!important;
	}
		div.green a.boton {
		background-image: url(img/bg_boton-green.png);
	}
		div.green ul {
			margin: 10px 0;
			padding: 0 0 0 20px;
			list-style-image: url(img/bg_li-green.png);
		}
		
 	div.aqua h3, div.aqua h1 {
		color: #00455D!important;
		border-bottom: 1px solid #00455D!important;
	}
			div.aqua ul {
			margin: 10px 0;
			padding: 0 0 0 20px;
			list-style-image: url(img/bg_li-aqua.png);
		}
		
 	div.blue h3, div.blue h1 {
		color: #0088B7!important;
		border-bottom: 1px solid #0088B7!important;
	}
			div.blue ul {
			margin: 10px 0;
			padding: 0 0 0 20px;
			list-style-image: url(img/bg_li-blue.png);
		}
	
	
		#bclientes a img {
			float: right;
			margin: 0 0 10px 10px;
			border: 1px solid #CCC;
		}
		#bclientes a img.imgpar {
			margin: 0;
		}
		
		#titPort {
			border-bottom: 1px solid #0088B7;
			height: 85px;
			font-size: 16px;
			margin: 0 0 20px 0;
		}
			#titPort a {
				color: #0088B7;
			}
			
			.portbox {
				height: 240px;
				margin: 0 0 30px 0;
			}
				.portbox a img {
					border: 1px solid #CCC;
				}
				.portbox h4 {
					color: #0088B7;
					border-bottom: 1px solid #0088B7;
					margin: 0 0 2px 0!important;
				}
				.portbox p {
					margin: 0 0 10px 0!important;
				}
				
			.acampanas, h4.acampanas a {
				color: #ED6000!important;
			}
				h4.acampanas {
					border-color: #ED6000!important;
				}
			.aeventos, h4.aeventos a {
				color: #666!important;
			}
				h4.aeventos {
					border-color: #666!important;
				}
			.adweb, h4.adweb a {
				color: #00455D!important;
			}
				h4.adweb {
					border-color: #00455D!important;
				}
			.amerchandising, h4.amerchandising a {
				color: #B7B700!important;
			}
				h4.amerchandising {
					border-color: #B7B700!important;
				}
			.afoto, h4.afoto a {
				color: #6A00B7!important;
			}
				h4.afoto {
					border-color: #6A00B7!important;
				}
			
			
		.clientlist tr td img {
			border: 1px solid #CCC;
		}
		
		
		/*.postdata {
			margin: -14px 0 20px 44px;
			font-size: 12px;
		}*/
 
/*///////////////////////////////////////////////////////////////////////////*/

	#logos  {
		background-color: #EBF5F9;
		padding: 10px 58px;
		border-top: 1px solid #E0E9EE;
	}
	#logos p {
		margin: 0;
	}
	#logos p a img {
		margin: 0 20px 0 0;
	}
	
 
 div#photo img {
	 border: 1px solid #CCC;
 }
 
 
/*///////////////////////////////////////////////////////////////////////////*/

	#foot {
		background: transparent url(img/bg_foot.png) top center no-repeat;
		padding: 20px 0 0 0;
		text-align: center;
		color: #FFF;
		}
		#foot a {
			color: #EBF5F9;
			}
			#foot a:hover {
				text-decoration: none;
				}