/* - - - - - - - - - - - - - - - - - - - - -

Título		: Media Master Minds
Autor		: Oscar Sanchez
URL 		: www.mediamasterminds.com

Descripción : Entertainment Connections and Consulting

Creado 		: June 2, 2008
Modificado	: June 2, 2008

- - - - - - - - - - - - - - - - - - - - - */
/*
div {
	border: 1px solid Red;
}*/


body {
	margin: 0;
	background: #000 url(../gfx/back/back_body.gif) bottom repeat-x ;
	font-size: small;
	}
* 	html body { 
	font-size: x-small; /* para IE5/WIN */
	f\ont-size: small; /*for other IE versions*/
}
body,td,th {
	font-family: Arial, "MS Trebuchet", sans-serif;
	color: #919191;
}
div#wraper { 
	display: block;
	width: 730px;
	padding: 0px 20px 20px 20px;
	margin-left: auto;
	margin-right: auto;

}
div#wraper_header { 
	display: block;
	width: 730px;
	padding: 30px 20px 0px 20px;
	margin-left: auto;
	margin-right: auto;

}

/*****************************************************/
/* RESETTERS AND GLOBAL SETTINGS               		 */
/***************************************************/

h1 { 
	margin-top: 0px;
	margin-bottom: 10px;
	color: #12aad1;
	font-weight: bold;
	font-size: 140%;
	line-height: 110%;
	
}
h2 { 
	font-size: 120%;
	color: #ffffff;
}
h3 { 
	font-size: 100%;
	color: #ffffff;
	
}

h4 { 
	font-size: 100%;
	color: #dd4900;
}

small { 
	margin: 0;
	color: #666;
	font-size: 95%;
}
p { 
	margin-top: 0;
	margin: 0;
/*	line-height: 140%;*/
/*	font-size: 95%;*/
}
a img { 
	border: 0;
}
p img { 
	padding: 7px;
}
img.float_left { 
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
img.float_right { 
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}
img.imagen_principal { 
	margin-bottom: 20px;
}

span { 
	font-size: 80%;
}

/*****************************************************/
/* LINKS                               		 */
/***************************************************/

a { 
	color: #12aad1;
	text-decoration: none;
}
a:hover, a:active { 
	color: #12aad1;
	text-decoration: underline;
}

/*****************************************************/
/* Layouts                               		 */
/***************************************************/
/* Comentario */

div#header { 
	height: 320px;
	background: #cfcfcf url(../gfx/back/back_header.gif) repeat-x;
	padding: 0px;
	margin: 0px;
}	

div#header_col1 { 
	width: 350px;
	padding-right: 30px;
	float: left;
	padding-top: 30px;
	padding-bottom: 0px;
}
div#header_col2 { 
	width: 320px;
	padding-left: 30px;
	padding-top: 30px;
	float: left;
}


div#col_1 { 
	width: 350px;
	padding-right: 20px;
	float: left;
}

div#col_2 { 
	width: 320px;
	padding-left: 29px;
	font-weight:: normal;
	border-left: 1px solid #666;	
	float: left;
}
div#footer { 
	width: 710px;
	float: left;
	padding: 55px 0px 45px 10px;
	margin-bottom: 20px;
	margin-top: 30px;
	color:#FFFFFF
}

div#footer_col_1 { 
	width: 183px;
	padding-right: 20px;
	float: left;
	border-right: 1px solid #fff;
	
}

div#footer_col_1 a { 
	color: #fff;
	text-decoration: none;
}

div#footer_col_1 a:hover, a:active { 
	color: #fff;
	text-decoration: underline;
}

div#footer_col_2 { 
	padding-left: 40px;
	padding-right: 40px;
	width: 183px;
	float: left;
	border-right: 1px solid #fff;
}

div#footer_col_3 {
	padding: 0px 0px 0px 40px;
	width: 183px;
	float: left;

}

div#footer_col_3 a { 
	color: #fff;
	text-decoration: none;
}

div#footer_col_3 a:hover, a:active { 
	color: #fff;
	text-decoration: underline;
}

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

div.post_1 { 
/*	width: 330px;*/
	padding: 10px 10px 10px 0px;
}


