﻿body
{
    margin: 0px;
    overflow: auto !important;
    font-style: normal !important;
    font-family: arial,helvetica,sans-serif !important;
    font-size: 1em;
}

#s4-workspace
{
    overflow: auto !important;
}

A:link 
{
    color:#b03500;
    text-decoration:none;
}

A:visited
{
     color:#006374;
     text-decoration:none;
}

A:hover
{
    color:#00889a;
    text-decoration:none;
}    

/*estilos traídos de controls.css para que puedan verse en publicación para la embajada de Viena*/

.ms-rteElement-Callout4
{
  color:#005677;
  float:right;
  width:20em;
  padding:10px;
  background-color: #d8f4ff;
  font-family: Verdana, Geneva, sans-serif;  
  border: 1px solid #00ADEE;
}

.ms-rteFontSize-4{font-size:18pt;}
.ms-rteForeColor-2{color:Red;}
.ms-rteFontFace-1{font-family:Tahoma;}

/*estilos traídos de corev4.css para que pueda verse en publicación la Escuela Diplomática*/

.ms-rteStyle-Highlight
{
    background-color:#fae032;
    color:#312a26;

}

.ms-rteThemeForeColor
{
    color:#6890be;   
}

.ms-rteElement-H3B
{
    color:#0093ca;
}



/*estilos traídos de corev4.css para que pueda verse en publicación la Embajada de Berlin*/

.ms-rteStyle-Normal
{
	color: #676767;
	
}


/**************** CABECERA DE LA PAGINA **********************/
.cabecera
{
    width: 100%;
}

.cabeceraEspacio
{
    padding-top: 30px;
}

.cabecera .topCabeceraNoCss3
{
    background-image: url(degradadoCabecera.png);
    background-repeat: repeat-x;
    background-position: left top;
    padding-top: 10px;
}

.cabecera .topCabeceraCss3
{
    box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.7);
    -webkit-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.7);
}


.cabecera .topCabecera
{
    width: 100%;
    background: url(FondoCabecera.png);
    text-align: center;
}


.cabecera .cabeceraConImagen
{
    background-image: url(cabecera.png);
    background-repeat: no-repeat;
    background-position: center top;
    width: 1000px !important;
    height: 159px !important;
    margin: 0 auto;
}

.cabecera .cabeceraContenido
{
    width: 940px !important;
    margin: 0 auto;
    text-align: left;
}

/* Cabecera idiomas */
.cabecera .cabeceraContenido .idiomas
{
    text-align: center;
}

.cabecera .cabeceraContenido .idiomas .idiomasContent
{
    margin: 0 auto;
}

.cabecera .cabeceraContenido .idiomas ul
{
    list-style: none;
    padding: 0 0 10px 0;
    margin: 0px;
    left: 50%;
    text-align: center;
    clear: left;
    float: left;
    position: relative;
}

.cabecera .cabeceraContenido .idiomas ul li
{
    float: left;
    display: block;
    list-style: none;
    margin: 0px;
    right: 50%;
    position: relative;
    background: #FFFFFF;
    padding: 0 0 5px 0;
}
.cabecera .cabeceraContenido .idiomas ul li a
{
    padding: 0 5px;
    color: rgb(33,33,33);
    font-size: 0.75em;
}

.roundedBottomLeft
{
    border-bottom-left-radius: 10px;
}

.roundedBottomRight
{
    border-bottom-right-radius: 10px;
}

.cabecera .cabeceraContenido .idiomas ul li .separacionMenu a
{
    border-left: 1px solid rgb(33,33,33);
}


/* Cabecera logotipo */
.cabecera .cabeceraContenido .logoMaec
{
    width: 100%;
    padding-top: 85px;
}

/* Cabecera Accesos directos */
.cabecera .cabeceraContenido .accesosDirectos
{
    padding-bottom: 10px;
}

