/* 
Ultima Actualización: DD/MM/AAAA


Modificado por: Nombre de la persona
 */


/*	-------------------------------------------------------------
	Reset para cross-browsing
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym,address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*	-------------------------------------------------------------
	Estilos globales 
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/


body {
	font: normal 0.8em/1.5em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif ;
	color: #002430;
	line-height:150%;

}
a {
	border: 0;
	color: #003245;
}
h1{
	color: #002430;
	font-size:1.8em;
	line-height:200%;
}
h2{
	color: #fff;
	font-size:1.5em;
	text-align:center;
	line-height:100%;
}
h3{
	color: #003245;
	font-size:1.2em;
	text-align:center;
	line-height:150%;
	border-bottom:1px solid #003245;
}
h4{
	font-size: 0.8em;
	line-height:150%;
}
img {
	vertical-align: middle;
}

/*	-------------------------------------------------------------
	Layout General 
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

#wrapper {
	width: 917px;
	height: auto;
	margin:0px auto;
	
}
.container{
	width: 100%;
	float: left;
	background-image: url(img/background.jpg);
	background-repeat: repeat-y;
}
#header {
	height: auto;
	background-image:url(img/head.jpg);
	background-repeat:no-repeat;
	width:100%;
	float: left;
}
#content {
	height: auto;
	padding:10px 15px;
	width:888px;
	float: left;
}
#footer {
	width:100%;
	padding-bottom: 15px;
	height: 25px;
	font-size: 0.8em;
	text-align:center;
	background-position:bottom;
	background-image:url(img/foot.jpg);
	background-repeat:no-repeat;
	float: left;
}
/*	-------------------------------------------------------------
	Header 
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
.logo {
	width:836px;
	background-image:url(img/header.jpg);
	background-repeat: no-repeat;	
	height:80px;
	margin-left: 15px;
	padding:20px 0px 0px 50px;
}
.tagline {
	
}
lang {
	
}
.top_head{
	width:100%;
	height:auto;
}
.idioma{
	width:90px;
	text-align:left;
	font-size:.9em;
	color:#666666;
	float:right;
	padding:60px 400px 0px 0px;
}
.idioma a:link{
		text-decoration:underline;
		color:#fff;
}
.idioma a:visited, .idioma a:hover{
		text-decoration:none;
		color:#fff;
}
/*	-------------------------------------------------------------
	Content 
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
.maincontent {
	width: 888px;
	height: auto;
	float: left;
}
.maincontent1 {
	width: 858px;
	height: auto;
	float: left;
	padding:15px ;
}
.maincontent2 {
	width: 858px;
	height: auto;
	float: left;
	padding:15px ;
	background-color:#D9DBDB;
}
.txtcontent{
	width:234px;
	background-image: url(img/bgtxthome.jpg);
	background-repeat:repeat-x;
	background-color:#BEE1E5;
	height:auto;
	float: left;
	padding: 0px 15px 13px 15px;
}
.banner{
	width:421px;
	height:355px;
	margin-left:10px;
	float:left;
	background-color:#000000;
}
.secciones{
	width:180px;
	height:auto;
	float:right;
	padding-left:10px;
	margin-bottom:10px;
}
.seccion_vid{
	width:180px;
	height:auto;
	float:right;
	padding-left:10px;
}
.seccion_soporte{
	width:420px;
	height:auto;
	float:left;
	margin-left:10px;

}
.barrasecciones{
	background-image:url(img/bgmenu.jpg);
	background-repeat:repeat-x;	
	height:27px;
	padding-left:15px;
	font-size:1.2em;
	width:165px;
}
.barrasec_contacto{
	background-image:url(img/bgmenu.jpg);
	background-repeat:repeat-x;	
	height:27px;
	padding-left:15px;
	font-size:1.2em;
	width:251px;
}
.barraint_right{
	background-image:url(img/bgmenu.jpg);
	background-repeat:repeat-x;	
	height:27px;
	padding-left:15px;
	font-size:1.2em;
	width:265px;
}
.barraint_img{
	background-image:url(img/bgmenu.jpg);
	background-repeat:repeat-x;	
	height:27px;
	padding-left:15px;
	font-size:1.2em;
	width:235px;
}
.barrasec_soporte{
	background-image:url(img/bgmenu.jpg);
	background-repeat:repeat-x;	
	height:27px;
	padding-left:15px;
	font-size:1.2em;
	width:405px;
}
.contsecciones{
	width:180px;
	height:auto;
	/*background-image: url(img/bgsecciones.jpg);
	background-repeat:repeat-x;*/
	background-color:#0083BB;
	text-align:center;
	padding-top:5px;
}
.contsecciones h3{
   color: #fff;
}
.contsecciones h3 a:hover{
   text-decoration: underline;
}