div.post_2 { 
/*	width: 330px;*/
	margin-top: 1px;
	margin-bottom: 0px;
	background-color: #04181f;
	padding: 10px 10px 10px 11px;
}

div.post_2:hover { 
	background-color: #072f3e;
}

div.post_3 { 
	width: 330px;
	margin-top: 15px;
	margin-bottom: 15px;
	padding: 10px 10px 10px 11px;
}

div.post_3:hover { 
	background-color: #0d536d;
}

div#col_1 div.post_1 h2 { 
	background: url(../gfx/ico/h1_post.gif) no-repeat;
	margin: 0px;
	padding: 0px;
	padding-left: 20px;
	margin-bottom: 10px;
}

div#col_1 div.post_2 h3 { 
	background: url(../gfx/ico/h2_post.gif) no-repeat;
	margin: 0px;
	padding: 0px;
	padding-left: 20px;
	margin-bottom: 10px;
}

div#col_1 div.post_3 h3 { 
	background: url(../gfx/ico/h2_post.gif) no-repeat;
	margin: 0px;
	padding: 0px;
	padding-left: 20px;
	margin-bottom: 10px;
}

div#col_1 div.post_3 h3 { 
	background: url(../gfx/ico/h2_post.gif) no-repeat;
	margin: 0px;
	padding: 0px;
	padding-left: 20px;
	margin-bottom: 10px;
}

div#col_2 h2.contact { 
	background: url(../gfx/ico/h2_contact.gif) no-repeat ;
	padding-left: 20px;
	margin-bottom: 10px;
	font-weight: normal;
}

div#col_2 h2.info { 
	background: url(../gfx/ico/h2_info.gif) no-repeat ;
	padding-top: 10px;
	padding-left: 20px;
	margin-bottom: 10px;
	font-weight: normal;
}

div#col_2 h2.network { 
	background: url(../gfx/ico/h2_network.gif) no-repeat ;
	padding-top: 10px;
	padding-left: 20px;
	margin-bottom: 10px;
	font-weight: normal;	
}


div.social_net img { 
	padding: 0px;
	margin: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
}
div.social_net p { 
	padding: 0px;
	margin: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
}
div.social_net span { 
	padding: 0px;
	margin: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
}


div.post_1 a { 
	font-size: 100%;
}
div.post_2 a { 
	font-size: 80%;
}
div.post_3 a { 
	font-size: 80%;
}
div#col_2 div.hr_post { 
	margin: 0px;
	padding: 0px;
	background: url(../gfx/back/back_hrpost.gif) repeat-x bottom;
	height: 2px;
	margin-bottom: 10px;
	margin-top: 5px;
}

div#col_2 p.social_p { 
	margin: 0px;
	padding: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
	color: #fff;
}

div.hr_post { 
	margin: 0px;
	padding: 0px;
	background: url(../gfx/back/back_hrpost.gif) repeat-x bottom;
	height: 2px;
	margin-bottom: 5px;
	margin-top: 5px;
}

div.hr_post hr { 
	display: none;

}

div.hr { 
	border-bottom: 1px solid #4d4d4d;
	margin: 5px 0px 0px 5px;
}

div.hr hr { 
	display: none;
}

input { 
	border: 1px solid #999;
	background-color: #000;
	color: #666;
	padding-left: 5px;
}

textarea { 
	border: 1px solid #999;
	background-color: #000;
	color: #666;
	padding-left: 5px;
}
/*****************************************************/
/* Menu                               		 */
/***************************************************/

div#menu { 
	float: left;
	padding-top: 45px;
	margin-bottom: 20px;
}

div#menu ul {
	padding: 0px;
	margin: 0px; 
	list-style: none;
}

div#menu ul li  { 
	float: left;
	margin: 0;
	padding: 0;

}

div#menu ul li a { 
	color: #fff;
	margin-right: 19px;
	text-decoration: none;
}

div#menu ul li a:hover { 
	color: #12aad1;
	margin-right: 19px;
	text-decoration: none;
}

body#home_page div#menu ul li#home a,
body#about_page div#menu ul li#about a,
body#service_page div#menu ul li#service a,
body#clients_page div#menu ul li#clients a,
body#links_page div#menu ul li#links a,
body#contact_page div#menu ul li#contact a
 { 
	color: #12aad1;
	cursor: default;
}