.cabecera .cabeceraContenido .accesosDirectos ul
{
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.cabecera .cabeceraContenido .accesosDirectos ul li
{
    float: left;
    display: block;
    list-style: none;
    margin: 0px;
}

.cabecera .cabeceraContenido .accesosDirectos ul li .separacionMenu, .cabecera .cabeceraContenido .accesosDirectos ul li .separacionMenuFirst
{
    border-right: 1px solid rgb(227,228,228);
    padding: 0 5px;
}

.cabecera .cabeceraContenido .accesosDirectos ul li .separacionMenuFirst
{
    padding: 0 5px 0 0 !important;
}

.cabecera .cabeceraContenido .accesosDirectos ul li .separacionMenuBuscar
{
    padding: 0 5px !important;
}


.cabecera .cabeceraContenido .accesosDirectos ul li a
{
    color: #FFFFFF;
    font-size: 0.8em;
    color: rgb(227,228,228);
}

/* Cabecera menu navegacion */

.cabecera .cabeceraMenuNavegacion
{
    text-align: left;
    background-color: rgb(33,33,33);
}

.cabecera .cabeceraMenuNavegacion .cabeceraMenuNavegacionCenter
{
    width: 58.750em !important;
    min-width: 940px;
    margin: 0 auto;
}

.cabecera .cabeceraMenuNavegacion .menuNavegacion ul
{
    list-style: none;
    padding: 0px;
    margin: 0px;
    position: relative;
}

.cabecera .cabeceraMenuNavegacion .menuNavegacion ul li
{
    float: left;
    position: relative;
    display: inline;
    list-style: none;
    margin: 0px;
    padding: 0;
}


.cabecera .cabeceraMenuNavegacion .menuNavegacion ul li .separacionMenu
{
    border-left: 1px solid white;
}

.cabecera .cabeceraMenuNavegacion .menuNavegacion ul li .aMenu, .cabecera .cabeceraMenuNavegacion .menuNavegacion ul li .aMenuFirst
{
    padding: 5px 10px;
    color: #FFFFFF;
    display: block;
    vertical-align: middle;
    font-weight: bold;
    font-size: 1.1em;
    display: block;
}

.cabecera .cabeceraMenuNavegacion .menuNavegacion ul li .aMenuFirst
{
    padding: 5px 10px 5px 10px;
}

cabecera .cabeceraMenuNavegacion .menuNavegacion ul li:hover
{
    position: relative;
}

.cabecera .cabeceraMenuNavegacion .menuNavegacion ul li .aMenu:hover, .cabecera .cabeceraMenuNavegacion .menuNavegacion ul li:hover .aMenu, .cabecera .cabeceraMenuNavegacion .menuNavegacion ul li .aMenuFirst:hover, .cabecera .cabeceraMenuNavegacion .menuNavegacion ul li:hover .aMenuFirst
{
    background-color: rgb(70,130,180);
}

.cabecera .cabeceraMenuNavegacion .menuNavegacion ul ul
{
    display: none;
    position: absolute;
    width: 12.3em;
    z-index: 10;
}

.cabecera .cabeceraMenuNavegacion .menuNavegacion ul ul li
{
    margin: 0;
    float: left;
    width: 100%;
}

.cabecera .cabeceraMenuNavegacion .menuNavegacion ul ul li a, .cabecera .cabeceraMenuNavegacion .menuNavegacion ul li.active li a, .cabecera .cabeceraMenuNavegacion .menuNavegacion ul li:hover ul li a
{
    font-size: 0.8em;
    font-weight: normal;
    background-color: rgb(220,220,220);
    color: rgb(105,105,105);
    line-height: 1.4em;
    float: left;
    width: 100%;
    padding: 3px 5px;
    border-bottom: 1px dotted rgb(192,192,192);
}


.cabecera .cabeceraMenuNavegacion .menuNavegacion ul li:hover ul
{
    display: block;
}

.cabecera .cabeceraMenuNavegacion .menuNavegacion ul li ul li:hover, .cabecera .cabeceraMenuNavegacion .menuNavegacion ul li ul li a:hover
{
    background: rgb(70,130,180);
    color: rgb(255,255,255);
}

.cabecera .cabeceraMenuNavegacion .menuNavegacion ul ul li a .elementoMenuFlecha
{
    width: 5%;
    float: left;
    display: inline;
}

.cabecera .cabeceraMenuNavegacion .menuNavegacion ul ul li a .elementoMenu
{
    width: 92%;
    float: left;
    display: inline;
    margin-left: 5px;
}

.cabecera .cabeceraMenuNavegacion .menuNavegacion ul ul li a .bordeElementoMenu
{
    border-bottom: 1px dotted rgb(192,192,192);
}

.bordeElementoMenu
{
}

/* Titulo Embajadas y Consulados */
.tituloEmbajadasConsulados
{
    text-align: left;
    background-color: rgb(248,176,0);
}

.tituloEmbajadasConsulados .tituloEmbajadasConsuladosContent
{
    width: 58.750em !important;
    min-width: 940px;
    margin: 0 auto;
}

.tituloEmbajadasConsuladosContent .tituloWeb
{
    padding: 5px 10px;
}

.tituloEmbajadasConsuladosContent .tituloWeb span
{
    font-size: 1.1em;
    font-weight: bold;
    color: rgb(33,33,33);
}

/* Cabecera Miga de pan */
.cabecera .migaPan
{
    width: 940px !important;
    padding-top: 20px;
    margin: 0 auto;
    text-align: left;
    padding-bottom: 10px;
}

.cabecera .migaPanSeparacion
{
    padding-top: 10px;
    border-bottom: 1px solid rgb(190,190,190) !important;
    position: absolute !important;
    width: 100% !important;
    left: 0 !important;
}


.cabecera .migaPan .cabeceraMenuNavegacionCenter
{
    margin: 0 auto;
}

.cabecera .migaPan .migaPanContent ul
{
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.cabecera .migaPan .migaPanContent ul li
{
    display: inline;
    list-style: none;
    margin: 0px;
    padding: 0;
}

.cabecera .migaPan .migaPanContent ul li span
{
    font-size: 0.75em;
}

.cabecera .migaPan .migaPanContent ul li a
{
    font-size: 0.75em;
}



.flechaMigaPan
{
    padding: 0 5px;
    color: rgb(3,40,102);
}

/**************** CUERPO DE LA PAGINA **********************/
.cuerpo
{
    width: 940px;
    margin: 0 auto;
}

/**************** PIE DE LA PAGINA **********************/
.pie
{
    width: 100%;
    padding: 40px 0 0 0;
}

.pie .pieContenido
{
}

.pie .pieOpacidadCss3
{
    box-shadow: 0px -2px 10px 0px rgba(0,0,0,0.7);
    -webkit-box-shadow: 0px -2px 10px 0px rgba(0,0,0,0.7);
}

.pie .pieOpacidadNoCss3
{
    background-image: url(degradadoPie.png);
    background-repeat: repeat-x;
    background-position: left top;
    padding-top: 10px;
}

/* Redes sociales */
.redesSocialesContent
{
    width: 100%;
    overflow: hidden;
    float: left;
    position: relative;
}

.redesSocialesContent ul
{
    list-style: none;
    padding: 0px;
    margin: 0px;
    left: 50%;
    text-align: center;
    clear: left;
    float: left;
    position: relative;
}

.redesSocialesContent ul li
{
    float: left;
    list-style: none;
    margin: 0px;
    padding: 0px;
    right: 50%;
    display: block;
    position: relative;
}

.redesSocialesContent ul li .contentLi
{
    padding: 10px 15px;
}

.redesSocialesContent ul li .contentLiBorde
{
    padding: 10px 15px;
    border-left: 1px solid rgb(0,0,0);
}


.redesSocialesContent ul li a, .redesSocialesContent ul li a:visited, .redesSocialesContent ul li a:link
{
    color: rgb(105,105,105);
    vertical-align: middle;
}

.redesSocialesContent ul li a span
{
    font-size: 0.75em;
    vertical-align: middle;
}


.redesSocialesContent ul li img
{
    padding-right: 5px;
    vertical-align: middle;
}

/* Enlaces y accesos directos */
.enlacesAccesosDirectosContent
{
    width: 100%;
    background-color: rgb(105,105,105);
}

.enlacesAccesosDirectosContent .enlacesAccesosDirectosSize
{
    width: 940px;
    margin: 0 auto;
    padding: 10px;
}

.enlacesAccesosDirectosContent .enlacesContent
{
    width: 50%;
    float: left;
}

.enlacesAccesosDirectosContent .enlacesContent .enlacesContentSize
{
    width: 96%;
}
.enlacesAccesosDirectosContent .enlacesContent .titulo
{
    border-bottom: 1px solid rgb(248,176,0);
    padding-bottom: 5px;
}

.enlacesAccesosDirectosContent .enlacesContent .titulo span
{
    font-size: 0.9em;
    color: rgb(248,176,0) !important;
    font-weight: bold;
}

.enlacesAccesosDirectosContent .enlacesContent .titulo h2
{
    font-size: 0.9em;
    color: rgb(248,176,0) !important;
    font-weight: bold;
    margin: 0;
}

.enlacesAccesosDirectosContent .enlacesContent ul
{
    list-style: none;
    padding: 10px 0 0 0;
    margin: 0px;
    width: 100%;
    overflow: hidden;
}

.enlacesAccesosDirectosContent .enlacesContent ul li
{   
    float: left;
    display: inline;
    padding: 0;
    width: 50%; /* 2 columnas */
}

.enlacesAccesosDirectosContent .enlacesContent ul li a
{
    margin-left: 5px;
    color: rgb(255,255,255) !important;
    font-size: 0.75em;
}

.flechaLink
{
    color: rgb(248,176,0) !important;
    float: left;
}

.ulEnlaces li span.flechaLink, .epigrafeZonaCentralAdemasContent ul li .flechaLink
{
    margin-right: 5px;
}



.flechaLink2
{
    color: rgb(248,176,0) !important;
}

/* Direcciones y telefonos */
.direccionesTelefonos
{
    width: 100%;
    background-color: rgb(33,33,33);
    padding: 10px 0;
    min-height: 80px;
}

.direccionesTelefonosContent
{
    width: 940px;
    margin: 0 auto;
}

.direccionesTelefonosContent ul
{
    list-style: none;
    padding: 0px;
    margin: 0px;
    width: 100%;
}

.direccionesTelefonosContent ul li
{
    float: left;
    width: 20%;
}

.direccionesTelefonosContent ul li .titulo
{
    padding-bottom: 2px;
}

.direccionesTelefonosContent ul li .titulo span
{
    font-size: 0.75em;
    color: rgb(255,255,255);
    opacity: 0.9;
    font-weight: bold;
}

.direccionesTelefonosContent ul li .info
{
    line-height: 0.9em;
}

.direccionesTelefonosContent ul li .info span
{
    font-size: 0.75em;
    color: rgb(255,255,255);
    opacity: 0.7;
}


/* Certificado de accesibilidad */
.certificadoAccesibilidad
{
    width: 100%;
    background-color: rgb(0,0,0);
    padding: 10px 0;
}

.certificadoAccesibilidadContent
{
    width: 940px;
    margin: 0 auto;
}


.certificadoAccesibilidadContent .texto
{
    color: rgb(255,255,255);
    font-size: 0.75em;
    padding-right: 120px;
    float: left;
}

.certificadoAccesibilidadContent .texto div
{
    padding: 0 0 5px 0;
}

.certificadoAccesibilidadContent .accesibilidad .imagen
{
    float: left;
    padding: 0 5px;
}

.pieEnlacesProteccion
{
    color:White;
    font-size:0.75em;
}

.pieEnlacesProteccion a:link, .pieEnlacesProteccion a:visited, .pieEnlacesProteccion a:hover
{
    color:White;    
}


/**************** ESTILOS SHAREPOINT SOBREESCRITOS **********************/
.nightandday .s4-ca
{
    margin-left: 0 !important;
}

.s4-breadcrumb
{
    display: none;
}

.welcome, .welcome-content, .welcome table td
{
    padding: 0 !important;
    margin: 0 !important;
    background-color: transparent !important;
    border-bottom: none !important;
}

.ms-WPHeader td
{
    background-image: none !important;
}

.nightandday .ms-cui-cg-or .ms-cui-cg-t, .ms-cui-tt-a
{
    color: #000 !important;
}

.nightandday .ms-WPBody
{
    font-size: inherit;
}

.pageLayoutTableTipo2 .columnLeft .contenido .AspNet-WebPart, .pageLayoutTableTipo2 .columnCenter .contenido .AspNet-WebPart, .pageLayoutTableTipo2 .columnRight .contenido .AspNet-WebPart, .pageLayoutTableTipo1 .cuerpoTabla .columnRight .contenido .AspNet-WebPart
{
    padding-bottom: 30px !important;
}

.pageLayoutTableTipo2 .columnCenter .contenido .separacionWebZone
{
    padding-bottom: 10px !important;
}

.pageLayoutTableTipo2 .columnLeft .AspNet-WebPart, .pageLayoutTableTipo2 .columnRight .AspNet-WebPart
{
    padding-bottom: 25px !important;
}


.article, .article-left
{
    padding: 0 !important;
}

/**************** COMUNES **********************/
.cuerpo h2
{
    color: rgb(105,105,105);
    font-size: 1.1em;
    margin: 0 0 2px 0;
    padding: 0;
    font-weight: bold;
}

.clearboth
{
    clear: both !important;
}

span.clearboth
{
    clear: both !important;
    display: block;
}

.floatleft
{
    float: left;
}

.justificado
{
    text-align: justify;
}

.noVisible
{
    display: none;
}

.visible
{
    display: block;
}

.separacionColor
{
    width: 100%;
}

.separacionColor .gris
{
    border-top: 1px solid rgb(192,192,192); /* padding-bottom:10px; */
}

.separacionColor .azul
{
    width: 40px;
    height: 5px;
    border-top: 4px solid rgb(70,130,180);
}

.separacionColor .gris2
{
    width: 100%;
    text-align: left;
    border-top: 1px solid rgb(33,33,33);
    padding-bottom: 15px;
}

.separacionColor .Azul2
{
    width: 100%;
    text-align: left;
    border-top: 4px solid rgb(70,130,180);
    padding-bottom: 5px;
}


.separacionColor .gris3
{
    width: 100%;
    height: 1px;
    background-color: rgb(192,192,192);
    float: left;
}

.bordeIzquierdaGrisDotted
{
    border-left: 1px dotted rgb(105,105,105) !important;
}

.bordeBajoGrisDotted
{
    border-bottom: 1px dotted rgb(105,105,105) !important;
}

.bordeBajoGris
{
    border-bottom: 1px solid rgb(105,105,105) !important;
}

.colorFuenteNegra1
{
    color: rgb(33,33,33);
}

.colorFuenteGris1
{
    color: rgb(105,105,105) !important;
}

.colorFuenteAzul1
{
    color: rgb(0,0,255) !important;
}

.colorFuenteAzul2
{
    color: rgb(70,130,180) !important;
}

.negrita
{
    font-weight: bold !important;
}

a:hover
{
    text-decoration: none !important;
}

.separacionDerecha
{
    padding-right: 5px;
}

.googleMapsMarker
{
    text-align: left;
}


.googleMapsMarker .titulo
{
    color: rgb(105,105,105);
}


.googleMapsMarker a, .googleMapsMarker a:visited, .googleMapsMarker a:link
{
    color: rgb(70,130,180);
    font-size: 0.8em;
}

.googleMapsMarker span
{
    font-size: 0.8em;
}

.obviar
{
    position: absolute;
    left: -1000em;
}


.separacionMenuBuscar fieldset
{
    border-width: 0;
    padding: 0;
    margin: -0.15em 0 0 0;
}

.ms-rteStyle-H4PIEFOTO
{
    -ms-name: "Pie de foto";
    text-align: left !important;
    font-size: 0.8em !important;
    margin-top: 5px;
}

.ms-rteStyle-H4LADILLO1
{
    -ms-name: "Ladillo tipo 1";
    color: rgb(70,130,180);
    font-size: 1.2em !important;
    font-weight: bold;
}

.ms-rteStyle-H4LADILLO2
{
    -ms-name: "Ladillo tipo 2";
    color: rgb(70,130,180);
    font-size: 1.1em !important;
    font-weight: bold;
}


.ms-rteStyle-H4LADILLO3
{
    -ms-name: "Ladillo tipo 3";
    color: rgb(105,105,105);
    font-size: 1.0em !important;
    font-weight: bold;
}

.ms-rteStyle-H4LADILLO4
{
    -ms-name: "Ladillo tipo 4 (acordeón)";
    color: rgb(105,105,105);
    font-size: 1.1em;
    font-weight: bold;
    cursor: pointer;
    margin-left: 5px;
}

.ms-rteStyle-H4LADILLO4TEXTO
{
    -ms-name: "Texto includio en el acordeón";
}

.ms-rteStyle-H4LADILLO4TEXTOQUITAR
{
    -ms-name: "Quitar acordeón";
}

.hora
{
    font-size: 0.5em;
    float: right;
}

.hora span
{
    float: right;
    clear: both;
}

.tituloEmbajada
{
    display: inline;
}


.botonBuscarCabecera
{
    color: rgb(227,228,228);
    font-size: 0.8em;
    background:none;
    border-style:none;
    padding: 0 10px 0 0;
    cursor:pointer;
}

.botonBuscarCabecera:active
{   
    cursor:pointer;
    padding: 0 10px 0 0;
}