.contproximamente{
	color: #fff;
	font-size:20px;
	text-align:center;
	width:100%;
	height:100px;
	padding:50px 0 0 0;
}
.contsec_vid{
	width:180px;
	height:auto;
	background-image: url(img/bgsecciones.jpg);
	background-repeat:repeat-x;
	background-color:#BEE1E5;
	text-align:center;

}
.contsec_contacto{
	width:256px;
	height:auto;
	background-image: url(img/bgsecciones.jpg);
	background-repeat:repeat-x;
	background-color:#BEE1E5;
	text-align:center;
	padding:5px;
}
.contsec_soporte{
	width:420px;
	height:auto;
	background-image: url(img/bgsecciones.jpg);
	background-repeat:repeat-x;
	background-color:#BEE1E5;
	text-align:center;
	float:right;
}
.txt_soporte{
	width:200px;
	height:auto;
	float:left;	
	padding:1px 0px 0px 30px;
	line-height:16px;
}
.txt_gris_promo{
	width:340px;
	height:auto;
	float:left;	
	padding:5px 0px 5px 260px;
	background-color:#999999;
	color:#fff;
	text-align:center;
	margin:15px 0px;
	background-image:url(img/backgroundpromociones.jpg);
}
.txt_gris_promo a{
	color:#999999;
	text-decoration:underline;
}
.txt_gris_promo a:hover{
	color:#999999;
	text-decoration:none;
}
.txt_gris{
	width:100%;
	height:auto;
	float:left;	
	padding:15px 0px;
	background-color:#999999;
	color:#fff;
	text-align:center;
	margin:15px 0px;
}
.img_soporte{
	width:190px;
	height:auto;
	float:right;	
}
.img_soporte img:hover{
    opacity:0.7;
}
.secundarycontent {
	width: 100%;
	height: auto;
	float: right;
}	
.link{
	width:100%;
	height:auto;
	font-size:0.8em;
	text-align:right;
	
}
.sidebar {
	width: 30%;
	height: auto;
	float: left;
}
.sec_contacto{
	width:266px;
	height:auto;
	float:left;
}
.pie {
	width:888px;
	margin-bottom: 5px;
	height: 25px;
	font-size: 0.8em;
	text-align:center;
	background-color:#4D4D4D;
	float: left;
	color:#fff;
	margin-left:15px;
}
.gamol{
	text-align:center;
	font-size:0.8em;
	width: 917px;
	height: auto;
	margin:0px auto;
}
.cont_left{
	width:600px;
	height:auto;
	float:left;
}

.cont_left h3{
	width: 100%;
	font-size: 16px;
	text-align: left;
	border: none;
	margin: 7px 0;
}
.cont_left_white{
	width:580px;
	height:auto;
	float:left;
	background-color:#D9DBDB;
	padding:10px;
}
.cont_left1{
	width:560px;
	height:auto;
	float:left;
}
.cont_left_white1{
	width:550px;
	height:auto;
	float:left;
	background-color:#D9DBDB;
	padding-right:10px;
}
.content_right{
	width:280px;
	height:auto;
	float:right;
}	