#menu ul#nav li ul {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	width: 10em;
	left: -999em;
}

#menu ul#nav li:hover ul {
	left: auto;
}
#menu ul#nav li.sfhover ul { 
	left: auto;
	padding: 0;
	margin: 0;
	padding-left: 0;
	margin-left: 0;
}

div#menu ul#nav {
	padding: 0px;
	margin: 0px;
	list-style: none;

}

div#menu ul#nav li { 
	float: left;
	margin: 0;
	padding: 0;
}

#menu #nav li a {
	display: block;
	margin: 0px 19px 0px 0px;
	text-decoration: none;
	color: #fff;
	border: none;
	background: url(../gfx/boton/separator_azul.gif) no-repeat left;	
}

#menu #nav li a:hover { 
	text-decoration: none;
	color: #12aad1;
	
}
#menu ul#nav li#service ul li a.submenu {
	width: 120px;
	height: 20px;
	background-color: #04181f;
	color: #fff;
	padding: 0px;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 12px;
	padding-bottom: 0px;
}

#menu ul#nav li#service ul li a.submenu:hover { 
	color: #12aad1;
	background: #0d536d;
	}

/*****************************************************/
/* Clients                               		 */
/***************************************************/


div.clients_1 { 
	width: 330px;
	margin-top: 1px;
	margin-bottom: 0px;
	background-color: #04181f;
	padding: 10px 10px 10px 11px;
}

div.clients_1:hover { 
	background-color: #072f3e;
}


div.clients_2 { 
	width: 330px;
	margin-top: 15px;
	margin-bottom: 15px;
	padding: 10px 10px 10px 11px;
}

div.clients_2:hover { 
	background-color: #0d536d;
}

div#col_1 div.clients_1 h3 { 
	margin: 0px;
	padding: 0px;
	margin-bottom: 8px;
}

div#col_1 div.clients_2 h3 { 
	margin: 0px;
	padding: 0px;
	margin-bottom: 8px;
}
h4.clients { 
	background: url(../gfx/ico/clients_arrow.gif) no-repeat;
	font-size: 120%;
	color:#dd4900;
	margin: 0px;
	padding: 0px;
	padding-left: 20px;
	margin-bottom: 10px;
}
/*****************************************************/
/* Services                               		 */
/***************************************************/

div.services_1 { 
	width: 330px;
	margin-top: 15px;
	margin-bottom: 15px;
	background-color: #03191f;
	color: #fff;
	padding: 0px 10px 10px 11px;
	font-size: 100%;
}

div.services_2 { 
	width: 330px;
	margin-top: 15px;
	margin-bottom: 15px;
	background-color: #dd4900;
	padding: 0px 10px 10px 11px;
}
div.services_2 p { 
	width: 330px;
	color: #fff;
	font-size: 80%;
}

div.services_2 p a { 
	color: #fff;
	text-decoration: none;
}

div.services_2 p a:hover { 
	color: #fff;
	text-decoration: underline;
}

input.error {
border: 1px solid red;
background-color: #000;
color: #666;
padding-left: 5px;
}
/*****************************************************/
/* Posts                               		 */
/***************************************************/
div#col_1_post { 
	width: 500px;
	padding-right: 20px;
	float: left;
	border-right: 1px solid #666;	
}

div#col_2_post { 
	width: 180px;
	padding-left: 29px;
	font-weight:: normal;
	float: left;
}

div#col_2_post p { 
	margin: 0;
	padding: 0;
	padding-top: 2px;
}

div#col_1_post div.hr_post { 
	margin: 0;
	padding: 0;
	padding-top: 5px;
	padding-bottom: 5px;
}

div#col_1_post div.hr_post { 
	margin: 0;
	padding: 0;
	padding-top: 5px;
	padding-bottom: 5px;
}


#back_boton p a { 
	background: #04181f;
	height: 25px;
	width: 60px;
	font-size: 14px;
	padding: 5px;
}
#back_boton p a:hover { 
	font-size: 14px;
	padding: 5px;
	color: #fff;
	text-decoration: none;
}