.cont_right{
	width:280px;
	height:auto;
	float:right;
	background-image: url(img/bgsecciones.jpg);
	background-repeat:repeat-x;
	background-color:#BEE1E5;
	margin-top:15px;
}
.cont_right_sf{
	width:280px;
	height:auto;
	float:right;
	margin-top:15px;
}
.cont_right li{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:disc;
	margin:5px 0px 0px 25px;
}
.cont_right a{
	text-decoration:none;
}
.cont_right a:hover{
	text-decoration:underline;
}
.img_int{
	width:250px;
	height:auto;
	float:left;
	margin:0px 10px 0px 0px;
	background-image: url(img/bgsecciones.jpg);
	background-repeat:repeat-x;
	background-color:#BEE1E5;
}
.img_int li{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:disc;
	margin:5px 0px 0px 25px;
}

.galeria{
	background-color:#D9DBDB;
	float:left;
	height:auto;
	padding:20px;
	width:845px;
	margin-top:15px;
}
.galerias{
	width:807px;
	float:left;
	height:auto;
	padding:  15px 0px 15px 80px;
	border-bottom:1px solid #003245;
}
.galerias1{
	width:807px;
	float:left;
	height:auto;
	padding:  15px 0px 15px 80px;
	border-bottom:1px solid #003245;
	background-color:#999999;
}
.titulosgaleria{
	width:180px;
	height:auto;
	float:left;	
}
.infogaleria{
	width:480px;
	height:auto;
	float:left;	
}
.contfotos{
	width:130px;
	height:130px;
	overflow:hidden;
	float:left;
	padding-left:10px;
}
.contfotosgrande{
	width:270px;
	height:130px;
	overflow:hidden;
	float:left;
	padding-left:10px;
}

.contfotosgrande1{
    width:200px;
    height:130px;
    overflow:hidden;
    float:left;
    padding-left:10px;
}
.cont_left li{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:disc;
	margin:5px 0px 0px 50px;
}
.cont_left_white li{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:disc;
	margin:5px 0px 0px 50px;
}
.formulario_izq{
	width:150px;
	height:auto;
	float:left;
}
.formulario_der{
	width:150px;
	height:auto;
	float:left;
}
fieldset{
	width:400px;
	border:1px solid #0E1D34;
	padding:10px 30px;
	text-align:center;
	margin-left:70px;
}
.cont_left input{
	width:150px;
	height:auto;
	float:left;
	background-color: #EDEDED;
	border:solid #1B3767 1px; 
	font-family: normal "Lucida Grande", Verdana, Arial, Helvetica, sans-serif ;
	color: #666666;
}
.cont_left input.radio {
	width:auto;
	text-align:left;
	background-color:#C3C7C8;
	float:left;
	border:none;
}	
.cont_left label{
	float:left;
	width:125px;	
	text-align:left;
}
.cont_left select{
	width:150px;
	height:auto;
	float:left;
	background-color: #EDEDED;
	border:solid #1B3767 1px; 
	font-family: normal "Lucida Grande", Verdana, Arial, Helvetica, sans-serif ;
	color: #666666;
}
textarea{
	width:150px;
	height:auto;
	float:left;
	background-color: #EDEDED;
	border:solid #1B3767 1px; 
	font-family: normal "Lucida Grande", Verdana, Arial, Helvetica, sans-serif ;
	color: #666666;
}
.tabla{
	width:600px;
	height:auto;
	float:left;
	border:1px solid #666666;
}
.columnaizq{
	width:300px;
	height:auto;
	float:left;
	padding:5px;
	font-weight:bold;
}
.izq1{
	width:295px;
	height:auto;
	float:left;
	padding-left:15px;
	background-color:#DADADA;
}
.izq{
	width:295px;
	height:auto;
	float:left;
	padding-left:15px;

}
.title{
	font-size: 1em;
	font-weight:bold;
}
.columnader{
	width:280px;
	height:auto;
	float:left;
	padding:5px;
}
.der{
	width:264px;
	padding-left:15px;
	height:auto;
	float:left;
}
.der1{
	width:264px;
	padding-left:15px;
	height:auto;
	float:left;
	background-color:#DADADA;
}
.alinearadio{
	width:150px;
	height:auto;
	float:left;
}
.chat{
	width:114px;
	height:auto;
	float:left;
}
.horariochat{
	width:130px;
	height:auto;
	float:right;
	padding-top:15px;
}
.horariochat_index{
	width:100px;
	height:auto;
	float:right;
	padding-top:20px;
}
.chat1{
	width:200px;
	height:auto;
	padding:10px 40px;
	text-align:center;
	float:left;

}
.contactook{
	background-image:url(img/mmpcontactonew.jpg);
	background-repeat:no-repeat;
	float:left;
	height:123px;
	padding:10px 10px 0 0px;
	text-align:center;
	width:280px;	
}
.contacto_link {
	height:auto;
	padding:44px 0 0 130px;
	width:120px;
	
}
.contacto_link a{
	color:#ffffff;
	text-decoration:none;
}
.contacto_int_title{
	float:left;
	font-size:2em;
	height:auto;
	padding-left: 125px;
	text-align:center;
	width:auto;
}
.blog_int{
	background-image:url(img/mmpblognew.jpg);
	background-repeat:no-repeat;
	float:left;
	height:60px;
	padding:53px 10px 0 25px;
	text-align:left;
	width:250px;	
}
.blog_int a{
	color:#ffffff;
	text-decoration:none;
	padding:10px 0 37px;
}
/*	-------------------------------------------------------------
	Menu 
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
/* style the outer div to give it width */
.menu {	background-image:url(img/bgmenu.jpg); background-repeat:repeat-x; height:27px; margin:5px 15px 0px 15px; padding-left:150px; }

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none; height:2em; background:transparent;}

/* style the sub-level lists */
.menu ul ul {width:auto;}

/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu ul li {float:left;height:2.1em;line-height:2.1em; display:block; z-index:1000;}

/* style the sub level list items */
.menu ul ul li {display:block;width:auto; height:auto; line-height:1em;}

/* style the links for the top level */
.menu a, .menu a:visited {display:block;float:left;height:100%; width:auto; font-size:12px;text-decoration:none;color:#ffffff;padding:0px 15px; border-right:1px solid #666666;}
/* hack IE5.x to get the correct the faulty box model and get the width right */
* html .menu a, * html .menu a:visited {width:auto; }

/* style the sub level links */
.menu ul ul a, .menu ul ul a:visited {display:block;background:#fff url(sub_grad.gif); color:#002430;width:12em;height:100%;line-height:1em; padding:0.5em 1em; border-bottom:1px solid #7aa;}
* html .menu ul ul a, * html .menu ul ul a:visited  {width:auto; w\idth:12em;}


/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {border-collapse:collapse; padding:0; margin:-1px; width:0; height:0; font-size:1em; z-index:999;}


/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#fff ; z-index:1000;}
/* style the fourth level background */
.menu ul ul ul ul a, .menu ul ul ul ul a:visited {background:#fff ;}
/* style the sub level 1 background */
.menu ul :hover a.sub1 {background:#013F58;}
/* style the sub level 1 background */
.menu ul :visited a.sub1 {background:#013F58;}
/* style the sub level 2 background */
.menu ul ul :hover a.sub2 {background:#fff;}

/* style the level hovers */
/* first */
* html .menu a:hover {color:#fff; position:relative; z-index:1000;}
.menu li:hover {position:relative;}
.menu :hover > a {color:#fff;}
/* second */
* html .menu ul ul a:hover{color:#fff;background:#7aa; position:relative; z-index:1100;}
.menu ul ul li:hover {position:relative;}
.menu ul ul :hover > a {color:#fff;background:#013F58;}
/* third */
* html .menu ul ul ul a:hover {background:#7aa; position:relative; z-index:1200;}
.menu ul ul ul :hover > a {background:#7aa;}
/* fourth */
.menu ul ul ul ul a:hover {background:#7aa; position:relative; z-index:1300;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:2.1em; left:0; width:auto;}

/* position the third level flyout menu */
.menu ul ul ul{left:12em;top:0;width:auto;}


/* make the second level visible when hover on first level list OR link */
.menu ul :hover ul{visibility:visible; height:auto; padding:0 3em 0em 3em;  left:-3em;}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{visibility:visible; left:131px;}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul {visibility:visible;}

/*	-------------------------------------------------------------
	Submenu 
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
/*	-------------------------------------------------------------
	Galleria 
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
.link_rojo_mediano {
	font-size: 9px;
}